Skip to content

Custom styling

Piotr Miller edited this page Jan 30, 2020 · 7 revisions

You may use the ~/.config/sgtk-menu/style.css file, or another one, forced with the -css <filename> argument, to override some theme settings, e.g.:

#separator {
    margin: 10px
}
#menu {
    background-color: #a3bfce
}
#submenu {
    background-color: #a3bfce
}

Widgets are named as below:

css-styling

To customize button bar styling, use names #bar and #button.

button=bar-styling

#bar {
    background-color: rgba(86, 100, 138, 0.5);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
#button:hover {
    background-color: #8399d3
}
#button:focus {
    background-color: #56648a;
    color: #eee
}