VesperOS/gnome-shell-extensions
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

window-list: Improve default stylesheet

Browse Source 
Adjust colors to be more consistent with the current shell look.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell-extensions/-/merge_requests/253>
This commit is contained in:
Alexander Weichart
2023-05-16 13:55:40 +00:00
committed by Florian Müllner
parent 58b4b3c8d6
commit ca1c4b0f9e
1 changed files with 46 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
extensions/window-list/stylesheet.css
+46 -48
View File
@@ -1,115 +1,113 @@
.window-list { .window-list {
spacing: 2px; spacing: 2px;
font-size: 10pt; font-size: 10pt;
}
.bottom-panel {
background-color: #000000;
border-top-width: 0px;
padding: 2px;
} }
.window-button { .window-button {
padding: 1px; padding: 2px, 1px;
} }
.window-button:first-child:ltr { .window-button:first-child:ltr {
padding-left: 2px; padding-left: 2px;
} }
.window-button:last-child:rtl { .window-button:last-child:rtl {
padding-right: 2px; padding-right: 2px;
} }
.window-button-box { .window-button-box {
spacing: 4px; spacing: 4px;
} }
.window-button > StWidget, .window-button > StWidget,
.window-picker-toggle > StWidget { .window-picker-toggle > StWidget {
color: #bbb; color: #bbb;
background-color: black; background-color: #1d1d1d;
border-radius: 2px; border-radius: 4px;
padding: 3px 6px 1px; padding: 3px 6px 1px;
box-shadow: inset 1px 1px 4px rgba(255,255,255,0.5); transition: 100ms ease;
text-shadow: 1px 1px 4px rgba(0,0,0,0.8);
}
.window-picker-toggle {
padding: 3px;
}
.window-picker-toggle > StWidet {
border: 1px solid rgba(255,255,255,0.3);
} }
.window-button > StWidget { .window-button > StWidget {
-st-natural-width: 18.75em; -st-natural-width: 18.75em;
max-width: 18.75em; max-width: 18.75em;
} }
.window-button:hover > StWidget, .window-button:hover > StWidget,
.window-picker-toggle:hover > StWidget { .window-picker-toggle:hover > StWidget {
color: white; color: #fff;
background-color: #1f1f1f; background-color: #303030;
} }
.window-button:active > StWidget, .window-button:active > StWidget,
.window-button:focus > StWidget { .window-button:focus > StWidget {
box-shadow: inset 2px 2px 4px rgba(255,255,255,0.5); color: #fff;
background-color: #3f3f3f;
} }
.window-button.focused > StWidget, .window-button.focused > StWidget,
.window-picker-toggle:checked > StWidget { .window-picker-toggle:checked > StWidget {
color: white; color: #fff;
box-shadow: inset 1px 1px 4px rgba(255,255,255,0.7); background-color: #3f3f3f;
} }
.window-button.focused:active > StWidget, .window-button.focused:active > StWidget,
.window-picker-toggle:checked:active > StWidget { .window-picker-toggle:checked:active > StWidget {
box-shadow: inset 2px 2px 4px rgba(255,255,255,0.7); color: #fff;
background-color: #3f3f3f;
} }
.window-button.minimized > StWidget { .window-button.minimized > StWidget {
color: #666; color: #666;
box-shadow: inset -1px -1px 4px rgba(255,255,255,0.5); background-color: #161616;
} }
.window-button.minimized:active > StWidget { .window-button.minimized:active > StWidget {
box-shadow: inset -2px -2px 4px rgba(255,255,255,0.5); color: #666;
background-color: #161616;
} }
.window-button-icon { .window-button-icon {
width: 24px; width: 24px;
height: 24px; height: 24px;
} }
.window-list-workspace-indicator .status-label-bin { .window-list-workspace-indicator .status-label-bin {
background-color: rgba(200, 200, 200, .3); background-color: rgba(200, 200, 200, 0.3);
border: 1px solid #cccccc; padding: 0 3px;
padding: 0 3px; margin: 3px;
margin: 3px;
} }
.window-list-workspace-indicator .workspaces-box { .window-list-workspace-indicator .workspaces-box {
spacing: 3px; spacing: 3px;
padding: 3px; padding: 3px;
} }
.window-list-workspace-indicator .workspace { .window-list-workspace-indicator .workspace {
border: 2px solid #000; width: 52px;
width: 52px; border-radius: 4px;
border-radius: 4px; background-color: #1e1e1e;
background-color: #595959;
} }
.window-list-workspace-indicator .workspace.active { .window-list-workspace-indicator .workspace.active {
border-color: #fff; background-color: #3f3f3f;
} }
.window-list-window-preview { .window-list-window-preview {
background-color: #bebebe; background-color: #bebebe;
border: 1px solid #828282; border-radius: 1px;
} }
.window-list-window-preview.active { .window-list-window-preview.active {
background-color: #d4d4d4; background-color: #d4d4d4;
} }
.notification { .notification {
font-weight: normal; font-weight: normal;
} }