GTK3: Lighten OSD background color

This commit is contained in:
Daniel Ruiz de Alegría 2020-06-01 12:09:59 +02:00
parent 929a929ac2
commit 4565e29f5f
6 changed files with 187 additions and 187 deletions

View File

@ -30,14 +30,14 @@ stage {
.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
color: white; color: white;
background-color: #272a34; background-color: #303340;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 14px; border-radius: 14px;
padding: 12px; } padding: 12px; }
.workspace-thumbnails, #dash { .workspace-thumbnails, #dash {
color: white; color: white;
background-color: rgba(39, 42, 52, 0.8); background-color: rgba(48, 51, 64, 0.8);
border: 1px solid rgba(255, 255, 255, 0.1); } border: 1px solid rgba(255, 255, 255, 0.1); }
.show-apps .overview-icon, .app-well-app .overview-icon, .show-apps .overview-icon, .app-well-app .overview-icon,
@ -1240,7 +1240,7 @@ StScrollBar {
.window-caption { .window-caption {
color: white; color: white;
background-color: #272a34; background-color: #303340;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 6px; border-radius: 6px;
padding: 6px 12px; padding: 6px 12px;
@ -1301,7 +1301,7 @@ StScrollBar {
background-color: transparent; } background-color: transparent; }
.search-section-content { .search-section-content {
background-color: rgba(50, 54, 67, 0.8); background-color: rgba(59, 63, 78, 0.8);
border-radius: 13px; border-radius: 13px;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
@ -1315,7 +1315,7 @@ StScrollBar {
transition-duration: 200ms; } transition-duration: 200ms; }
.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked { .list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
background-color: rgba(17, 18, 23, 0.9); } background-color: rgba(26, 28, 35, 0.9); }
.search-provider-icon .list-search-provider-content { .search-provider-icon .list-search-provider-content {
spacing: 12px; } spacing: 12px; }
@ -1365,7 +1365,7 @@ StScrollBar {
.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
.grid-search-result:active .overview-icon, .grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon { .grid-search-result:checked .overview-icon {
background-color: rgba(17, 18, 23, 0.5); } background-color: rgba(26, 28, 35, 0.5); }
.app-well-app .overview-icon.overview-icon-with-label, .app-well-app .overview-icon.overview-icon-with-label,
.grid-search-result .overview-icon.overview-icon-with-label { .grid-search-result .overview-icon.overview-icon-with-label {
@ -1376,14 +1376,14 @@ StScrollBar {
/* App Folders */ /* App Folders */
.app-well-app.app-folder { .app-well-app.app-folder {
background-color: rgba(39, 42, 52, 0.2); background-color: rgba(48, 51, 64, 0.2);
border-radius: 9px; } border-radius: 9px; }
.app-folder-dialog { .app-folder-dialog {
border-radius: 15px; border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
spacing: 12px; spacing: 12px;
background-color: rgba(17, 18, 23, 0.95); } background-color: rgba(26, 28, 35, 0.95); }
.app-folder-dialog .folder-name-container { .app-folder-dialog .folder-name-container {
padding: 24px 36px 0; padding: 24px 36px 0;
spacing: 12px; spacing: 12px;
@ -1498,7 +1498,7 @@ StScrollBar {
padding: 5px 10px; } padding: 5px 10px; }
.dash-label { .dash-label {
background-color: rgba(39, 42, 52, 0.95); background-color: rgba(48, 51, 64, 0.95);
border-radius: 7px; border-radius: 7px;
border: none; border: none;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
@ -1520,10 +1520,10 @@ StScrollBar {
background-color: rgba(39, 119, 255, 0.85); } background-color: rgba(39, 119, 255, 0.85); }
.show-apps:active .overview-icon, .show-apps:checked .overview-icon { .show-apps:active .overview-icon, .show-apps:checked .overview-icon {
background-color: rgba(17, 18, 23, 0.5); } background-color: rgba(26, 28, 35, 0.5); }
.show-apps:focus .overview-icon, .show-apps:checked .overview-icon { .show-apps:focus .overview-icon, .show-apps:checked .overview-icon {
background-color: #111217; background-color: #1a1c23;
color: #eeeeec; } color: #eeeeec; }
/* Workspace pager */ /* Workspace pager */
@ -1676,22 +1676,22 @@ StScrollBar {
border-color: black; } border-color: black; }
.keyboard-key.default-key { .keyboard-key.default-key {
color: #eeeeec; color: #eeeeec;
background-color: #323643; background-color: #3b3f4e;
border-color: #23252e; border-color: #2b2f3a;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
text-shadow: 0 1px rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.keyboard-key.default-key:hover, .keyboard-key.default-key:checked { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
color: #eeeeec; color: #eeeeec;
background-color: #363a48; background-color: #3f4454;
border-color: #23252e; border-color: #2b2f3a;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
text-shadow: 0 1px rgba(0, 0, 0, 0.2); text-shadow: 0 1px rgba(0, 0, 0, 0.2);
icon-shadow: 0 1px rgba(0, 0, 0, 0.2); } icon-shadow: 0 1px rgba(0, 0, 0, 0.2); }
.keyboard-key.default-key:active { .keyboard-key.default-key:active {
color: #eeeeec; color: #eeeeec;
background-color: #252831; background-color: #2e313d;
border-color: #13151a; border-color: #1c1e25;
text-shadow: none; text-shadow: none;
icon-shadow: none; icon-shadow: none;
box-shadow: none; } box-shadow: none; }
@ -1724,9 +1724,9 @@ StScrollBar {
.keyboard-subkeys { .keyboard-subkeys {
color: white; color: white;
-arrow-border-radius: 10px; -arrow-border-radius: 10px;
-arrow-background-color: #272a34; -arrow-background-color: #303340;
-arrow-border-width: 1px; -arrow-border-width: 1px;
-arrow-border-color: #3b3f4e; -arrow-border-color: #43495a;
-arrow-base: 20px; -arrow-base: 20px;
-arrow-rise: 10px; -arrow-rise: 10px;
-boxpointer-gap: 6px; } -boxpointer-gap: 6px; }
@ -1774,7 +1774,7 @@ StScrollBar {
/* Looking Glass */ /* Looking Glass */
#LookingGlassDialog { #LookingGlassDialog {
background-color: #272a34; background-color: #303340;
spacing: 6px; spacing: 6px;
padding: 4px; padding: 4px;
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
@ -1783,7 +1783,7 @@ StScrollBar {
#LookingGlassDialog > #Toolbar { #LookingGlassDialog > #Toolbar {
border: none; border: none;
border-radius: 5px; border-radius: 5px;
background-color: #272a34; } background-color: #303340; }
#LookingGlassDialog .labels { #LookingGlassDialog .labels {
spacing: 6px; } spacing: 6px; }
#LookingGlassDialog .notebook-tab { #LookingGlassDialog .notebook-tab {
@ -1808,7 +1808,7 @@ StScrollBar {
spacing: 6px; } spacing: 6px; }
.lg-dialog StEntry { .lg-dialog StEntry {
background-color: rgba(50, 54, 67, 0.6); background-color: rgba(59, 63, 78, 0.6);
color: white; color: white;
border-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2);
min-height: 22px; min-height: 22px;
@ -1845,7 +1845,7 @@ StScrollBar {
.lg-extension { .lg-extension {
border: 1px solid #0d0d0d; border: 1px solid #0d0d0d;
background-color: #323643; background-color: #3b3f4e;
border-radius: 5px; border-radius: 5px;
padding: 4px; } padding: 4px; }
@ -1856,7 +1856,7 @@ StScrollBar {
spacing: 6px; } spacing: 6px; }
#LookingGlassPropertyInspector { #LookingGlassPropertyInspector {
background: #272a34; background: #303340;
border: 1px solid black; border: 1px solid black;
border-radius: 5px; border-radius: 5px;
padding: 6px; } padding: 6px; }
@ -2074,12 +2074,12 @@ StScrollBar {
.unlock-dialog-notifications-container .unlock-dialog-notification-source { .unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 6px; padding: 12px 6px;
border: none; border: none;
background-color: rgba(39, 42, 52, 0.3); background-color: rgba(48, 51, 64, 0.3);
color: white; color: white;
border-radius: 10px; } border-radius: 10px; }
.unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(39, 42, 52, 0.9); } background-color: rgba(48, 51, 64, 0.9); }
.unlock-dialog-notification-label { .unlock-dialog-notification-label {
padding: 0px 0px 0px 12px; } padding: 0px 0px 0px 12px; }
@ -2087,7 +2087,7 @@ StScrollBar {
.unlock-dialog-notification-count-text { .unlock-dialog-notification-count-text {
weight: bold; weight: bold;
padding: 0 6px; padding: 0 6px;
color: #272a34; color: #303340;
background-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.3);
border-radius: 99px; border-radius: 99px;
margin-right: 12px; } margin-right: 12px; }

View File

@ -158,7 +158,7 @@ assistant .sidebar label.highlight {
.osd { .osd {
color: white; color: white;
border: none; border: none;
background-color: #272a34; background-color: #303340;
background-clip: padding-box; background-clip: padding-box;
text-shadow: 0 1px black; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; } -gtk-icon-shadow: 0 1px black; }
@ -344,9 +344,9 @@ entry {
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { .osd spinbutton:disabled:not(.vertical), .osd entry:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: rgba(61, 63, 72, 0.5); background-color: rgba(68, 72, 83, 0.5);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -628,7 +628,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -644,7 +644,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -669,10 +669,10 @@ button.osd {
button.osd:disabled:backdrop, button.osd:disabled:backdrop,
button.osd:disabled { button.osd:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -683,7 +683,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -695,7 +695,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -705,7 +705,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -722,10 +722,10 @@ button.osd {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -734,7 +734,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -753,17 +753,17 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -921,10 +921,10 @@ button.suggested-action {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1071,10 +1071,10 @@ button.destructive-action {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1520,7 +1520,7 @@ spinbutton {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
color: #93959a; color: #97999f;
border-color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: none; } box-shadow: none; }
@ -1554,7 +1554,7 @@ spinbutton {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -1564,7 +1564,7 @@ spinbutton {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -1581,10 +1581,10 @@ spinbutton {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:disabled { .osd spinbutton.vertical button:first-child:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1593,7 +1593,7 @@ spinbutton {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1634,7 +1634,7 @@ toolbar {
padding: 13px; padding: 13px;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
background-color: #272a34; } background-color: #303340; }
toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
border-radius: 0; } border-radius: 0; }
toolbar.horizontal separator { toolbar.horizontal separator {
@ -2989,7 +2989,7 @@ radio {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -2999,7 +2999,7 @@ radio {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -3019,16 +3019,16 @@ radio {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.osd check:disabled, .osd radio:disabled { .osd check:disabled, .osd radio:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -3112,7 +3112,7 @@ progressbar trough, scale fill, scale trough {
border-color: black; border-color: black;
background-color: rgba(0, 0, 0, 0.8); } background-color: rgba(0, 0, 0, 0.8); }
.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled {
background-color: rgba(61, 63, 72, 0.5); } background-color: rgba(68, 72, 83, 0.5); }
progressbar progress, scale highlight { progressbar progress, scale highlight {
border: 1px solid #00348d; border: 1px solid #00348d;
@ -3220,25 +3220,25 @@ scale {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: black; border-color: black;
background-color: #272a34; } background-color: #303340; }
.osd scale slider:hover { .osd scale slider:hover {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; } background-color: #303340; }
.osd scale slider:active { .osd scale slider:active {
color: white; color: white;
border-color: black; border-color: black;
@ -3249,29 +3249,29 @@ scale {
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; } background-color: #303340; }
.osd scale slider:disabled { .osd scale slider:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
background-color: #272a34; } background-color: #303340; }
.osd scale slider:backdrop { .osd scale slider:backdrop {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
background-color: #272a34; } background-color: #303340; }
.osd scale slider:backdrop:disabled { .osd scale slider:backdrop:disabled {
background-color: #272a34; } background-color: #303340; }
scale marks, scale marks,
scale value { scale value {
color: alpha(currentColor,0.55); color: alpha(currentColor,0.55);
@ -4003,7 +4003,7 @@ row {
.app-notification.frame { .app-notification.frame {
padding: 10px; padding: 10px;
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
background-color: #272a34; background-color: #303340;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
background-clip: padding-box; } background-clip: padding-box; }
.app-notification:backdrop, .app-notification:backdrop,

View File

@ -30,14 +30,14 @@ stage {
.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
color: white; color: white;
background-color: #272a34; background-color: #303340;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 14px; border-radius: 14px;
padding: 12px; } padding: 12px; }
.workspace-thumbnails, #dash { .workspace-thumbnails, #dash {
color: white; color: white;
background-color: rgba(39, 42, 52, 0.8); background-color: rgba(48, 51, 64, 0.8);
border: 1px solid rgba(255, 255, 255, 0.1); } border: 1px solid rgba(255, 255, 255, 0.1); }
.show-apps .overview-icon, .app-well-app .overview-icon, .show-apps .overview-icon, .app-well-app .overview-icon,
@ -1239,7 +1239,7 @@ StScrollBar {
.window-caption { .window-caption {
color: white; color: white;
background-color: #272a34; background-color: #303340;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 6px; border-radius: 6px;
padding: 6px 12px; padding: 6px 12px;
@ -1300,7 +1300,7 @@ StScrollBar {
background-color: transparent; } background-color: transparent; }
.search-section-content { .search-section-content {
background-color: rgba(50, 54, 67, 0.8); background-color: rgba(59, 63, 78, 0.8);
border-radius: 13px; border-radius: 13px;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
@ -1314,7 +1314,7 @@ StScrollBar {
transition-duration: 200ms; } transition-duration: 200ms; }
.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked { .list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked {
background-color: rgba(17, 18, 23, 0.9); } background-color: rgba(26, 28, 35, 0.9); }
.search-provider-icon .list-search-provider-content { .search-provider-icon .list-search-provider-content {
spacing: 12px; } spacing: 12px; }
@ -1364,7 +1364,7 @@ StScrollBar {
.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
.grid-search-result:active .overview-icon, .grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon { .grid-search-result:checked .overview-icon {
background-color: rgba(17, 18, 23, 0.5); } background-color: rgba(26, 28, 35, 0.5); }
.app-well-app .overview-icon.overview-icon-with-label, .app-well-app .overview-icon.overview-icon-with-label,
.grid-search-result .overview-icon.overview-icon-with-label { .grid-search-result .overview-icon.overview-icon-with-label {
@ -1375,14 +1375,14 @@ StScrollBar {
/* App Folders */ /* App Folders */
.app-well-app.app-folder { .app-well-app.app-folder {
background-color: rgba(39, 42, 52, 0.2); background-color: rgba(48, 51, 64, 0.2);
border-radius: 9px; } border-radius: 9px; }
.app-folder-dialog { .app-folder-dialog {
border-radius: 15px; border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
spacing: 12px; spacing: 12px;
background-color: rgba(17, 18, 23, 0.95); } background-color: rgba(26, 28, 35, 0.95); }
.app-folder-dialog .folder-name-container { .app-folder-dialog .folder-name-container {
padding: 24px 36px 0; padding: 24px 36px 0;
spacing: 12px; spacing: 12px;
@ -1497,7 +1497,7 @@ StScrollBar {
padding: 5px 10px; } padding: 5px 10px; }
.dash-label { .dash-label {
background-color: rgba(39, 42, 52, 0.95); background-color: rgba(48, 51, 64, 0.95);
border-radius: 7px; border-radius: 7px;
border: none; border: none;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
@ -1519,10 +1519,10 @@ StScrollBar {
background-color: rgba(39, 119, 255, 0.85); } background-color: rgba(39, 119, 255, 0.85); }
.show-apps:active .overview-icon, .show-apps:checked .overview-icon { .show-apps:active .overview-icon, .show-apps:checked .overview-icon {
background-color: rgba(17, 18, 23, 0.5); } background-color: rgba(26, 28, 35, 0.5); }
.show-apps:focus .overview-icon, .show-apps:checked .overview-icon { .show-apps:focus .overview-icon, .show-apps:checked .overview-icon {
background-color: #111217; background-color: #1a1c23;
color: #5c616c; } color: #5c616c; }
/* Workspace pager */ /* Workspace pager */
@ -1675,21 +1675,21 @@ StScrollBar {
border-color: black; } border-color: black; }
.keyboard-key.default-key { .keyboard-key.default-key {
color: #5c616c; color: #5c616c;
background-color: #16171d; background-color: #1e2128;
border-color: black; border-color: black;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(255, 255, 255, 0.3); text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
.keyboard-key.default-key:hover, .keyboard-key.default-key:checked { .keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
color: #5c616c; color: #5c616c;
background-color: #20232b; background-color: #292c37;
border-color: black; border-color: black;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(255, 255, 255, 0.3); text-shadow: 0 1px rgba(255, 255, 255, 0.3);
icon-shadow: 0 1px rgba(255, 255, 255, 0.3); } icon-shadow: 0 1px rgba(255, 255, 255, 0.3); }
.keyboard-key.default-key:active { .keyboard-key.default-key:active {
color: #5c616c; color: #5c616c;
background-color: #08090b; background-color: #111217;
border-color: black; border-color: black;
text-shadow: none; text-shadow: none;
icon-shadow: none; icon-shadow: none;
@ -1723,9 +1723,9 @@ StScrollBar {
.keyboard-subkeys { .keyboard-subkeys {
color: white; color: white;
-arrow-border-radius: 10px; -arrow-border-radius: 10px;
-arrow-background-color: #272a34; -arrow-background-color: #303340;
-arrow-border-width: 1px; -arrow-border-width: 1px;
-arrow-border-color: #3b3f4e; -arrow-border-color: #43495a;
-arrow-base: 20px; -arrow-base: 20px;
-arrow-rise: 10px; -arrow-rise: 10px;
-boxpointer-gap: 6px; } -boxpointer-gap: 6px; }
@ -1773,7 +1773,7 @@ StScrollBar {
/* Looking Glass */ /* Looking Glass */
#LookingGlassDialog { #LookingGlassDialog {
background-color: #272a34; background-color: #303340;
spacing: 6px; spacing: 6px;
padding: 4px; padding: 4px;
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
@ -1782,7 +1782,7 @@ StScrollBar {
#LookingGlassDialog > #Toolbar { #LookingGlassDialog > #Toolbar {
border: none; border: none;
border-radius: 5px; border-radius: 5px;
background-color: #272a34; } background-color: #303340; }
#LookingGlassDialog .labels { #LookingGlassDialog .labels {
spacing: 6px; } spacing: 6px; }
#LookingGlassDialog .notebook-tab { #LookingGlassDialog .notebook-tab {
@ -1807,7 +1807,7 @@ StScrollBar {
spacing: 6px; } spacing: 6px; }
.lg-dialog StEntry { .lg-dialog StEntry {
background-color: rgba(50, 54, 67, 0.6); background-color: rgba(59, 63, 78, 0.6);
color: white; color: white;
border-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2);
min-height: 22px; min-height: 22px;
@ -1844,7 +1844,7 @@ StScrollBar {
.lg-extension { .lg-extension {
border: 1px solid #0d0d0d; border: 1px solid #0d0d0d;
background-color: #323643; background-color: #3b3f4e;
border-radius: 5px; border-radius: 5px;
padding: 4px; } padding: 4px; }
@ -1855,7 +1855,7 @@ StScrollBar {
spacing: 6px; } spacing: 6px; }
#LookingGlassPropertyInspector { #LookingGlassPropertyInspector {
background: #272a34; background: #303340;
border: 1px solid black; border: 1px solid black;
border-radius: 5px; border-radius: 5px;
padding: 6px; } padding: 6px; }
@ -2070,12 +2070,12 @@ StScrollBar {
.unlock-dialog-notifications-container .unlock-dialog-notification-source { .unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 6px; padding: 12px 6px;
border: none; border: none;
background-color: rgba(39, 42, 52, 0.3); background-color: rgba(48, 51, 64, 0.3);
color: white; color: white;
border-radius: 10px; } border-radius: 10px; }
.unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
background-color: rgba(39, 42, 52, 0.9); } background-color: rgba(48, 51, 64, 0.9); }
.unlock-dialog-notification-label { .unlock-dialog-notification-label {
padding: 0px 0px 0px 12px; } padding: 0px 0px 0px 12px; }
@ -2083,7 +2083,7 @@ StScrollBar {
.unlock-dialog-notification-count-text { .unlock-dialog-notification-count-text {
weight: bold; weight: bold;
padding: 0 6px; padding: 0 6px;
color: #272a34; color: #303340;
background-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.3);
border-radius: 99px; border-radius: 99px;
margin-right: 12px; } margin-right: 12px; }

View File

@ -158,7 +158,7 @@ assistant .sidebar label.highlight {
.osd { .osd {
color: white; color: white;
border: none; border: none;
background-color: #272a34; background-color: #303340;
background-clip: padding-box; background-clip: padding-box;
text-shadow: 0 1px black; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; } -gtk-icon-shadow: 0 1px black; }
@ -344,9 +344,9 @@ entry {
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { .osd spinbutton:disabled:not(.vertical), .osd entry:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: rgba(61, 63, 72, 0.5); background-color: rgba(68, 72, 83, 0.5);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -628,7 +628,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -644,7 +644,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -669,10 +669,10 @@ button.osd {
button.osd:disabled:backdrop, button.osd:disabled:backdrop,
button.osd:disabled { button.osd:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -683,7 +683,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -695,7 +695,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -705,7 +705,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -722,10 +722,10 @@ button.osd {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -734,7 +734,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -753,17 +753,17 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -921,10 +921,10 @@ button.suggested-action {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1071,10 +1071,10 @@ button.destructive-action {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1520,7 +1520,7 @@ spinbutton {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
color: #93959a; color: #97999f;
border-color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: none; } box-shadow: none; }
@ -1554,7 +1554,7 @@ spinbutton {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -1564,7 +1564,7 @@ spinbutton {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -1581,10 +1581,10 @@ spinbutton {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:disabled { .osd spinbutton.vertical button:first-child:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1593,7 +1593,7 @@ spinbutton {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1634,7 +1634,7 @@ toolbar {
padding: 13px; padding: 13px;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
background-color: #272a34; } background-color: #303340; }
toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
border-radius: 0; } border-radius: 0; }
toolbar.horizontal separator { toolbar.horizontal separator {
@ -2989,7 +2989,7 @@ radio {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -2999,7 +2999,7 @@ radio {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -3019,16 +3019,16 @@ radio {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.osd check:disabled, .osd radio:disabled { .osd check:disabled, .osd radio:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -3112,7 +3112,7 @@ progressbar trough, scale fill, scale trough {
border-color: black; border-color: black;
background-color: rgba(0, 0, 0, 0.8); } background-color: rgba(0, 0, 0, 0.8); }
.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled {
background-color: rgba(61, 63, 72, 0.5); } background-color: rgba(68, 72, 83, 0.5); }
progressbar progress, scale highlight { progressbar progress, scale highlight {
border: 1px solid #00348d; border: 1px solid #00348d;
@ -3220,25 +3220,25 @@ scale {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: black; border-color: black;
background-color: #272a34; } background-color: #303340; }
.osd scale slider:hover { .osd scale slider:hover {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; } background-color: #303340; }
.osd scale slider:active { .osd scale slider:active {
color: white; color: white;
border-color: black; border-color: black;
@ -3249,29 +3249,29 @@ scale {
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; } background-color: #303340; }
.osd scale slider:disabled { .osd scale slider:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
background-color: #272a34; } background-color: #303340; }
.osd scale slider:backdrop { .osd scale slider:backdrop {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
background-color: #272a34; } background-color: #303340; }
.osd scale slider:backdrop:disabled { .osd scale slider:backdrop:disabled {
background-color: #272a34; } background-color: #303340; }
scale marks, scale marks,
scale value { scale value {
color: alpha(currentColor,0.55); color: alpha(currentColor,0.55);
@ -4003,7 +4003,7 @@ row {
.app-notification.frame { .app-notification.frame {
padding: 10px; padding: 10px;
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
background-color: #272a34; background-color: #303340;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
background-clip: padding-box; } background-clip: padding-box; }
.app-notification:backdrop, .app-notification:backdrop,

View File

@ -158,7 +158,7 @@ assistant .sidebar label.highlight {
.osd { .osd {
color: white; color: white;
border: none; border: none;
background-color: #272a34; background-color: #303340;
background-clip: padding-box; background-clip: padding-box;
text-shadow: 0 1px black; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; } -gtk-icon-shadow: 0 1px black; }
@ -344,9 +344,9 @@ entry {
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.osd spinbutton:disabled:not(.vertical), .osd entry:disabled { .osd spinbutton:disabled:not(.vertical), .osd entry:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: rgba(61, 63, 72, 0.5); background-color: rgba(68, 72, 83, 0.5);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -631,7 +631,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -647,7 +647,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -672,10 +672,10 @@ button.osd {
button.osd:disabled:backdrop, button.osd:disabled:backdrop,
button.osd:disabled { button.osd:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -686,7 +686,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -698,7 +698,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -708,7 +708,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -725,10 +725,10 @@ button.osd {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -737,7 +737,7 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -756,17 +756,17 @@ button.osd {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -924,10 +924,10 @@ button.suggested-action {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1074,10 +1074,10 @@ button.destructive-action {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1529,7 +1529,7 @@ spinbutton {
box-shadow: inset 0 1px rgba(255, 255, 255, 0); box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
color: #93959a; color: #97999f;
border-color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.5);
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
box-shadow: none; } box-shadow: none; }
@ -1563,7 +1563,7 @@ spinbutton {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -1573,7 +1573,7 @@ spinbutton {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -1590,10 +1590,10 @@ spinbutton {
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); } outline-color: rgba(255, 255, 255, 0.3); }
.osd spinbutton.vertical button:first-child:disabled { .osd spinbutton.vertical button:first-child:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1602,7 +1602,7 @@ spinbutton {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -1643,7 +1643,7 @@ toolbar {
padding: 13px; padding: 13px;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
background-color: #272a34; } background-color: #303340; }
toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
border-radius: 0; } border-radius: 0; }
toolbar.horizontal separator { toolbar.horizontal separator {
@ -3010,7 +3010,7 @@ radio {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -3020,7 +3020,7 @@ radio {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -3040,16 +3040,16 @@ radio {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; } -gtk-icon-shadow: none; }
.osd check:disabled, .osd radio:disabled { .osd check:disabled, .osd radio:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
@ -3134,7 +3134,7 @@ progressbar trough, scale fill, scale trough {
border-color: black; border-color: black;
background-color: rgba(0, 0, 0, 0.8); } background-color: rgba(0, 0, 0, 0.8); }
.osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled { .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled {
background-color: rgba(61, 63, 72, 0.5); } background-color: rgba(68, 72, 83, 0.5); }
progressbar progress, scale highlight { progressbar progress, scale highlight {
border: 1px solid #0051da; border: 1px solid #0051da;
@ -3242,25 +3242,25 @@ scale {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
border-color: black; border-color: black;
background-color: #272a34; } background-color: #303340; }
.osd scale slider:hover { .osd scale slider:hover {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#414657); background-image: image(#4a5063);
background-clip: padding-box; background-clip: padding-box;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black; text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; } background-color: #303340; }
.osd scale slider:active { .osd scale slider:active {
color: white; color: white;
border-color: black; border-color: black;
@ -3271,29 +3271,29 @@ scale {
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);
background-color: #272a34; } background-color: #303340; }
.osd scale slider:disabled { .osd scale slider:disabled {
color: #93959a; color: #97999f;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(rgba(61, 63, 72, 0.5)); background-image: image(rgba(68, 72, 83, 0.5));
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
background-color: #272a34; } background-color: #303340; }
.osd scale slider:backdrop { .osd scale slider:backdrop {
color: white; color: white;
border-color: black; border-color: black;
background-color: transparent; background-color: transparent;
background-image: image(#272a34); background-image: image(#303340);
background-clip: padding-box; background-clip: padding-box;
box-shadow: none; box-shadow: none;
text-shadow: none; text-shadow: none;
-gtk-icon-shadow: none; -gtk-icon-shadow: none;
background-color: #272a34; } background-color: #303340; }
.osd scale slider:backdrop:disabled { .osd scale slider:backdrop:disabled {
background-color: #272a34; } background-color: #303340; }
scale marks, scale marks,
scale value { scale value {
color: alpha(currentColor,0.55); color: alpha(currentColor,0.55);
@ -4025,7 +4025,7 @@ row {
.app-notification.frame { .app-notification.frame {
padding: 10px; padding: 10px;
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
background-color: #272a34; background-color: #303340;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
background-clip: padding-box; } background-clip: padding-box; }
.app-notification:backdrop, .app-notification:backdrop,

View File

@ -35,7 +35,7 @@ $destructive_color: if($variant == 'light', #d41919, darken(#d41919, 10%));
$osd_fg_color: white; $osd_fg_color: white;
$osd_text_color: white; $osd_text_color: white;
$osd_bg_color: $_dark_base_color; $osd_bg_color: lighten($_dark_base_color, 4%);
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); $osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); $osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%);
$osd_borders_color: black; $osd_borders_color: black;