904ead1fb1
Now that classic styling is based on color scheme instead of a dedicated "classic" stylesheet, we should do the same for extension styling, with the bonus that it also works with the regular appearance setting outside the classic session. Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell-extensions/-/merge_requests/254>
69 lines
1.6 KiB
CSS
69 lines
1.6 KiB
CSS
@import url("stylesheet-dark.css");
|
|
|
|
#panel.bottom-panel {
|
|
border-top-width: 1px;
|
|
border-bottom-width: 0px;
|
|
height: 2.25em ;
|
|
padding: 2px;
|
|
}
|
|
|
|
.bottom-panel .window-button > StWidget,
|
|
.bottom-panel .window-picker-toggle > StWidget {
|
|
color: #2e3436;
|
|
background-color: #eee;
|
|
border-radius: 3px;
|
|
padding: 3px 6px 1px;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
border: 1px solid rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.bottom-panel .window-button > StWidget {
|
|
-st-natural-width: 18.7em;
|
|
max-width: 18.75em;
|
|
}
|
|
|
|
.bottom-panel .window-button:hover > StWidget,
|
|
.bottom-panel .window-picker-toggle:hover > StWidget {
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
.bottom-panel .window-button:active > StWidget,
|
|
.bottom-panel .window-button:focus > StWidget {
|
|
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.bottom-panel .window-button.focused > StWidget,
|
|
.bottom-panel .window-picker-toggle:checked > StWidget {
|
|
background-color: #ccc;
|
|
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.bottom-panel .window-button.focused:hover > StWidget {
|
|
background-color: #e9e9e9;
|
|
}
|
|
|
|
.bottom-panel .window-button.minimized > StWidget {
|
|
color: #888;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* workspace switcher */
|
|
.window-list-workspace-indicator .workspace {
|
|
border: 2px solid #f6f5f4;
|
|
background-color: #ccc;
|
|
}
|
|
|
|
.window-list-workspace-indicator .workspace.active {
|
|
border-color: #888;
|
|
}
|
|
|
|
.window-list-window-preview {
|
|
background-color: #ededed;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.window-list-window-preview.active {
|
|
background-color: #f6f5f4;
|
|
}
|