diff --git a/src/chrome/chrome-scrollbar-dark/scrollbars.css b/src/chrome/chrome-scrollbar-dark/scrollbars.css index 635325d4d..e59492361 100644 --- a/src/chrome/chrome-scrollbar-dark/scrollbars.css +++ b/src/chrome/chrome-scrollbar-dark/scrollbars.css @@ -1,9 +1,72 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ ::-webkit-scrollbar, ::-webkit-scrollbar-corner { width: 17px; height: 17px; - border: 0 solid rgba(0, 0, 0, 0.26); - background-color: rgba(48, 48, 48, 0.9); + border: 0 solid rgba(0, 0, 0, 0.2); + background-color: rgba(60, 60, 60, 0.9); background-clip: border-box; } @@ -22,7 +85,7 @@ height: 32px; border: 4px solid transparent; border-radius: 8px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); background-clip: padding-box; } @@ -39,13 +102,13 @@ } ::-webkit-scrollbar-thumb:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } ::-webkit-scrollbar-thumb:active { - background-color: #FFFFFF; + background-color: #bebebe; } ::-webkit-scrollbar-thumb:disabled { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } diff --git a/src/chrome/chrome-scrollbar/scrollbars.css b/src/chrome/chrome-scrollbar/scrollbars.css index acc50cbe7..e794a70c8 100644 --- a/src/chrome/chrome-scrollbar/scrollbars.css +++ b/src/chrome/chrome-scrollbar/scrollbars.css @@ -1,9 +1,72 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ ::-webkit-scrollbar, ::-webkit-scrollbar-corner { width: 17px; height: 17px; - border: 0 solid rgba(0, 0, 0, 0.12); - background-color: rgba(255, 255, 255, 0.9); + border: 0 solid rgba(0, 0, 0, 0.2); + background-color: rgba(60, 60, 60, 0.9); background-clip: padding-box; } @@ -22,7 +85,7 @@ height: 32px; border: 4px solid transparent; border-radius: 8px; - background-color: rgba(0, 0, 0, 0.38); + background-color: rgba(190, 190, 190, 0.5); background-clip: padding-box; } @@ -39,13 +102,13 @@ } ::-webkit-scrollbar-thumb:hover { - background-color: rgba(0, 0, 0, 0.54); + background-color: rgba(190, 190, 190, 0.7); } ::-webkit-scrollbar-thumb:active { - background-color: rgba(0, 0, 0, 0.87); + background-color: #bebebe; } ::-webkit-scrollbar-thumb:disabled { - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(190, 190, 190, 0.3); } diff --git a/src/cinnamon/cinnamon-dark-compact.css b/src/cinnamon/cinnamon-dark-compact.css index 12d31a624..d13e63cfc 100644 --- a/src/cinnamon/cinnamon-dark-compact.css +++ b/src/cinnamon/cinnamon-dark-compact.css @@ -1,6 +1,69 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ .notification-button, .modal-dialog-button { - color: rgba(255, 255, 255, 0.8); - background-color: #424242; + color: rgba(190, 190, 190, 0.8); + background-color: #414141; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12); text-shadow: none; @@ -13,15 +76,15 @@ } .notification-button:focus, .modal-dialog-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -29,8 +92,8 @@ } .notification-button:active, .modal-dialog-button:active { - color: #FFFFFF; - background-color: #7b7b7b; + color: #bebebe; + background-color: #676767; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -38,8 +101,8 @@ } .notification-button:insensitive, .modal-dialog-button:insensitive { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.3); + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -47,8 +110,8 @@ } .notification-icon-button, .keyboard-key, .sound-player StButton { - color: rgba(255, 255, 255, 0.8); - background-color: #424242; + color: rgba(190, 190, 190, 0.8); + background-color: #414141; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12); text-shadow: none; @@ -60,15 +123,15 @@ } .notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -76,8 +139,8 @@ } .notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active { - color: #FFFFFF; - background-color: #7b7b7b; + color: #bebebe; + background-color: #676767; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -85,8 +148,8 @@ } .notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.3); + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -95,11 +158,11 @@ .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; - color: #009688; + color: #bebebe; -slider-height: 2px; - -slider-background-color: rgba(255, 255, 255, 0.3); + -slider-background-color: rgba(190, 190, 190, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #009688; + -slider-active-background-color: #bebebe; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; @@ -107,35 +170,35 @@ .separator, .popup-separator-menu-item { -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0.26); - -gradient-end: rgba(0, 0, 0, 0.26); + -gradient-start: rgba(0, 0, 0, 0.2); + -gradient-end: rgba(0, 0, 0, 0.2); -margin-horizontal: 4px; height: 1.5em; } #notification StEntry, .run-dialog-entry, #menu-search-entry { - background-color: rgba(0, 0, 0, 0.01); + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); width: 320px; padding: 4px 8px; border-radius: 0; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.5); - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; + color: rgba(190, 190, 190, 0.5); + caret-color: rgba(190, 190, 190, 0.5); + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; padding: 4px 8px; border-width: 0; - color: #FFFFFF; + color: #bebebe; } .desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box { - color: #FFFFFF; + color: #bebebe; border: none; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5); @@ -149,14 +212,14 @@ } .calendar-change-month-back:active, .calendar-change-month-forward:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .menu, .popup-combo-menu { - background-color: #303030; - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #3c3c3c; + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; - color: #FFFFFF; + color: #bebebe; box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.5); } @@ -170,7 +233,7 @@ .show-processes-dialog-subject, .mount-question-dialog-subject { font-weight: bold; - color: #FFFFFF; + color: #bebebe; padding-top: 10px; padding-left: 17px; padding-bottom: 6px; @@ -182,7 +245,7 @@ } .show-processes-dialog-description, .mount-question-dialog-description { - color: #FFFFFF; + color: #bebebe; padding-left: 17px; width: 28em; } @@ -205,17 +268,17 @@ .tile-preview, .tile-hud { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid rgba(0, 0, 0, 0.26); + border: 2px solid rgba(0, 0, 0, 0.2); } .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid #009688; + border: 2px solid #bebebe; } .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { - color: #FFFFFF; - background-color: #303030; + color: #bebebe; + background-color: #3c3c3c; border: none; border-radius: 2px; padding: 12px; @@ -232,17 +295,17 @@ stage { font-size: 9.75pt; font-weight: 400; - font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; - color: #FFFFFF; + font-family: Roboto, Ubuntu, Cantarell, Sans-Serif; + color: #bebebe; } .cinnamon-link { - color: #338DD6; + color: #b6b6ff; font-style: italic; } .cinnamon-link:hover { - color: #FFFFFF; + color: #bebebe; } .label-shadow { @@ -254,19 +317,19 @@ StScrollBar { } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); border-radius: 100px; margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } StScrollView.vfade { @@ -286,10 +349,10 @@ StScrollView StScrollBar { font-size: 9pt; font-weight: 400; padding: 6px 8px; - color: #FFFFFF; + color: #bebebe; text-align: center; border-radius: 2px; - background-color: rgba(66, 66, 66, 0.9); + background-color: rgba(45, 45, 45, 0.9); } .menu { @@ -298,7 +361,7 @@ StScrollView StScrollBar { } .popup-sub-menu { - background-color: #303030; + background-color: #3c3c3c; } .popup-menu-arrow { @@ -319,17 +382,17 @@ StScrollView StScrollBar { } .popup-menu-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; transition-duration: 150ms; } .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-image-menu-item { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .popup-combobox-item { @@ -341,11 +404,11 @@ StScrollView StScrollBar { } .popup-inactive-menu-item { - color: #FFFFFF; + color: #bebebe; } .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-subtitle-menu-item { @@ -382,14 +445,14 @@ StScrollView StScrollBar { } #panel { - color: rgba(255, 255, 255, 0.7); - background-color: rgba(0, 0, 0, 0.6); + color: rgba(190, 190, 190, 0.7); + background-color: #2d2d2d; height: 2.5em; width: 3.2em; } #panel:highlight { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .panel-dummy { @@ -456,16 +519,16 @@ StScrollView StScrollBar { } .panel-top .window-list-item-box:hover { - box-shadow: 0 3px 0 0 #009688 inset; + box-shadow: 0 3px 0 0 #bebebe inset; } .panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #009688 inset; + box-shadow: 0 3px 0 0 #bebebe inset; } .panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button { @@ -473,7 +536,7 @@ StScrollView StScrollBar { } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { - box-shadow: 0 3px 0 0 #009688 inset; + box-shadow: 0 3px 0 0 #bebebe inset; } .panel-top .applet-box { @@ -482,11 +545,11 @@ StScrollView StScrollBar { } .panel-top .applet-box:hover { - box-shadow: 0 3px 0 0 #009688 inset; + box-shadow: 0 3px 0 0 #bebebe inset; } .panel-top .panel-launchers .launcher:hover { - box-shadow: 0 3px 0 0 #009688 inset; + box-shadow: 0 3px 0 0 #bebebe inset; } .panel-top .applet-separator { @@ -494,20 +557,20 @@ StScrollView StScrollBar { } .panel-top .systray:hover { - box-shadow: 0 4px 0 0 #009688 inset; + box-shadow: 0 4px 0 0 #bebebe inset; } .panel-bottom .window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #009688 inset; + box-shadow: 0 -3px 0 0 #bebebe inset; } .panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:focus { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #009688 inset; + box-shadow: 0 -3px 0 0 #bebebe inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { @@ -515,7 +578,7 @@ StScrollView StScrollBar { } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { - box-shadow: 0 -3px 0 0 #009688 inset; + box-shadow: 0 -3px 0 0 #bebebe inset; } .panel-bottom .applet-box { @@ -524,11 +587,11 @@ StScrollView StScrollBar { } .panel-bottom .applet-box:hover { - box-shadow: 0 -3px 0 0 #009688 inset; + box-shadow: 0 -3px 0 0 #bebebe inset; } .panel-bottom .panel-launchers .launcher:hover { - box-shadow: 0 -3px 0 0 #009688 inset; + box-shadow: 0 -3px 0 0 #bebebe inset; } .panel-bottom .applet-separator { @@ -536,20 +599,20 @@ StScrollView StScrollBar { } .panel-bottom .systray:hover { - box-shadow: 0 4px 0 0 #009688 inset; + box-shadow: 0 4px 0 0 #bebebe inset; } .panel-left .window-list-item-box:hover { - box-shadow: 3px 0 0 0 #009688 inset; + box-shadow: 3px 0 0 0 #bebebe inset; } .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #009688 inset; + box-shadow: 3px 0 0 0 #bebebe inset; } .panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button { @@ -557,7 +620,7 @@ StScrollView StScrollBar { } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { - box-shadow: 3px 0 0 0 #009688 inset; + box-shadow: 3px 0 0 0 #bebebe inset; } .panel-left .applet-box { @@ -566,11 +629,11 @@ StScrollView StScrollBar { } .panel-left .applet-box:hover { - box-shadow: 3px 0 0 0 #009688 inset; + box-shadow: 3px 0 0 0 #bebebe inset; } .panel-left .panel-launchers .launcher:hover { - box-shadow: 3px 0 0 0 #009688 inset; + box-shadow: 3px 0 0 0 #bebebe inset; } .panel-left .applet-separator { @@ -578,20 +641,20 @@ StScrollView StScrollBar { } .panel-left .systray:hover { - box-shadow: 4px 0 0 0 #009688 inset; + box-shadow: 4px 0 0 0 #bebebe inset; } .panel-right .window-list-item-box:hover { - box-shadow: -3px 0 0 0 #009688 inset; + box-shadow: -3px 0 0 0 #bebebe inset; } .panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #009688 inset; + box-shadow: -3px 0 0 0 #bebebe inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { @@ -599,7 +662,7 @@ StScrollView StScrollBar { } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { - box-shadow: -3px 0 0 0 #009688 inset; + box-shadow: -3px 0 0 0 #bebebe inset; } .panel-right .applet-box { @@ -608,11 +671,11 @@ StScrollView StScrollBar { } .panel-right .applet-box:hover { - box-shadow: -3px 0 0 0 #009688 inset; + box-shadow: -3px 0 0 0 #bebebe inset; } .panel-right .panel-launchers .launcher:hover { - box-shadow: -3px 0 0 0 #009688 inset; + box-shadow: -3px 0 0 0 #bebebe inset; } .panel-right .applet-separator { @@ -620,7 +683,7 @@ StScrollView StScrollBar { } .panel-right .systray:hover { - box-shadow: -4px 0 0 0 #009688 inset; + box-shadow: -4px 0 0 0 #bebebe inset; } .panel-status-button { @@ -628,11 +691,11 @@ StScrollView StScrollBar { font-weight: 500; -natural-hpadding: 4px; -minimum-hpadding: 4px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .panel-status-button:hover { - color: #FFFFFF; + color: #bebebe; } .system-status-icon { @@ -642,11 +705,11 @@ StScrollView StScrollBar { } .system-status-icon.warning { - color: #FF6D00; + color: #c7c77b; } .system-status-icon.error { - color: #DD2C00; + color: #dea8de; } #overview { @@ -657,7 +720,7 @@ StScrollView StScrollBar { font-size: 9pt; font-weight: 400; background-color: rgba(0, 0, 0, 0.01); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding: 4px 6px; text-align: center; height: 1.5em; @@ -665,8 +728,8 @@ StScrollView StScrollBar { } .window-caption#selected { - color: #FFFFFF; - box-shadow: 0 -3px 0 0 #009688 inset; + color: #bebebe; + box-shadow: 0 -3px 0 0 #bebebe inset; } .workspace-controls { @@ -674,8 +737,8 @@ StScrollView StScrollBar { } .workspace-thumbnails-background { - color: rgba(255, 255, 255, 0.7); - background-color: rgba(255, 255, 255, 0.1); + color: rgba(190, 190, 190, 0.7); + background-color: rgba(190, 190, 190, 0.1); border: none; padding: 8px; border-radius: 2px 0 0 2px; @@ -719,7 +782,7 @@ StScrollView StScrollBar { background-image: url(assets/trash-icon.png); background-size: 100px; background-color: rgba(0, 0, 0, 0.3); - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 120px; @@ -727,19 +790,19 @@ StScrollView StScrollBar { } .expo-background { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .expo-workspace-thumbnail-frame { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } .expo-workspace-thumbnail-frame#active { - border: 1px solid #009688; + border: 1px solid #bebebe; } #LookingGlassDialog { @@ -760,12 +823,12 @@ StScrollView StScrollBar { margin: 2px; padding: 6px 16px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; text-align: center; } .datemenu-date-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .calendar-month-label { @@ -775,12 +838,12 @@ StScrollView StScrollBar { margin: 2px; padding: 6px 16px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; text-align: center; } .calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .calendar-change-month-back { @@ -811,12 +874,12 @@ StScrollView StScrollBar { } .calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .calendar-day-base:active { - color: #FFFFFF; - background-color: #009688; + color: #bebebe; + background-color: #bebebe; border-color: transparent; } @@ -829,7 +892,7 @@ StScrollView StScrollBar { padding: 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); text-align: center; } @@ -842,7 +905,7 @@ StScrollView StScrollBar { padding: 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); text-align: center; } @@ -859,7 +922,7 @@ StScrollView StScrollBar { } .calendar-nonwork-day { - color: #FFFFFF; + color: #bebebe; } .calendar-today { @@ -868,14 +931,14 @@ StScrollView StScrollBar { } .calendar-day-with-events { - color: #338DD6; + color: #b6b6ff; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); opacity: 0.5; } @@ -886,22 +949,22 @@ StScrollView StScrollBar { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: inherit; font-weight: bold; text-align: center; } #notification { - background-color: #303030; + background-color: #3c3c3c; border-radius: 2px; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); padding: 8px; spacing-rows: 4px; spacing-columns: 8px; margin-from-right-edge-of-screen: 20px; width: 34em; - color: #FFFFFF; + color: #bebebe; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); } @@ -910,12 +973,12 @@ StScrollView StScrollBar { } #notification .url-highlighter { - link-color: #338DD6; + link-color: #b6b6ff; } .notification-with-image { min-height: 159px; - color: #FFFFFF; + color: #bebebe; } #notification-scrollview { @@ -965,7 +1028,7 @@ StScrollView StScrollBar { } .switcher-list .item-box:selected { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .switcher-list .thumbnail-box { @@ -979,7 +1042,7 @@ StScrollView StScrollBar { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(0, 0, 0, 0.2); } .switcher-list-item-container { @@ -1008,22 +1071,22 @@ StScrollView StScrollBar { .switcher-arrow { border-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .switcher-arrow:highlighted { - color: #FFFFFF; + color: #bebebe; } .switcher-preview-backdrop { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .ripple-box { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); - background-color: #009688; + background-color: #bebebe; border-radius: 52px; } @@ -1036,12 +1099,12 @@ StScrollView StScrollBar { } .run-dialog-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); padding-bottom: .4em; } .run-dialog-error-label { - color: #DD2C00; + color: #dea8de; } .run-dialog-error-box { @@ -1067,7 +1130,7 @@ StScrollView StScrollBar { } .mount-password-reask { - color: #FF6D00; + color: #c7c77b; } .show-processes-dialog { @@ -1099,11 +1162,11 @@ StScrollView StScrollBar { } .show-processes-dialog-app-list-item { - color: #FFFFFF; + color: #bebebe; } .show-processes-dialog-app-list-item:hover { - color: #FFFFFF; + color: #bebebe; } .show-processes-dialog-app-list-item:ltr { @@ -1123,7 +1186,7 @@ StScrollView StScrollBar { } .magnifier-zoom-region { - border: 3px solid rgba(0, 0, 0, 0.26); + border: 3px solid rgba(0, 0, 0, 0.2); } .magnifier-zoom-region.full-screen { @@ -1131,7 +1194,7 @@ StScrollView StScrollBar { } #keyboard { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .keyboard-key { @@ -1158,7 +1221,7 @@ StScrollView StScrollBar { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #212121; + background-color: #323232; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); } @@ -1172,9 +1235,9 @@ StScrollView StScrollBar { } .menu-favorites-button:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } .menu-categories-box { @@ -1200,9 +1263,9 @@ StScrollView StScrollBar { .menu-application-button-selected { padding: 0.4em 4px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } .menu-application-button-selected:highlighted { @@ -1215,15 +1278,15 @@ StScrollView StScrollBar { .menu-category-button-greyed { padding: 0.4em 4px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-style: italic; } .menu-category-button-selected { padding: 0.4em 4px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } .menu-selected-app-box { @@ -1262,7 +1325,7 @@ StScrollView StScrollBar { .menu-search-entry-icon { icon-size: 1em; padding: 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .window-list-box { @@ -1278,8 +1341,8 @@ StScrollView StScrollBar { } .window-list-box:highlight { - background: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background: rgba(190, 190, 190, 0.3); + color: #bebebe; } .window-list-item-box { @@ -1288,24 +1351,24 @@ StScrollView StScrollBar { } .window-list-item-box:hover { - color: #FFFFFF; + color: #bebebe; } .window-list-item-box .progress { - background-color: #00C853; + background-color: #92dd92; } .window-list-item-demands-attention { - background-color: #66BB6A; - color: rgba(255, 255, 255, 0.7); + background-color: #3c6e3c; + color: rgba(190, 190, 190, 0.7); } .window-list-preview { - background-color: #303030; + background-color: #3c3c3c; border-radius: 2px; padding: 10px 15px; spacing: 1em; - color: #FFFFFF; + color: #bebebe; } .sound-player StButton:small { @@ -1339,38 +1402,38 @@ StScrollView StScrollBar { } .sound-player-overlay { - background-color: #303030; + background-color: #3c3c3c; min-width: 300px; padding: 12px 16px; spacing: 0.5em; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .workspace-button { - background-color: #212121; + background-color: #2d2d2d; width: 2em; height: 1em; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); margin: 2px; } .workspace-button:outlined { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .workspace-graph { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .workspace-graph .workspace { - background-color: #212121; - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #2d2d2d; + border: 1px solid rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active { - background-color: rgba(255, 255, 255, 0.3); - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: rgba(190, 190, 190, 0.3); + border: 1px solid rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active .windows { @@ -1408,7 +1471,7 @@ StScrollView StScrollBar { .applet-separator-line, .applet-separator-line-vertical { width: 2px; - background: rgba(255, 255, 255, 0.12); + background: rgba(190, 190, 190, 0.12); } .applet-spacer:highlight { @@ -1417,43 +1480,43 @@ StScrollView StScrollBar { .applet-box { background-color: rgba(0, 0, 0, 0.01); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); transition-duration: 100ms; } .applet-box:checked { - color: #FFFFFF; + color: #bebebe; } .applet-box:checked .applet-label { - color: #FFFFFF; + color: #bebebe; } .applet-box:hover { - color: #FFFFFF; + color: #bebebe; } .applet-box:hover .applet-label { - color: #FFFFFF; + color: #bebebe; } .applet-box:highlight { - background: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background: rgba(190, 190, 190, 0.3); + color: #bebebe; } .applet-box:highlight .applet-label { - color: #FFFFFF; + color: #bebebe; } .applet-label { font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .applet-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding: 0; spacing: 0; icon-size: 22px; @@ -1462,7 +1525,7 @@ StScrollView StScrollBar { .desklet { font-size: 9pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5); padding: 12px; @@ -1473,7 +1536,7 @@ StScrollView StScrollBar { .desklet-with-borders { font-size: 9pt; font-weight: 400; - background-color: #303030; + background-color: #3c3c3c; border-radius: 2px; } @@ -1484,7 +1547,7 @@ StScrollView StScrollBar { .desklet-with-borders-and-header { font-size: 9pt; font-weight: 400; - background-color: #303030; + background-color: #3c3c3c; border-radius-bottomleft: 2px; border-radius-bottomright: 2px; } @@ -1496,7 +1559,7 @@ StScrollView StScrollBar { .desklet-header { font-size: 15pt; font-weight: 500; - background-color: #303030; + background-color: #3c3c3c; border-radius-topleft: 2px; border-radius-topright: 2px; } @@ -1506,7 +1569,7 @@ StScrollView StScrollBar { } .photoframe-box { - background-color: #303030; + background-color: #3c3c3c; border-radius: 2px; } @@ -1515,7 +1578,7 @@ StScrollView StScrollBar { } .desklet-drag-placeholder { - border: 2px solid #009688; + border: 2px solid #bebebe; background-color: rgba(0, 0, 0, 0.3); border-radius: 2px; } @@ -1550,7 +1613,7 @@ StScrollView StScrollBar { } .about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } @@ -1571,11 +1634,11 @@ StScrollView StScrollBar { font-size: 9.75pt; font-weight: 400; background-color: rgba(0, 0, 0, 0.01); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding: 4px 6px; - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - caret-color: rgba(255, 255, 255, 0.5); + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + caret-color: rgba(190, 190, 190, 0.5); text-align: center; height: 1.5em; border-radius: 2px; @@ -1583,17 +1646,17 @@ StScrollView StScrollBar { } .expo-workspaces-name-entry#selected { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .expo-workspaces-name-entry:focus { - color: #FFFFFF; - box-shadow: 0 -3px 0 0 #009688 inset; + color: #bebebe; + box-shadow: 0 -3px 0 0 #bebebe inset; } .expo-workspaces-name-entry:hover { - box-shadow: 0 -3px 0 0 #009688 inset; + box-shadow: 0 -3px 0 0 #bebebe inset; } .notification-applet-padding { @@ -1629,7 +1692,7 @@ StScrollView StScrollBar { } .flashspot { - background-color: #009688; + background-color: #bebebe; } .osd-window { @@ -1640,12 +1703,12 @@ StScrollView StScrollBar { .osd-window .level { height: 0.7em; border-radius: 0.3em; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .osd-window .level-bar { border-radius: 0.3em; - background-color: #009688; + background-color: #bebebe; } .tile-hud:top { @@ -1709,5 +1772,5 @@ StScrollView StScrollBar { .user-label { font-size: 9.75pt; font-weight: 500; - color: #FFFFFF; + color: #bebebe; } diff --git a/src/cinnamon/cinnamon-dark.css b/src/cinnamon/cinnamon-dark.css index 6dfc4b60d..4125666be 100644 --- a/src/cinnamon/cinnamon-dark.css +++ b/src/cinnamon/cinnamon-dark.css @@ -1,6 +1,69 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ .notification-button, .modal-dialog-button { - color: rgba(255, 255, 255, 0.8); - background-color: #424242; + color: rgba(190, 190, 190, 0.8); + background-color: #414141; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12); text-shadow: none; @@ -13,15 +76,15 @@ } .notification-button:focus, .modal-dialog-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -29,8 +92,8 @@ } .notification-button:active, .modal-dialog-button:active { - color: #FFFFFF; - background-color: #7b7b7b; + color: #bebebe; + background-color: #676767; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -38,8 +101,8 @@ } .notification-button:insensitive, .modal-dialog-button:insensitive { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.3); + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -47,8 +110,8 @@ } .notification-icon-button, .keyboard-key, .sound-player StButton { - color: rgba(255, 255, 255, 0.8); - background-color: #424242; + color: rgba(190, 190, 190, 0.8); + background-color: #414141; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12); text-shadow: none; @@ -60,15 +123,15 @@ } .notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -76,8 +139,8 @@ } .notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active { - color: #FFFFFF; - background-color: #7b7b7b; + color: #bebebe; + background-color: #676767; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -85,8 +148,8 @@ } .notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.3); + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -95,11 +158,11 @@ .slider, .popup-slider-menu-item, .sound-player .slider { height: 20px; - color: #009688; + color: #bebebe; -slider-height: 2px; - -slider-background-color: rgba(255, 255, 255, 0.3); + -slider-background-color: rgba(190, 190, 190, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #009688; + -slider-active-background-color: #bebebe; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; @@ -107,35 +170,35 @@ .separator, .popup-separator-menu-item { -gradient-height: 1px; - -gradient-start: rgba(0, 0, 0, 0.26); - -gradient-end: rgba(0, 0, 0, 0.26); + -gradient-start: rgba(0, 0, 0, 0.2); + -gradient-end: rgba(0, 0, 0, 0.2); -margin-horizontal: 4px; height: 1.5em; } #notification StEntry, .run-dialog-entry, #menu-search-entry { - background-color: rgba(0, 0, 0, 0.01); + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); width: 320px; padding: 4px 8px; border-radius: 0; - color: rgba(255, 255, 255, 0.5); - caret-color: rgba(255, 255, 255, 0.5); - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; + color: rgba(190, 190, 190, 0.5); + caret-color: rgba(190, 190, 190, 0.5); + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; } #notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; padding: 4px 8px; border-width: 0; - color: #FFFFFF; + color: #bebebe; } .desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box { - color: #FFFFFF; + color: #bebebe; border: none; padding: 12px; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5); @@ -149,14 +212,14 @@ } .calendar-change-month-back:active, .calendar-change-month-forward:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .menu, .popup-combo-menu { - background-color: #303030; - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #3c3c3c; + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; - color: #FFFFFF; + color: #bebebe; box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.5); } @@ -170,7 +233,7 @@ .show-processes-dialog-subject, .mount-question-dialog-subject { font-weight: bold; - color: #FFFFFF; + color: #bebebe; padding-top: 10px; padding-left: 17px; padding-bottom: 6px; @@ -182,7 +245,7 @@ } .show-processes-dialog-description, .mount-question-dialog-description { - color: #FFFFFF; + color: #bebebe; padding-left: 17px; width: 28em; } @@ -205,17 +268,17 @@ .tile-preview, .tile-hud { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid rgba(0, 0, 0, 0.26); + border: 2px solid rgba(0, 0, 0, 0.2); } .tile-preview.snap, .tile-hud.snap { background-color: rgba(0, 0, 0, 0.3); - border: 2px solid #009688; + border: 2px solid #bebebe; } .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window { - color: #FFFFFF; - background-color: #303030; + color: #bebebe; + background-color: #3c3c3c; border: none; border-radius: 2px; padding: 12px; @@ -232,17 +295,17 @@ stage { font-size: 10.5pt; font-weight: 400; - font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; - color: #FFFFFF; + font-family: Roboto, Ubuntu, Cantarell, Sans-Serif; + color: #bebebe; } .cinnamon-link { - color: #338DD6; + color: #b6b6ff; font-style: italic; } .cinnamon-link:hover { - color: #FFFFFF; + color: #bebebe; } .label-shadow { @@ -254,19 +317,19 @@ StScrollBar { } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); border-radius: 100px; margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } StScrollBar StBin#trough { margin: 4px; border-radius: 100px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } StScrollView.vfade { @@ -286,10 +349,10 @@ StScrollView StScrollBar { font-size: 9pt; font-weight: 400; padding: 6px 8px; - color: #FFFFFF; + color: #bebebe; text-align: center; border-radius: 2px; - background-color: rgba(66, 66, 66, 0.9); + background-color: rgba(45, 45, 45, 0.9); } .menu { @@ -298,7 +361,7 @@ StScrollView StScrollBar { } .popup-sub-menu { - background-color: #303030; + background-color: #3c3c3c; } .popup-menu-arrow { @@ -319,17 +382,17 @@ StScrollView StScrollBar { } .popup-menu-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; transition-duration: 150ms; } .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-image-menu-item { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .popup-combobox-item { @@ -341,11 +404,11 @@ StScrollView StScrollBar { } .popup-inactive-menu-item { - color: #FFFFFF; + color: #bebebe; } .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-subtitle-menu-item { @@ -382,14 +445,14 @@ StScrollView StScrollBar { } #panel { - color: rgba(255, 255, 255, 0.7); - background-color: rgba(0, 0, 0, 0.6); + color: rgba(190, 190, 190, 0.7); + background-color: #2d2d2d; height: 2.5em; width: 3.2em; } #panel:highlight { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .panel-dummy { @@ -456,16 +519,16 @@ StScrollView StScrollBar { } .panel-top .window-list-item-box:hover { - box-shadow: 0 3px 0 0 #009688 inset; + box-shadow: 0 3px 0 0 #bebebe inset; } .panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover { - box-shadow: 0 3px 0 0 #009688 inset; + box-shadow: 0 3px 0 0 #bebebe inset; } .panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button { @@ -473,7 +536,7 @@ StScrollView StScrollBar { } .panel-top .workspace-graph:hover, .panel-top .workspace-button:hover { - box-shadow: 0 3px 0 0 #009688 inset; + box-shadow: 0 3px 0 0 #bebebe inset; } .panel-top .applet-box { @@ -482,11 +545,11 @@ StScrollView StScrollBar { } .panel-top .applet-box:hover { - box-shadow: 0 3px 0 0 #009688 inset; + box-shadow: 0 3px 0 0 #bebebe inset; } .panel-top .panel-launchers .launcher:hover { - box-shadow: 0 3px 0 0 #009688 inset; + box-shadow: 0 3px 0 0 #bebebe inset; } .panel-top .applet-separator { @@ -494,20 +557,20 @@ StScrollView StScrollBar { } .panel-top .systray:hover { - box-shadow: 0 4px 0 0 #009688 inset; + box-shadow: 0 4px 0 0 #bebebe inset; } .panel-bottom .window-list-item-box:hover { - box-shadow: 0 -3px 0 0 #009688 inset; + box-shadow: 0 -3px 0 0 #bebebe inset; } .panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:focus { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover { - box-shadow: 0 -3px 0 0 #009688 inset; + box-shadow: 0 -3px 0 0 #bebebe inset; } .panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button { @@ -515,7 +578,7 @@ StScrollView StScrollBar { } .panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover { - box-shadow: 0 -3px 0 0 #009688 inset; + box-shadow: 0 -3px 0 0 #bebebe inset; } .panel-bottom .applet-box { @@ -524,11 +587,11 @@ StScrollView StScrollBar { } .panel-bottom .applet-box:hover { - box-shadow: 0 -3px 0 0 #009688 inset; + box-shadow: 0 -3px 0 0 #bebebe inset; } .panel-bottom .panel-launchers .launcher:hover { - box-shadow: 0 -3px 0 0 #009688 inset; + box-shadow: 0 -3px 0 0 #bebebe inset; } .panel-bottom .applet-separator { @@ -536,20 +599,20 @@ StScrollView StScrollBar { } .panel-bottom .systray:hover { - box-shadow: 0 4px 0 0 #009688 inset; + box-shadow: 0 4px 0 0 #bebebe inset; } .panel-left .window-list-item-box:hover { - box-shadow: 3px 0 0 0 #009688 inset; + box-shadow: 3px 0 0 0 #bebebe inset; } .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover { - box-shadow: 3px 0 0 0 #009688 inset; + box-shadow: 3px 0 0 0 #bebebe inset; } .panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button { @@ -557,7 +620,7 @@ StScrollView StScrollBar { } .panel-left .workspace-graph:hover, .panel-left .workspace-button:hover { - box-shadow: 3px 0 0 0 #009688 inset; + box-shadow: 3px 0 0 0 #bebebe inset; } .panel-left .applet-box { @@ -566,11 +629,11 @@ StScrollView StScrollBar { } .panel-left .applet-box:hover { - box-shadow: 3px 0 0 0 #009688 inset; + box-shadow: 3px 0 0 0 #bebebe inset; } .panel-left .panel-launchers .launcher:hover { - box-shadow: 3px 0 0 0 #009688 inset; + box-shadow: 3px 0 0 0 #bebebe inset; } .panel-left .applet-separator { @@ -578,20 +641,20 @@ StScrollView StScrollBar { } .panel-left .systray:hover { - box-shadow: 4px 0 0 0 #009688 inset; + box-shadow: 4px 0 0 0 #bebebe inset; } .panel-right .window-list-item-box:hover { - box-shadow: -3px 0 0 0 #009688 inset; + box-shadow: -3px 0 0 0 #bebebe inset; } .panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover { - box-shadow: -3px 0 0 0 #009688 inset; + box-shadow: -3px 0 0 0 #bebebe inset; } .panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button { @@ -599,7 +662,7 @@ StScrollView StScrollBar { } .panel-right .workspace-graph:hover, .panel-right .workspace-button:hover { - box-shadow: -3px 0 0 0 #009688 inset; + box-shadow: -3px 0 0 0 #bebebe inset; } .panel-right .applet-box { @@ -608,11 +671,11 @@ StScrollView StScrollBar { } .panel-right .applet-box:hover { - box-shadow: -3px 0 0 0 #009688 inset; + box-shadow: -3px 0 0 0 #bebebe inset; } .panel-right .panel-launchers .launcher:hover { - box-shadow: -3px 0 0 0 #009688 inset; + box-shadow: -3px 0 0 0 #bebebe inset; } .panel-right .applet-separator { @@ -620,7 +683,7 @@ StScrollView StScrollBar { } .panel-right .systray:hover { - box-shadow: -4px 0 0 0 #009688 inset; + box-shadow: -4px 0 0 0 #bebebe inset; } .panel-status-button { @@ -628,11 +691,11 @@ StScrollView StScrollBar { font-weight: 500; -natural-hpadding: 4px; -minimum-hpadding: 4px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .panel-status-button:hover { - color: #FFFFFF; + color: #bebebe; } .system-status-icon { @@ -642,11 +705,11 @@ StScrollView StScrollBar { } .system-status-icon.warning { - color: #FF6D00; + color: #c7c77b; } .system-status-icon.error { - color: #DD2C00; + color: #dea8de; } #overview { @@ -657,7 +720,7 @@ StScrollView StScrollBar { font-size: 9pt; font-weight: 400; background-color: rgba(0, 0, 0, 0.01); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding: 4px 6px; text-align: center; height: 1.5em; @@ -665,8 +728,8 @@ StScrollView StScrollBar { } .window-caption#selected { - color: #FFFFFF; - box-shadow: 0 -3px 0 0 #009688 inset; + color: #bebebe; + box-shadow: 0 -3px 0 0 #bebebe inset; } .workspace-controls { @@ -674,8 +737,8 @@ StScrollView StScrollBar { } .workspace-thumbnails-background { - color: rgba(255, 255, 255, 0.7); - background-color: rgba(255, 255, 255, 0.1); + color: rgba(190, 190, 190, 0.7); + background-color: rgba(190, 190, 190, 0.1); border: none; padding: 8px; border-radius: 2px 0 0 2px; @@ -719,7 +782,7 @@ StScrollView StScrollBar { background-image: url(assets/trash-icon.png); background-size: 100px; background-color: rgba(0, 0, 0, 0.3); - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-bottom-width: 0; border-radius: 20px 20px 0 0; height: 120px; @@ -727,19 +790,19 @@ StScrollView StScrollBar { } .expo-background { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .workspace-overview-background-shade { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .expo-workspace-thumbnail-frame { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } .expo-workspace-thumbnail-frame#active { - border: 1px solid #009688; + border: 1px solid #bebebe; } #LookingGlassDialog { @@ -760,12 +823,12 @@ StScrollView StScrollBar { margin: 2px; padding: 6px 16px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; text-align: center; } .datemenu-date-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .calendar-month-label { @@ -775,12 +838,12 @@ StScrollView StScrollBar { margin: 2px; padding: 6px 16px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; text-align: center; } .calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .calendar-change-month-back { @@ -811,12 +874,12 @@ StScrollView StScrollBar { } .calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .calendar-day-base:active { - color: #FFFFFF; - background-color: #009688; + color: #bebebe; + background-color: #bebebe; border-color: transparent; } @@ -829,7 +892,7 @@ StScrollView StScrollBar { padding: 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); text-align: center; } @@ -842,7 +905,7 @@ StScrollView StScrollBar { padding: 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); text-align: center; } @@ -859,7 +922,7 @@ StScrollView StScrollBar { } .calendar-nonwork-day { - color: #FFFFFF; + color: #bebebe; } .calendar-today { @@ -868,14 +931,14 @@ StScrollView StScrollBar { } .calendar-day-with-events { - color: #338DD6; + color: #b6b6ff; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); opacity: 0.5; } @@ -886,22 +949,22 @@ StScrollView StScrollBar { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: inherit; font-weight: bold; text-align: center; } #notification { - background-color: #303030; + background-color: #3c3c3c; border-radius: 2px; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); padding: 8px; spacing-rows: 4px; spacing-columns: 8px; margin-from-right-edge-of-screen: 20px; width: 34em; - color: #FFFFFF; + color: #bebebe; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); } @@ -910,12 +973,12 @@ StScrollView StScrollBar { } #notification .url-highlighter { - link-color: #338DD6; + link-color: #b6b6ff; } .notification-with-image { min-height: 159px; - color: #FFFFFF; + color: #bebebe; } #notification-scrollview { @@ -965,7 +1028,7 @@ StScrollView StScrollBar { } .switcher-list .item-box:selected { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .switcher-list .thumbnail-box { @@ -979,7 +1042,7 @@ StScrollView StScrollBar { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(0, 0, 0, 0.2); } .switcher-list-item-container { @@ -1008,22 +1071,22 @@ StScrollView StScrollBar { .switcher-arrow { border-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .switcher-arrow:highlighted { - color: #FFFFFF; + color: #bebebe; } .switcher-preview-backdrop { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .ripple-box { width: 104px; height: 104px; background-image: url(assets/corner-ripple.png); - background-color: #009688; + background-color: #bebebe; border-radius: 52px; } @@ -1036,12 +1099,12 @@ StScrollView StScrollBar { } .run-dialog-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); padding-bottom: .4em; } .run-dialog-error-label { - color: #DD2C00; + color: #dea8de; } .run-dialog-error-box { @@ -1067,7 +1130,7 @@ StScrollView StScrollBar { } .mount-password-reask { - color: #FF6D00; + color: #c7c77b; } .show-processes-dialog { @@ -1099,11 +1162,11 @@ StScrollView StScrollBar { } .show-processes-dialog-app-list-item { - color: #FFFFFF; + color: #bebebe; } .show-processes-dialog-app-list-item:hover { - color: #FFFFFF; + color: #bebebe; } .show-processes-dialog-app-list-item:ltr { @@ -1123,7 +1186,7 @@ StScrollView StScrollBar { } .magnifier-zoom-region { - border: 3px solid rgba(0, 0, 0, 0.26); + border: 3px solid rgba(0, 0, 0, 0.2); } .magnifier-zoom-region.full-screen { @@ -1131,7 +1194,7 @@ StScrollView StScrollBar { } #keyboard { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .keyboard-key { @@ -1158,7 +1221,7 @@ StScrollView StScrollBar { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #212121; + background-color: #323232; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24); } @@ -1172,9 +1235,9 @@ StScrollView StScrollBar { } .menu-favorites-button:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } .menu-categories-box { @@ -1200,9 +1263,9 @@ StScrollView StScrollBar { .menu-application-button-selected { padding: 0.4em 4px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } .menu-application-button-selected:highlighted { @@ -1215,15 +1278,15 @@ StScrollView StScrollBar { .menu-category-button-greyed { padding: 0.4em 4px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-style: italic; } .menu-category-button-selected { padding: 0.4em 4px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } .menu-selected-app-box { @@ -1262,7 +1325,7 @@ StScrollView StScrollBar { .menu-search-entry-icon { icon-size: 1em; padding: 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .window-list-box { @@ -1278,8 +1341,8 @@ StScrollView StScrollBar { } .window-list-box:highlight { - background: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background: rgba(190, 190, 190, 0.3); + color: #bebebe; } .window-list-item-box { @@ -1288,24 +1351,24 @@ StScrollView StScrollBar { } .window-list-item-box:hover { - color: #FFFFFF; + color: #bebebe; } .window-list-item-box .progress { - background-color: #00C853; + background-color: #92dd92; } .window-list-item-demands-attention { - background-color: #66BB6A; - color: rgba(255, 255, 255, 0.7); + background-color: #3c6e3c; + color: rgba(190, 190, 190, 0.7); } .window-list-preview { - background-color: #303030; + background-color: #3c3c3c; border-radius: 2px; padding: 10px 15px; spacing: 1em; - color: #FFFFFF; + color: #bebebe; } .sound-player StButton:small { @@ -1339,38 +1402,38 @@ StScrollView StScrollBar { } .sound-player-overlay { - background-color: #303030; + background-color: #3c3c3c; min-width: 300px; padding: 12px 16px; spacing: 0.5em; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .workspace-button { - background-color: #212121; + background-color: #2d2d2d; width: 2em; height: 1em; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); margin: 2px; } .workspace-button:outlined { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .workspace-graph { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .workspace-graph .workspace { - background-color: #212121; - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #2d2d2d; + border: 1px solid rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active { - background-color: rgba(255, 255, 255, 0.3); - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: rgba(190, 190, 190, 0.3); + border: 1px solid rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active .windows { @@ -1408,7 +1471,7 @@ StScrollView StScrollBar { .applet-separator-line, .applet-separator-line-vertical { width: 2px; - background: rgba(255, 255, 255, 0.12); + background: rgba(190, 190, 190, 0.12); } .applet-spacer:highlight { @@ -1417,43 +1480,43 @@ StScrollView StScrollBar { .applet-box { background-color: rgba(0, 0, 0, 0.01); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); transition-duration: 100ms; } .applet-box:checked { - color: #FFFFFF; + color: #bebebe; } .applet-box:checked .applet-label { - color: #FFFFFF; + color: #bebebe; } .applet-box:hover { - color: #FFFFFF; + color: #bebebe; } .applet-box:hover .applet-label { - color: #FFFFFF; + color: #bebebe; } .applet-box:highlight { - background: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background: rgba(190, 190, 190, 0.3); + color: #bebebe; } .applet-box:highlight .applet-label { - color: #FFFFFF; + color: #bebebe; } .applet-label { font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .applet-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding: 0; spacing: 0; icon-size: 22px; @@ -1462,7 +1525,7 @@ StScrollView StScrollBar { .desklet { font-size: 9pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5); padding: 12px; @@ -1473,7 +1536,7 @@ StScrollView StScrollBar { .desklet-with-borders { font-size: 9pt; font-weight: 400; - background-color: #303030; + background-color: #3c3c3c; border-radius: 2px; } @@ -1484,7 +1547,7 @@ StScrollView StScrollBar { .desklet-with-borders-and-header { font-size: 9pt; font-weight: 400; - background-color: #303030; + background-color: #3c3c3c; border-radius-bottomleft: 2px; border-radius-bottomright: 2px; } @@ -1496,7 +1559,7 @@ StScrollView StScrollBar { .desklet-header { font-size: 15pt; font-weight: 500; - background-color: #303030; + background-color: #3c3c3c; border-radius-topleft: 2px; border-radius-topright: 2px; } @@ -1506,7 +1569,7 @@ StScrollView StScrollBar { } .photoframe-box { - background-color: #303030; + background-color: #3c3c3c; border-radius: 2px; } @@ -1515,7 +1578,7 @@ StScrollView StScrollBar { } .desklet-drag-placeholder { - border: 2px solid #009688; + border: 2px solid #bebebe; background-color: rgba(0, 0, 0, 0.3); border-radius: 2px; } @@ -1550,7 +1613,7 @@ StScrollView StScrollBar { } .about-scrollBox { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } @@ -1571,11 +1634,11 @@ StScrollView StScrollBar { font-size: 10.5pt; font-weight: 400; background-color: rgba(0, 0, 0, 0.01); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding: 4px 6px; - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - caret-color: rgba(255, 255, 255, 0.5); + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + caret-color: rgba(190, 190, 190, 0.5); text-align: center; height: 1.5em; border-radius: 2px; @@ -1583,17 +1646,17 @@ StScrollView StScrollBar { } .expo-workspaces-name-entry#selected { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .expo-workspaces-name-entry:focus { - color: #FFFFFF; - box-shadow: 0 -3px 0 0 #009688 inset; + color: #bebebe; + box-shadow: 0 -3px 0 0 #bebebe inset; } .expo-workspaces-name-entry:hover { - box-shadow: 0 -3px 0 0 #009688 inset; + box-shadow: 0 -3px 0 0 #bebebe inset; } .notification-applet-padding { @@ -1629,7 +1692,7 @@ StScrollView StScrollBar { } .flashspot { - background-color: #009688; + background-color: #bebebe; } .osd-window { @@ -1640,12 +1703,12 @@ StScrollView StScrollBar { .osd-window .level { height: 0.7em; border-radius: 0.3em; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .osd-window .level-bar { border-radius: 0.3em; - background-color: #009688; + background-color: #bebebe; } .tile-hud:top { @@ -1709,5 +1772,5 @@ StScrollView StScrollBar { .user-label { font-size: 10.5pt; font-weight: 500; - color: #FFFFFF; + color: #bebebe; } diff --git a/src/gnome-shell/3.18/gnome-shell-dark-compact.css b/src/gnome-shell/3.18/gnome-shell-dark-compact.css index d28e7d698..6653a9767 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.18/gnome-shell-dark-compact.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * @@ -23,10 +86,10 @@ } stage { - font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-family: Roboto, Ubuntu, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; } /* WIDGETS */ @@ -38,7 +101,7 @@ stage { border-radius: 2px; font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -47,8 +110,8 @@ stage { } .button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -56,8 +119,8 @@ stage { } .button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -65,7 +128,7 @@ stage { } .button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -74,7 +137,7 @@ stage { } .button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -83,11 +146,11 @@ stage { .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26) !important; + border-top: 1px solid rgba(0, 0, 0, 0.2) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -96,8 +159,8 @@ stage { } .modal-dialog-linked-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -105,8 +168,8 @@ stage { } .modal-dialog-linked-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -114,7 +177,7 @@ stage { } .modal-dialog-linked-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -123,7 +186,7 @@ stage { } .modal-dialog-linked-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -149,30 +212,30 @@ StEntry { padding: 0 8px; border-radius: 0; border-width: 0; - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; font-size: 11.25pt; font-weight: 400; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #5a5a5a; } StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FF6D00; + warning-color: #c7c77b; padding: 0 0; } @@ -197,47 +260,47 @@ StScrollView StScrollBar { StScrollBar StBin#trough { margin: 4px; border-radius: 100px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } /* Slider */ .slider { height: 20px; - color: #009688; + color: #bebebe; -slider-height: 2px; - -slider-background-color: rgba(255, 255, 255, 0.3); + -slider-background-color: rgba(190, 190, 190, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #009688; + -slider-active-background-color: #bebebe; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; @@ -266,11 +329,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .check-box:active StBin { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .check-box:checked StBin { @@ -282,11 +345,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(0, 150, 136, 0.15); + background-color: rgba(190, 190, 190, 0.15); } .check-box:active:checked StBin { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } /* Switches */ @@ -315,17 +378,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* links */ .shell-link { border-radius: 2px; - color: #338DD6; + color: #b6b6ff; } .shell-link:hover { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.15); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.15); } .shell-link:active { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.3); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.3); } /* Modal Dialogs */ @@ -344,8 +407,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -371,7 +434,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); padding-bottom: .4em; } @@ -411,7 +474,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FF6D00; + color: #c7c77b; padding-top: 6px; } @@ -427,7 +490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-shutdown-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); width: 48px; height: 48px; } @@ -463,7 +526,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; } @@ -518,11 +581,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .show-processes-dialog-app-list-item { - color: #FFFFFF; + color: #bebebe; } .show-processes-dialog-app-list-item:hover { - color: #FFFFFF; + color: #bebebe; } .show-processes-dialog-app-list-item:ltr { @@ -563,7 +626,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-headline { font-size: 15pt; font-weight: 500; - color: #FFFFFF; + color: #bebebe; } .prompt-dialog-description:rtl { @@ -577,7 +640,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #DD2C00; + color: #dea8de; padding-bottom: 8px; } @@ -607,7 +670,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FF6D00; + color: #c7c77b; } .polkit-dialog-user-icon { @@ -637,12 +700,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #338DD6; + background-color: #5a5a5a; } .audio-selection-device-box { @@ -679,7 +742,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .access-dialog-subtitle { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-weight: bold; } @@ -705,7 +768,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .geolocation-dialog-reason { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-weight: bold; } @@ -726,7 +789,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-sub-menu { - background-color: #303030; + background-color: #3c3c3c; box-shadow: 0 0 transparent; } @@ -748,52 +811,52 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: #529edc; - color: #FFFFFF; + background-color: dimgray; + color: #bebebe; } .popup-menu .popup-menu-item:checked:active { - background-color: #70afe2; - color: #FFFFFF !important; + background-color: #787878; + color: #bebebe !important; } .popup-menu .popup-menu-item:checked:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-menu-item.selected { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-inactive-menu-item { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu.panel-menu { @@ -817,7 +880,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -826,7 +889,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 1px; margin: 8px 40px; background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-bottom-width: 1px; border-bottom-style: solid; } @@ -858,19 +921,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .osd-window .level { height: 8px; border-radius: 0; - background-color: rgba(51, 141, 214, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .osd-window .level-bar { - background-color: #338DD6; + background-color: #bebebe; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .combo-box-label { @@ -895,12 +958,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .item-box:outlined { padding: 8px; border: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .switcher-list .item-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .switcher-list .thumbnail-box { @@ -914,16 +977,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(0, 0, 0, 0.2); } .switcher-arrow { border-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .switcher-arrow:highlighted { - color: #FFFFFF; + color: #bebebe; } .input-source-switcher-symbol { @@ -935,7 +998,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #338DD6; + border: 4px solid #5a5a5a; } /* Workspace Switcher */ @@ -953,8 +1016,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #338DD6; - color: #FFFFFF; + background-color: #808080; + color: #bebebe; background-size: 32px; border-radius: 2px; } @@ -962,15 +1025,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-box { height: 48px; border: none; - background: rgba(255, 255, 255, 0.12); + background: rgba(190, 190, 190, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; @@ -979,8 +1042,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(64, 196, 255, 0.3); - border: 1px solid #40C4FF; + background-color: rgba(128, 128, 128, 0.3); + border: 1px solid #808080; } .tile-preview-left.on-primary { @@ -997,7 +1060,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #2d2d2d; font-weight: bold; height: 28px; } @@ -1012,13 +1075,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.6); + -panel-corner-background-color: #2d2d2d; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #FFFFFF; + -panel-corner-border-color: #bebebe; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { @@ -1031,7 +1094,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); transition-duration: 150ms; } @@ -1042,13 +1105,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:hover { - color: #FFFFFF; + color: #bebebe; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(0, 0, 0, 0.01); - box-shadow: inset 0 -2px 0px #FFFFFF; - color: #FFFFFF; + background-color: rgba(45, 45, 45, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { @@ -1063,7 +1126,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, @@ -1073,7 +1136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #FFFFFF; + color: #bebebe; } #panel .panel-status-indicators-box, @@ -1086,7 +1149,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FF6D00; + color: #c7c77b; } #calendarArea { @@ -1137,15 +1200,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-button:focus, .message-list-section-title:hover, .message-list-section-title:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .message-list-section-title:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .datemenu-today-button .date-label { @@ -1155,7 +1218,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .message-list-section-title { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: bold; } @@ -1168,13 +1231,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; padding: 6px 16px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; text-align: center; } .calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button { @@ -1183,15 +1246,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .calendar-change-month-back { @@ -1222,12 +1285,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .calendar-day-base:active, .calendar-day-base:selected { - color: #FFFFFF; - background-color: #338DD6 !important; + color: #bebebe; + background-color: #5a5a5a !important; border-color: transparent; } @@ -1238,7 +1301,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; @@ -1258,7 +1321,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-nonwork-day { - color: #FFFFFF; + color: #bebebe; } .calendar-today { @@ -1267,14 +1330,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #338DD6; + color: #b6b6ff; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); opacity: 0.5; } @@ -1285,7 +1348,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: inherit; font-weight: bold; text-align: center; @@ -1313,20 +1376,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 6px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; } /* FIXME: how do you do this in sass? */ .message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-list-section-close:active > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message { @@ -1336,11 +1399,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message:hover, .message:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-icon-bin { @@ -1364,7 +1427,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .message-secondary-bin > StIcon { @@ -1374,7 +1437,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-title { min-height: 18px; padding-top: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; font-size: 1em; } @@ -1382,7 +1445,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; } @@ -1390,40 +1453,40 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 2px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-content *:active > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .message-media-control:hover, .message-media-control:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-media-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .message-media-control:last-child:ltr { @@ -1445,8 +1508,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; border-radius: 2px; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .system-switch-user-submenu-icon.user-icon { @@ -1489,7 +1552,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 14px; @@ -1497,15 +1560,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; border: none; padding: 14px; } .system-menu-action:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .system-menu-action > StIcon { @@ -1516,7 +1579,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 48px; height: 48px; border-radius: 0 0 48px 0; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); background-image: none; background-size: auto; } @@ -1590,7 +1653,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-airplane-text { - color: #FFFFFF; + color: #bebebe; } .nm-dialog-header-icon { @@ -1615,16 +1678,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .nm-dialog-item:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .nm-dialog-icons { @@ -1636,7 +1699,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .no-networks-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .no-networks-box { @@ -1665,53 +1728,48 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.3); + border: 4px solid rgba(190, 190, 190, 0.3); border-radius: 2px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 1px rgba(190, 190, 190, 0.3); } .window-caption { spacing: 25px; - color: #FFFFFF; - background-color: transparent; + color: #bebebe; + background-color: #2d2d2d; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } -.window-caption:hover { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; -} - .search-entry { width: 304px; padding: 0 8px; border-radius: 0; - color: rgba(255, 255, 255, 0.5); - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: rgba(190, 190, 190, 0.5); + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; padding: 0 8px; border-width: 0; - color: #FFFFFF; + color: #bebebe; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } #searchResultsBin { @@ -1752,11 +1810,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result-title { font-size: 18pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; } .list-search-result-description { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .search-provider-icon { @@ -1772,8 +1830,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* DASHBOARD */ #dash { font-size: 1em; - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); padding: 3px 0; border: none; border-left: 0px; @@ -1802,8 +1860,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { border-radius: 2px; padding: 7px 8px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -1828,23 +1886,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-view-control { padding: 0 16px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .app-view-control:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12) !important; } .app-view-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3) !important; } .app-view-control:checked { - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01) !important; - box-shadow: inset 0 2px 0 #FFFFFF; + color: #bebebe; + background-color: rgba(45, 45, 45, 0.01) !important; + box-shadow: inset 0 2px 0 #bebebe; } .app-view-control:first-child { @@ -1868,14 +1926,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); transition-duration: 150ms; } @@ -1891,7 +1949,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; border-image: none; background-image: none; @@ -1905,7 +1963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } @@ -1913,7 +1971,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app-running-dot { width: 32px; height: 2px; - background-color: #FFFFFF; + background-color: #bebebe; margin-bottom: 0; } @@ -1922,7 +1980,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { - color: #FFFFFF; + color: #bebebe; border-radius: 2px; padding: 6px; border: none; @@ -1931,24 +1989,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } .show-apps .show-apps-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { - color: #FFFFFF; + color: #bebebe; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; - -arrow-background-color: rgba(255, 255, 255, 0.1); + -arrow-background-color: rgba(190, 190, 190, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } @@ -1972,22 +2030,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 12px; border-radius: 12px; background-image: none; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; - background-color: #FFFFFF; + background-color: #bebebe; transition-duration: 0ms; } @@ -2019,7 +2077,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnail-indicator { - border: 0 solid #FFFFFF; + border: 0 solid #bebebe; border-left-width: 2px; padding: 6px; border-radius: 0; @@ -2032,20 +2090,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnails { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #338DD6; + link-color: #b6b6ff; } .notification-banner { @@ -2054,18 +2112,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 56px; margin: 5px; border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #414141; } .notification-banner:focus { - background-color: #424242; + background-color: #414141; } .notification-banner .notification-icon { @@ -2084,7 +2142,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .notification-banner .notification-actions { background-color: transparent; padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); spacing: 1px; } @@ -2092,7 +2150,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 40px; padding: 0 16px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } @@ -2105,13 +2163,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .summary-source-counter { @@ -2121,9 +2179,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #338DD6; - color: #FFFFFF; - border: 2px solid #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; + border: 2px solid #bebebe; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2141,7 +2199,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .chat-log-message { - color: #FFFFFF; + color: #bebebe; } .chat-new-group { @@ -2159,7 +2217,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .chat-sent:rtl { @@ -2171,7 +2229,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .chat-meta-message:rtl { @@ -2207,11 +2265,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .hotplug-resident-mount-label { @@ -2231,13 +2289,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } /* Eeeky things */ .legacy-tray { - background-color: rgba(0, 0, 0, 0.6); - color: #FFFFFF; + background-color: #2d2d2d; + color: #bebebe; border: none; border-bottom-width: 0; } @@ -2265,12 +2323,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .legacy-tray-icon-box { @@ -2291,7 +2349,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #338DD6; + border: 2px solid #5a5a5a; } .magnifier-zoom-region.full-screen { @@ -2320,8 +2378,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; border: none; color: inherit; - color: rgba(255, 255, 255, 0.8); - background-color: #424242; + color: rgba(190, 190, 190, 0.8); + background-color: #414141; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2329,15 +2387,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2345,8 +2403,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:active { - color: #FFFFFF; - background-color: #7b7b7b; + color: #bebebe; + background-color: #676767; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2355,7 +2413,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-color: rgba(0, 0, 0, 0.3); } @@ -2369,7 +2427,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2381,11 +2439,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box { @@ -2396,18 +2454,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .candidate-box:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .candidate-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .candidate-page-button-box { @@ -2445,13 +2503,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .framed-user-icon { background-size: contain; border: none; - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } .framed-user-icon:hover { - border-color: #FFFFFF; - color: #FFFFFF; + border-color: #bebebe; + color: #bebebe; } .login-dialog-banner-view { @@ -2465,24 +2523,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog StEntry { - color: #FFFFFF; - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: #bebebe; + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .login-dialog StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; } .login-dialog StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .login-dialog .modal-dialog-button-box { @@ -2491,7 +2549,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button { padding: 0 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2500,8 +2558,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2509,8 +2567,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2518,7 +2576,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2527,8 +2585,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: rgba(255, 255, 255, 0.8); - background-color: #009688; + color: rgba(190, 190, 190, 0.8); + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2536,8 +2594,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: #FFFFFF; - background-color: #009688; + color: #bebebe; + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2545,8 +2603,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: #FFFFFF; - background-color: #4db6ac; + color: #bebebe; + background-color: #568686; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2554,8 +2612,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.5); + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2567,7 +2625,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-banner { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-button-box { @@ -2575,7 +2633,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FF6D00; + color: #c7c77b; } .login-dialog-message-hint { @@ -2593,22 +2651,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .login-dialog-user-list-view { @@ -2622,28 +2680,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #FFFFFF; + border-right: 2px solid #bebebe; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-user-list-item:ltr { @@ -2655,28 +2713,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-username, .user-widget-label { - color: #FFFFFF; + color: #bebebe; font-size: 15pt; font-weight: 500; text-align: left; @@ -2699,7 +2757,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; padding-top: 1em; } @@ -2709,15 +2767,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-session-list-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { - color: #FFFFFF; + color: #bebebe; } .login-dialog-session-list-button:active { - color: #FFFFFF; + color: #bebebe; } .screen-shield-arrows { @@ -2768,7 +2826,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } @@ -2785,7 +2843,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #panel.lock-screen { @@ -2798,12 +2856,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #2d2d2d; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #414141; spacing: 4px; padding: 0; border: none; @@ -2815,8 +2873,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2); } #LookingGlassDialog .labels { @@ -2827,7 +2885,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; @@ -2836,17 +2894,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); - color: #FFFFFF; + box-shadow: inset 0 -2px 0px rgba(190, 190, 190, 0.3); + color: #bebebe; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #338DD6; - color: #FFFFFF; + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; text-shadow: none; } @@ -2860,16 +2918,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: #338DD6; - selected-color: #FFFFFF; + selection-background-color: #5a5a5a; + selected-color: #bebebe; } .lg-dialog .shell-link { - color: #338DD6; + color: #b6b6ff; } .lg-dialog .shell-link:hover { - color: #338DD6; + color: #b6b6ff; } .lg-completions-text { @@ -2888,7 +2946,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2897,8 +2955,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2906,8 +2964,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2915,7 +2973,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2924,7 +2982,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -2959,7 +3017,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #414141; border: none; border-radius: 2px; padding: 6px; @@ -2968,11 +3026,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Dash to Dock */ #dashtodockContainer #dash { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } #dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } #dashtodockContainer.extended:overview #dash { @@ -3166,29 +3224,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Simple Dock */ #dash:desktop { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } /* GPaste */ .popup-menu .search-entry { - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; - background-color: rgba(66, 66, 66, 0.01); + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; - color: #FFFFFF; + box-shadow: inset 0 -2px #5a5a5a; + color: #bebebe; } .popup-menu .search-entry .search-entry-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } diff --git a/src/gnome-shell/3.18/gnome-shell-dark.css b/src/gnome-shell/3.18/gnome-shell-dark.css index 1c026d370..dfaf08c55 100644 --- a/src/gnome-shell/3.18/gnome-shell-dark.css +++ b/src/gnome-shell/3.18/gnome-shell-dark.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * @@ -23,10 +86,10 @@ } stage { - font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-family: Roboto, Ubuntu, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; } /* WIDGETS */ @@ -38,7 +101,7 @@ stage { border-radius: 2px; font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -47,8 +110,8 @@ stage { } .button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -56,8 +119,8 @@ stage { } .button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -65,7 +128,7 @@ stage { } .button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -74,7 +137,7 @@ stage { } .button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -83,11 +146,11 @@ stage { .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26) !important; + border-top: 1px solid rgba(0, 0, 0, 0.2) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -96,8 +159,8 @@ stage { } .modal-dialog-linked-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -105,8 +168,8 @@ stage { } .modal-dialog-linked-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -114,7 +177,7 @@ stage { } .modal-dialog-linked-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -123,7 +186,7 @@ stage { } .modal-dialog-linked-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -149,30 +212,30 @@ StEntry { padding: 0 8px; border-radius: 0; border-width: 0; - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; font-size: 12pt; font-weight: 400; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #5a5a5a; } StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FF6D00; + warning-color: #c7c77b; padding: 0 0; } @@ -197,47 +260,47 @@ StScrollView StScrollBar { StScrollBar StBin#trough { margin: 4px; border-radius: 100px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } /* Slider */ .slider { height: 20px; - color: #009688; + color: #bebebe; -slider-height: 2px; - -slider-background-color: rgba(255, 255, 255, 0.3); + -slider-background-color: rgba(190, 190, 190, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #009688; + -slider-active-background-color: #bebebe; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; @@ -266,11 +329,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .check-box:active StBin { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .check-box:checked StBin { @@ -282,11 +345,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(0, 150, 136, 0.15); + background-color: rgba(190, 190, 190, 0.15); } .check-box:active:checked StBin { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } /* Switches */ @@ -315,17 +378,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* links */ .shell-link { border-radius: 2px; - color: #338DD6; + color: #b6b6ff; } .shell-link:hover { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.15); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.15); } .shell-link:active { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.3); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.3); } /* Modal Dialogs */ @@ -344,8 +407,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -371,7 +434,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); padding-bottom: .4em; } @@ -411,7 +474,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FF6D00; + color: #c7c77b; padding-top: 6px; } @@ -427,7 +490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-shutdown-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); width: 48px; height: 48px; } @@ -463,7 +526,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; } @@ -518,11 +581,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .show-processes-dialog-app-list-item { - color: #FFFFFF; + color: #bebebe; } .show-processes-dialog-app-list-item:hover { - color: #FFFFFF; + color: #bebebe; } .show-processes-dialog-app-list-item:ltr { @@ -563,7 +626,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-headline { font-size: 15pt; font-weight: 500; - color: #FFFFFF; + color: #bebebe; } .prompt-dialog-description:rtl { @@ -577,7 +640,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #DD2C00; + color: #dea8de; padding-bottom: 8px; } @@ -607,7 +670,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FF6D00; + color: #c7c77b; } .polkit-dialog-user-icon { @@ -637,12 +700,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #338DD6; + background-color: #5a5a5a; } .audio-selection-device-box { @@ -679,7 +742,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .access-dialog-subtitle { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-weight: bold; } @@ -705,7 +768,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .geolocation-dialog-reason { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-weight: bold; } @@ -726,7 +789,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-sub-menu { - background-color: #303030; + background-color: #3c3c3c; box-shadow: 0 0 transparent; } @@ -748,52 +811,52 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: #529edc; - color: #FFFFFF; + background-color: dimgray; + color: #bebebe; } .popup-menu .popup-menu-item:checked:active { - background-color: #70afe2; - color: #FFFFFF !important; + background-color: #787878; + color: #bebebe !important; } .popup-menu .popup-menu-item:checked:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-menu-item.selected { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-inactive-menu-item { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu.panel-menu { @@ -817,7 +880,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -826,7 +889,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 1px; margin: 8px 40px; background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-bottom-width: 1px; border-bottom-style: solid; } @@ -858,19 +921,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .osd-window .level { height: 8px; border-radius: 0; - background-color: rgba(51, 141, 214, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .osd-window .level-bar { - background-color: #338DD6; + background-color: #bebebe; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .combo-box-label { @@ -895,12 +958,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .item-box:outlined { padding: 8px; border: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .switcher-list .item-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .switcher-list .thumbnail-box { @@ -914,16 +977,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(0, 0, 0, 0.2); } .switcher-arrow { border-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .switcher-arrow:highlighted { - color: #FFFFFF; + color: #bebebe; } .input-source-switcher-symbol { @@ -935,7 +998,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #338DD6; + border: 4px solid #5a5a5a; } /* Workspace Switcher */ @@ -953,8 +1016,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #338DD6; - color: #FFFFFF; + background-color: #808080; + color: #bebebe; background-size: 32px; border-radius: 2px; } @@ -962,15 +1025,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-box { height: 48px; border: none; - background: rgba(255, 255, 255, 0.12); + background: rgba(190, 190, 190, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; @@ -979,8 +1042,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(64, 196, 255, 0.3); - border: 1px solid #40C4FF; + background-color: rgba(128, 128, 128, 0.3); + border: 1px solid #808080; } .tile-preview-left.on-primary { @@ -997,7 +1060,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #2d2d2d; font-weight: bold; height: 32px; } @@ -1012,13 +1075,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.6); + -panel-corner-background-color: #2d2d2d; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #FFFFFF; + -panel-corner-border-color: #bebebe; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { @@ -1031,7 +1094,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); transition-duration: 150ms; } @@ -1042,13 +1105,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:hover { - color: #FFFFFF; + color: #bebebe; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(0, 0, 0, 0.01); - box-shadow: inset 0 -2px 0px #FFFFFF; - color: #FFFFFF; + background-color: rgba(45, 45, 45, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { @@ -1063,7 +1126,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, @@ -1073,7 +1136,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #FFFFFF; + color: #bebebe; } #panel .panel-status-indicators-box, @@ -1086,7 +1149,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FF6D00; + color: #c7c77b; } #calendarArea { @@ -1137,15 +1200,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-button:focus, .message-list-section-title:hover, .message-list-section-title:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .message-list-section-title:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .datemenu-today-button .date-label { @@ -1155,7 +1218,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .message-list-section-title { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: bold; } @@ -1168,13 +1231,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; padding: 6px 16px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; text-align: center; } .calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button { @@ -1183,15 +1246,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .calendar-change-month-back { @@ -1222,12 +1285,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .calendar-day-base:active, .calendar-day-base:selected { - color: #FFFFFF; - background-color: #338DD6 !important; + color: #bebebe; + background-color: #5a5a5a !important; border-color: transparent; } @@ -1238,7 +1301,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; @@ -1258,7 +1321,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-nonwork-day { - color: #FFFFFF; + color: #bebebe; } .calendar-today { @@ -1267,14 +1330,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #338DD6; + color: #b6b6ff; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); opacity: 0.5; } @@ -1285,7 +1348,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: inherit; font-weight: bold; text-align: center; @@ -1313,20 +1376,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; } /* FIXME: how do you do this in sass? */ .message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-list-section-close:active > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message { @@ -1336,11 +1399,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message:hover, .message:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-icon-bin { @@ -1364,7 +1427,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-secondary-bin { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .message-secondary-bin > StIcon { @@ -1374,7 +1437,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-title { min-height: 22px; padding-top: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; font-size: 1em; } @@ -1382,7 +1445,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; } @@ -1390,40 +1453,40 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-content *:active > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .message-media-control:hover, .message-media-control:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-media-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .message-media-control:last-child:ltr { @@ -1445,8 +1508,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; border-radius: 2px; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .system-switch-user-submenu-icon.user-icon { @@ -1489,7 +1552,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -1497,15 +1560,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; border: none; padding: 16px; } .system-menu-action:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .system-menu-action > StIcon { @@ -1516,7 +1579,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 48px; height: 48px; border-radius: 0 0 48px 0; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); background-image: none; background-size: auto; } @@ -1590,7 +1653,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-airplane-text { - color: #FFFFFF; + color: #bebebe; } .nm-dialog-header-icon { @@ -1615,16 +1678,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .nm-dialog-item:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .nm-dialog-icons { @@ -1636,7 +1699,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .no-networks-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .no-networks-box { @@ -1665,53 +1728,48 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.3); + border: 4px solid rgba(190, 190, 190, 0.3); border-radius: 2px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 1px rgba(190, 190, 190, 0.3); } .window-caption { spacing: 25px; - color: #FFFFFF; - background-color: transparent; + color: #bebebe; + background-color: #2d2d2d; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } -.window-caption:hover { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; -} - .search-entry { width: 304px; padding: 0 8px; border-radius: 0; - color: rgba(255, 255, 255, 0.5); - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: rgba(190, 190, 190, 0.5); + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; padding: 0 8px; border-width: 0; - color: #FFFFFF; + color: #bebebe; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } #searchResultsBin { @@ -1752,11 +1810,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result-title { font-size: 18pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; } .list-search-result-description { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .search-provider-icon { @@ -1772,8 +1830,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* DASHBOARD */ #dash { font-size: 1em; - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); padding: 3px 0; border: none; border-left: 0px; @@ -1802,8 +1860,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { border-radius: 2px; padding: 7px 8px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -1828,23 +1886,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-view-control { padding: 0 16px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .app-view-control:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12) !important; } .app-view-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3) !important; } .app-view-control:checked { - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01) !important; - box-shadow: inset 0 2px 0 #FFFFFF; + color: #bebebe; + background-color: rgba(45, 45, 45, 0.01) !important; + box-shadow: inset 0 2px 0 #bebebe; } .app-view-control:first-child { @@ -1868,14 +1926,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); transition-duration: 150ms; } @@ -1891,7 +1949,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; border-image: none; background-image: none; @@ -1905,7 +1963,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } @@ -1913,7 +1971,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app-running-dot { width: 32px; height: 2px; - background-color: #FFFFFF; + background-color: #bebebe; margin-bottom: 0; } @@ -1922,7 +1980,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { - color: #FFFFFF; + color: #bebebe; border-radius: 2px; padding: 6px; border: none; @@ -1931,24 +1989,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } .show-apps .show-apps-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { - color: #FFFFFF; + color: #bebebe; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; - -arrow-background-color: rgba(255, 255, 255, 0.1); + -arrow-background-color: rgba(190, 190, 190, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } @@ -1972,22 +2030,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 12px; border-radius: 12px; background-image: none; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; - background-color: #FFFFFF; + background-color: #bebebe; transition-duration: 0ms; } @@ -2019,7 +2077,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnail-indicator { - border: 0 solid #FFFFFF; + border: 0 solid #bebebe; border-left-width: 2px; padding: 6px; border-radius: 0; @@ -2032,20 +2090,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnails { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #338DD6; + link-color: #b6b6ff; } .notification-banner { @@ -2054,18 +2112,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 64px; margin: 5px; border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #414141; } .notification-banner:focus { - background-color: #424242; + background-color: #414141; } .notification-banner .notification-icon { @@ -2084,7 +2142,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .notification-banner .notification-actions { background-color: transparent; padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); spacing: 1px; } @@ -2092,7 +2150,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 40px; padding: 0 16px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } @@ -2105,13 +2163,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .summary-source-counter { @@ -2121,9 +2179,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #338DD6; - color: #FFFFFF; - border: 2px solid #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; + border: 2px solid #bebebe; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2141,7 +2199,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .chat-log-message { - color: #FFFFFF; + color: #bebebe; } .chat-new-group { @@ -2159,7 +2217,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .chat-sent:rtl { @@ -2171,7 +2229,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .chat-meta-message:rtl { @@ -2207,11 +2265,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .hotplug-resident-mount-label { @@ -2231,13 +2289,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } /* Eeeky things */ .legacy-tray { - background-color: rgba(0, 0, 0, 0.6); - color: #FFFFFF; + background-color: #2d2d2d; + color: #bebebe; border: none; border-bottom-width: 0; } @@ -2265,12 +2323,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .legacy-tray-icon-box { @@ -2291,7 +2349,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #338DD6; + border: 2px solid #5a5a5a; } .magnifier-zoom-region.full-screen { @@ -2320,8 +2378,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; border: none; color: inherit; - color: rgba(255, 255, 255, 0.8); - background-color: #424242; + color: rgba(190, 190, 190, 0.8); + background-color: #414141; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2329,15 +2387,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2345,8 +2403,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:active { - color: #FFFFFF; - background-color: #7b7b7b; + color: #bebebe; + background-color: #676767; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2355,7 +2413,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-color: rgba(0, 0, 0, 0.3); } @@ -2369,7 +2427,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2381,11 +2439,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box { @@ -2396,18 +2454,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .candidate-box:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .candidate-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .candidate-page-button-box { @@ -2445,13 +2503,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .framed-user-icon { background-size: contain; border: none; - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } .framed-user-icon:hover { - border-color: #FFFFFF; - color: #FFFFFF; + border-color: #bebebe; + color: #bebebe; } .login-dialog-banner-view { @@ -2465,24 +2523,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog StEntry { - color: #FFFFFF; - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: #bebebe; + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .login-dialog StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; } .login-dialog StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .login-dialog .modal-dialog-button-box { @@ -2491,7 +2549,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button { padding: 0 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2500,8 +2558,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2509,8 +2567,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2518,7 +2576,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2527,8 +2585,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: rgba(255, 255, 255, 0.8); - background-color: #009688; + color: rgba(190, 190, 190, 0.8); + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2536,8 +2594,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: #FFFFFF; - background-color: #009688; + color: #bebebe; + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2545,8 +2603,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: #FFFFFF; - background-color: #4db6ac; + color: #bebebe; + background-color: #568686; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2554,8 +2612,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.5); + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2567,7 +2625,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-banner { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-button-box { @@ -2575,7 +2633,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FF6D00; + color: #c7c77b; } .login-dialog-message-hint { @@ -2593,22 +2651,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .login-dialog-user-list-view { @@ -2622,28 +2680,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #FFFFFF; + border-right: 2px solid #bebebe; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-user-list-item:ltr { @@ -2655,28 +2713,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-username, .user-widget-label { - color: #FFFFFF; + color: #bebebe; font-size: 15pt; font-weight: 500; text-align: left; @@ -2699,7 +2757,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; padding-top: 1em; } @@ -2709,15 +2767,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-session-list-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { - color: #FFFFFF; + color: #bebebe; } .login-dialog-session-list-button:active { - color: #FFFFFF; + color: #bebebe; } .screen-shield-arrows { @@ -2768,7 +2826,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } @@ -2785,7 +2843,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #panel.lock-screen { @@ -2798,12 +2856,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #2d2d2d; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #414141; spacing: 4px; padding: 0; border: none; @@ -2815,8 +2873,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2); } #LookingGlassDialog .labels { @@ -2827,7 +2885,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; @@ -2836,17 +2894,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); - color: #FFFFFF; + box-shadow: inset 0 -2px 0px rgba(190, 190, 190, 0.3); + color: #bebebe; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #338DD6; - color: #FFFFFF; + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; text-shadow: none; } @@ -2860,16 +2918,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: #338DD6; - selected-color: #FFFFFF; + selection-background-color: #5a5a5a; + selected-color: #bebebe; } .lg-dialog .shell-link { - color: #338DD6; + color: #b6b6ff; } .lg-dialog .shell-link:hover { - color: #338DD6; + color: #b6b6ff; } .lg-completions-text { @@ -2888,7 +2946,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2897,8 +2955,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2906,8 +2964,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2915,7 +2973,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2924,7 +2982,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -2959,7 +3017,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #414141; border: none; border-radius: 2px; padding: 6px; @@ -2968,11 +3026,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Dash to Dock */ #dashtodockContainer #dash { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } #dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } #dashtodockContainer.extended:overview #dash { @@ -3166,29 +3224,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Simple Dock */ #dash:desktop { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } /* GPaste */ .popup-menu .search-entry { - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; - background-color: rgba(66, 66, 66, 0.01); + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; - color: #FFFFFF; + box-shadow: inset 0 -2px #5a5a5a; + color: #bebebe; } .popup-menu .search-entry .search-entry-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } diff --git a/src/gnome-shell/3.24/gnome-shell-dark-compact.css b/src/gnome-shell/3.24/gnome-shell-dark-compact.css index c5bcf6d94..615d84e2b 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.24/gnome-shell-dark-compact.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * @@ -23,10 +86,10 @@ } stage { - font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-family: Roboto, Ubuntu, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; } /* WIDGETS */ @@ -38,7 +101,7 @@ stage { border-radius: 2px; font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -47,8 +110,8 @@ stage { } .button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -56,8 +119,8 @@ stage { } .button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -65,7 +128,7 @@ stage { } .button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -74,7 +137,7 @@ stage { } .button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -83,11 +146,11 @@ stage { .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26) !important; + border-top: 1px solid rgba(0, 0, 0, 0.2) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -96,8 +159,8 @@ stage { } .modal-dialog-linked-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -105,8 +168,8 @@ stage { } .modal-dialog-linked-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -114,7 +177,7 @@ stage { } .modal-dialog-linked-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -123,7 +186,7 @@ stage { } .modal-dialog-linked-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -149,30 +212,30 @@ StEntry { padding: 0 8px; border-radius: 0; border-width: 0; - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; font-size: 11.25pt; font-weight: 400; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #5a5a5a; } StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FF6D00; + warning-color: #c7c77b; padding: 0 0; } @@ -197,47 +260,47 @@ StScrollView StScrollBar { StScrollBar StBin#trough { margin: 4px; border-radius: 100px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } /* Slider */ .slider { height: 20px; - color: #009688; + color: #bebebe; -slider-height: 2px; - -slider-background-color: rgba(255, 255, 255, 0.3); + -slider-background-color: rgba(190, 190, 190, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #009688; + -slider-active-background-color: #bebebe; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; @@ -266,11 +329,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .check-box:active StBin { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .check-box:checked StBin { @@ -282,11 +345,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(0, 150, 136, 0.15); + background-color: rgba(190, 190, 190, 0.15); } .check-box:active:checked StBin { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } /* Switches */ @@ -315,17 +378,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* links */ .shell-link { border-radius: 2px; - color: #338DD6; + color: #b6b6ff; } .shell-link:hover { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.15); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.15); } .shell-link:active { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.3); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.3); } /* Modal Dialogs */ @@ -344,8 +407,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -371,7 +434,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); padding-bottom: .4em; } @@ -411,7 +474,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FF6D00; + color: #c7c77b; padding-top: 6px; } @@ -427,7 +490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-shutdown-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); width: 48px; height: 48px; } @@ -463,7 +526,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; } @@ -518,11 +581,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .show-processes-dialog-app-list-item { - color: #FFFFFF; + color: #bebebe; } .show-processes-dialog-app-list-item:hover { - color: #FFFFFF; + color: #bebebe; } .show-processes-dialog-app-list-item:ltr { @@ -563,7 +626,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-headline { font-size: 15pt; font-weight: 500; - color: #FFFFFF; + color: #bebebe; } .prompt-dialog-description:rtl { @@ -577,7 +640,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #DD2C00; + color: #dea8de; padding-bottom: 8px; } @@ -607,7 +670,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FF6D00; + color: #c7c77b; } .polkit-dialog-user-icon { @@ -637,12 +700,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #338DD6; + background-color: #5a5a5a; } .audio-selection-device-box { @@ -679,7 +742,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .access-dialog-subtitle { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-weight: bold; } @@ -705,7 +768,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .geolocation-dialog-reason { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-weight: bold; } @@ -726,7 +789,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-sub-menu { - background-color: #303030; + background-color: #3c3c3c; box-shadow: 0 0 transparent; } @@ -748,52 +811,52 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: #529edc; - color: #FFFFFF; + background-color: dimgray; + color: #bebebe; } .popup-menu .popup-menu-item:checked:active { - background-color: #70afe2; - color: #FFFFFF !important; + background-color: #787878; + color: #bebebe !important; } .popup-menu .popup-menu-item:checked:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-menu-item.selected { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-inactive-menu-item { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu.panel-menu { @@ -817,7 +880,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -826,7 +889,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 1px; margin: 8px 40px; background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-bottom-width: 1px; border-bottom-style: solid; } @@ -858,19 +921,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .osd-window .level { height: 8px; border-radius: 0; - background-color: rgba(51, 141, 214, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .osd-window .level-bar { - background-color: #338DD6; + background-color: #bebebe; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .pad-osd-window .pad-osd-title-box { @@ -903,12 +966,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .item-box:outlined { padding: 8px; border: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .switcher-list .item-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .switcher-list .thumbnail-box { @@ -922,16 +985,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(0, 0, 0, 0.2); } .switcher-arrow { border-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .switcher-arrow:highlighted { - color: #FFFFFF; + color: #bebebe; } .input-source-switcher-symbol { @@ -943,7 +1006,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #338DD6; + border: 4px solid #5a5a5a; } /* Workspace Switcher */ @@ -961,8 +1024,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #338DD6; - color: #FFFFFF; + background-color: #808080; + color: #bebebe; background-size: 32px; border-radius: 2px; } @@ -970,15 +1033,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-box { height: 48px; border: none; - background: rgba(255, 255, 255, 0.12); + background: rgba(190, 190, 190, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; @@ -987,8 +1050,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(64, 196, 255, 0.3); - border: 1px solid #40C4FF; + background-color: rgba(128, 128, 128, 0.3); + border: 1px solid #808080; } .tile-preview-left.on-primary { @@ -1005,7 +1068,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #2d2d2d; font-weight: bold; height: 28px; } @@ -1020,13 +1083,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.6); + -panel-corner-background-color: #2d2d2d; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #FFFFFF; + -panel-corner-border-color: #bebebe; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { @@ -1039,7 +1102,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); transition-duration: 150ms; } @@ -1050,13 +1113,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:hover { - color: #FFFFFF; + color: #bebebe; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(0, 0, 0, 0.01); - box-shadow: inset 0 -2px 0px #FFFFFF; - color: #FFFFFF; + background-color: rgba(45, 45, 45, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { @@ -1071,7 +1134,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, @@ -1081,7 +1144,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #FFFFFF; + color: #bebebe; } #panel .panel-status-indicators-box, @@ -1094,7 +1157,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FF6D00; + color: #c7c77b; } #calendarArea { @@ -1125,7 +1188,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(0, 0, 0, 0.2); } .datemenu-calendar-column:ltr { @@ -1164,16 +1227,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .weather-button:focus, .events-section-title:hover, .events-section-title:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .datemenu-today-button .date-label { @@ -1184,7 +1247,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: bold; } @@ -1201,13 +1264,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; padding: 6px 16px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; text-align: center; } .calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button { @@ -1216,15 +1279,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .calendar-change-month-back { @@ -1255,18 +1318,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .calendar-day-base:active { color: inherit; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; } .calendar-day-base:selected { - color: #FFFFFF; - background-color: #338DD6; + color: #bebebe; + background-color: #5a5a5a; border-color: transparent; } @@ -1277,7 +1340,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; @@ -1297,7 +1360,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-nonwork-day { - color: #FFFFFF; + color: #bebebe; } .calendar-today { @@ -1306,14 +1369,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #338DD6; + color: #b6b6ff; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); opacity: 0.5; } @@ -1324,7 +1387,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: inherit; font-weight: bold; text-align: center; @@ -1341,11 +1404,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-list-sections { @@ -1364,11 +1427,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message:hover, .message:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-icon-bin { @@ -1380,7 +1443,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > StIcon { - color: #FFFFFF; + color: #bebebe; icon-size: 1.23077em; -st-icon-style: requested; margin: 4px 0px 4px 4px; @@ -1397,7 +1460,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 18px; padding-top: 2px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1411,7 +1474,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-title { min-height: 18px; padding-top: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; font-size: 1em; } @@ -1419,7 +1482,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; } @@ -1427,40 +1490,40 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 2px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-content *:active > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .message-media-control:hover, .message-media-control:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-media-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .message-media-control:last-child:ltr { @@ -1487,8 +1550,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; border-radius: 2px; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .system-switch-user-submenu-icon.user-icon { @@ -1531,7 +1594,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 14px; @@ -1539,15 +1602,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; border: none; padding: 14px; } .system-menu-action:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .system-menu-action > StIcon { @@ -1558,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 48px; height: 48px; border-radius: 0 0 48px 0; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); background-image: none; background-size: auto; } @@ -1632,7 +1695,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-airplane-text { - color: #FFFFFF; + color: #bebebe; } .nm-dialog-header-icon { @@ -1657,16 +1720,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .nm-dialog-item:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .nm-dialog-icons { @@ -1678,7 +1741,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .no-networks-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .no-networks-box { @@ -1707,53 +1770,48 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.3); + border: 4px solid rgba(190, 190, 190, 0.3); border-radius: 2px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 1px rgba(190, 190, 190, 0.3); } .window-caption { spacing: 25px; - color: #FFFFFF; - background-color: transparent; + color: #bebebe; + background-color: #2d2d2d; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } -.window-caption:hover { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; -} - .search-entry { width: 304px; padding: 0 8px; border-radius: 0; - color: rgba(255, 255, 255, 0.5); - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: rgba(190, 190, 190, 0.5); + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; padding: 0 8px; border-width: 0; - color: #FFFFFF; + color: #bebebe; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } #searchResultsBin { @@ -1794,11 +1852,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result-title { font-size: 18pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; } .list-search-result-description { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .search-provider-icon { @@ -1814,8 +1872,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* DASHBOARD */ #dash { font-size: 1em; - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); padding: 3px 0; border: none; border-left: 0px; @@ -1844,8 +1902,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { border-radius: 2px; padding: 7px 8px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -1870,23 +1928,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-view-control { padding: 0 16px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .app-view-control:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12) !important; } .app-view-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3) !important; } .app-view-control:checked { - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01) !important; - box-shadow: inset 0 2px 0 #FFFFFF; + color: #bebebe; + background-color: rgba(45, 45, 45, 0.01) !important; + box-shadow: inset 0 2px 0 #bebebe; } .app-view-control:first-child { @@ -1910,14 +1968,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); transition-duration: 150ms; } @@ -1933,7 +1991,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; border-image: none; background-image: none; @@ -1947,7 +2005,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } @@ -1955,7 +2013,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app-running-dot { width: 32px; height: 2px; - background-color: #FFFFFF; + background-color: #bebebe; margin-bottom: 0; } @@ -1964,7 +2022,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { - color: #FFFFFF; + color: #bebebe; border-radius: 2px; padding: 6px; border: none; @@ -1973,24 +2031,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } .show-apps .show-apps-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { - color: #FFFFFF; + color: #bebebe; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; - -arrow-background-color: rgba(255, 255, 255, 0.1); + -arrow-background-color: rgba(190, 190, 190, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } @@ -2014,22 +2072,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 12px; border-radius: 12px; background-image: none; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; - background-color: #FFFFFF; + background-color: #bebebe; transition-duration: 0ms; } @@ -2061,7 +2119,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnail-indicator { - border: 0 solid #FFFFFF; + border: 0 solid #bebebe; border-left-width: 2px; padding: 6px; border-radius: 0; @@ -2074,20 +2132,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnails { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #338DD6; + link-color: #b6b6ff; } .notification-banner { @@ -2096,18 +2154,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 56px; margin: 5px; border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #414141; } .notification-banner:focus { - background-color: #424242; + background-color: #414141; } .notification-banner .notification-icon { @@ -2126,7 +2184,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .notification-banner .notification-actions { background-color: transparent; padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); spacing: 1px; } @@ -2134,7 +2192,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 40px; padding: 0 16px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } @@ -2147,13 +2205,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .summary-source-counter { @@ -2163,9 +2221,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #338DD6; - color: #FFFFFF; - border: 2px solid #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; + border: 2px solid #bebebe; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2183,7 +2241,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .chat-log-message { - color: #FFFFFF; + color: #bebebe; } .chat-new-group { @@ -2201,7 +2259,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .chat-sent:rtl { @@ -2213,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .chat-meta-message:rtl { @@ -2249,11 +2307,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .hotplug-resident-mount-label { @@ -2273,13 +2331,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } /* Eeeky things */ .legacy-tray { - background-color: rgba(0, 0, 0, 0.6); - color: #FFFFFF; + background-color: #2d2d2d; + color: #bebebe; border: none; border-bottom-width: 0; } @@ -2307,12 +2365,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .legacy-tray-icon-box { @@ -2333,7 +2391,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #338DD6; + border: 2px solid #5a5a5a; } .magnifier-zoom-region.full-screen { @@ -2362,8 +2420,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; border: none; color: inherit; - color: rgba(255, 255, 255, 0.8); - background-color: #424242; + color: rgba(190, 190, 190, 0.8); + background-color: #414141; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2371,15 +2429,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2387,8 +2445,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:active { - color: #FFFFFF; - background-color: #7b7b7b; + color: #bebebe; + background-color: #676767; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2397,7 +2455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-color: rgba(0, 0, 0, 0.3); } @@ -2411,7 +2469,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2423,11 +2481,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box { @@ -2438,18 +2496,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .candidate-box:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .candidate-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .candidate-page-button-box { @@ -2487,13 +2545,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .framed-user-icon { background-size: contain; border: none; - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } .framed-user-icon:hover { - border-color: #FFFFFF; - color: #FFFFFF; + border-color: #bebebe; + color: #bebebe; } .login-dialog-banner-view { @@ -2507,24 +2565,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog StEntry { - color: #FFFFFF; - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: #bebebe; + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .login-dialog StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; } .login-dialog StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .login-dialog .modal-dialog-button-box { @@ -2533,7 +2591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button { padding: 0 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2542,8 +2600,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2551,8 +2609,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2560,7 +2618,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2569,8 +2627,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: rgba(255, 255, 255, 0.8); - background-color: #009688; + color: rgba(190, 190, 190, 0.8); + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2578,8 +2636,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: #FFFFFF; - background-color: #009688; + color: #bebebe; + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2587,8 +2645,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: #FFFFFF; - background-color: #4db6ac; + color: #bebebe; + background-color: #568686; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2596,8 +2654,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.5); + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2609,7 +2667,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-banner { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-button-box { @@ -2617,7 +2675,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FF6D00; + color: #c7c77b; } .login-dialog-message-hint { @@ -2635,22 +2693,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .login-dialog-user-list-view { @@ -2664,28 +2722,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #FFFFFF; + border-right: 2px solid #bebebe; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-user-list-item:ltr { @@ -2697,28 +2755,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-username, .user-widget-label { - color: #FFFFFF; + color: #bebebe; font-size: 15pt; font-weight: 500; text-align: left; @@ -2741,7 +2799,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; padding-top: 1em; } @@ -2751,15 +2809,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-session-list-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { - color: #FFFFFF; + color: #bebebe; } .login-dialog-session-list-button:active { - color: #FFFFFF; + color: #bebebe; } .screen-shield-arrows { @@ -2810,7 +2868,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } @@ -2827,7 +2885,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #panel.lock-screen { @@ -2840,12 +2898,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #2d2d2d; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #414141; spacing: 4px; padding: 0; border: none; @@ -2857,8 +2915,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2); } #LookingGlassDialog .labels { @@ -2869,7 +2927,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; @@ -2878,17 +2936,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); - color: #FFFFFF; + box-shadow: inset 0 -2px 0px rgba(190, 190, 190, 0.3); + color: #bebebe; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #338DD6; - color: #FFFFFF; + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; text-shadow: none; } @@ -2902,16 +2960,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: #338DD6; - selected-color: #FFFFFF; + selection-background-color: #5a5a5a; + selected-color: #bebebe; } .lg-dialog .shell-link { - color: #338DD6; + color: #b6b6ff; } .lg-dialog .shell-link:hover { - color: #338DD6; + color: #b6b6ff; } .lg-completions-text { @@ -2930,7 +2988,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2939,8 +2997,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2948,8 +3006,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2957,7 +3015,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2966,7 +3024,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -3001,7 +3059,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #414141; border: none; border-radius: 2px; padding: 6px; @@ -3010,11 +3068,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Dash to Dock */ #dashtodockContainer #dash { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } #dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } #dashtodockContainer.extended:overview #dash { @@ -3208,29 +3266,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Simple Dock */ #dash:desktop { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } /* GPaste */ .popup-menu .search-entry { - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; - background-color: rgba(66, 66, 66, 0.01); + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; - color: #FFFFFF; + box-shadow: inset 0 -2px #5a5a5a; + color: #bebebe; } .popup-menu .search-entry .search-entry-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } diff --git a/src/gnome-shell/3.24/gnome-shell-dark.css b/src/gnome-shell/3.24/gnome-shell-dark.css index b477c2b3d..693439641 100644 --- a/src/gnome-shell/3.24/gnome-shell-dark.css +++ b/src/gnome-shell/3.24/gnome-shell-dark.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * @@ -23,10 +86,10 @@ } stage { - font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-family: Roboto, Ubuntu, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; } /* WIDGETS */ @@ -38,7 +101,7 @@ stage { border-radius: 2px; font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -47,8 +110,8 @@ stage { } .button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -56,8 +119,8 @@ stage { } .button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -65,7 +128,7 @@ stage { } .button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -74,7 +137,7 @@ stage { } .button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -83,11 +146,11 @@ stage { .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26) !important; + border-top: 1px solid rgba(0, 0, 0, 0.2) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -96,8 +159,8 @@ stage { } .modal-dialog-linked-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -105,8 +168,8 @@ stage { } .modal-dialog-linked-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -114,7 +177,7 @@ stage { } .modal-dialog-linked-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -123,7 +186,7 @@ stage { } .modal-dialog-linked-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -149,30 +212,30 @@ StEntry { padding: 0 8px; border-radius: 0; border-width: 0; - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; font-size: 12pt; font-weight: 400; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #5a5a5a; } StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FF6D00; + warning-color: #c7c77b; padding: 0 0; } @@ -197,47 +260,47 @@ StScrollView StScrollBar { StScrollBar StBin#trough { margin: 4px; border-radius: 100px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } /* Slider */ .slider { height: 20px; - color: #009688; + color: #bebebe; -slider-height: 2px; - -slider-background-color: rgba(255, 255, 255, 0.3); + -slider-background-color: rgba(190, 190, 190, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #009688; + -slider-active-background-color: #bebebe; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; @@ -266,11 +329,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .check-box:active StBin { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .check-box:checked StBin { @@ -282,11 +345,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(0, 150, 136, 0.15); + background-color: rgba(190, 190, 190, 0.15); } .check-box:active:checked StBin { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } /* Switches */ @@ -315,17 +378,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* links */ .shell-link { border-radius: 2px; - color: #338DD6; + color: #b6b6ff; } .shell-link:hover { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.15); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.15); } .shell-link:active { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.3); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.3); } /* Modal Dialogs */ @@ -344,8 +407,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -371,7 +434,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); padding-bottom: .4em; } @@ -411,7 +474,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FF6D00; + color: #c7c77b; padding-top: 6px; } @@ -427,7 +490,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-shutdown-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); width: 48px; height: 48px; } @@ -463,7 +526,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; } @@ -518,11 +581,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .show-processes-dialog-app-list-item { - color: #FFFFFF; + color: #bebebe; } .show-processes-dialog-app-list-item:hover { - color: #FFFFFF; + color: #bebebe; } .show-processes-dialog-app-list-item:ltr { @@ -563,7 +626,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-headline { font-size: 15pt; font-weight: 500; - color: #FFFFFF; + color: #bebebe; } .prompt-dialog-description:rtl { @@ -577,7 +640,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #DD2C00; + color: #dea8de; padding-bottom: 8px; } @@ -607,7 +670,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FF6D00; + color: #c7c77b; } .polkit-dialog-user-icon { @@ -637,12 +700,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #338DD6; + background-color: #5a5a5a; } .audio-selection-device-box { @@ -679,7 +742,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .access-dialog-subtitle { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-weight: bold; } @@ -705,7 +768,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .geolocation-dialog-reason { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-weight: bold; } @@ -726,7 +789,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-sub-menu { - background-color: #303030; + background-color: #3c3c3c; box-shadow: 0 0 transparent; } @@ -748,52 +811,52 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: #529edc; - color: #FFFFFF; + background-color: dimgray; + color: #bebebe; } .popup-menu .popup-menu-item:checked:active { - background-color: #70afe2; - color: #FFFFFF !important; + background-color: #787878; + color: #bebebe !important; } .popup-menu .popup-menu-item:checked:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-menu-item.selected { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-inactive-menu-item { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu.panel-menu { @@ -817,7 +880,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -826,7 +889,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 1px; margin: 8px 40px; background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-bottom-width: 1px; border-bottom-style: solid; } @@ -858,19 +921,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .osd-window .level { height: 8px; border-radius: 0; - background-color: rgba(51, 141, 214, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .osd-window .level-bar { - background-color: #338DD6; + background-color: #bebebe; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .pad-osd-window .pad-osd-title-box { @@ -903,12 +966,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .item-box:outlined { padding: 8px; border: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .switcher-list .item-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .switcher-list .thumbnail-box { @@ -922,16 +985,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(0, 0, 0, 0.2); } .switcher-arrow { border-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .switcher-arrow:highlighted { - color: #FFFFFF; + color: #bebebe; } .input-source-switcher-symbol { @@ -943,7 +1006,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #338DD6; + border: 4px solid #5a5a5a; } /* Workspace Switcher */ @@ -961,8 +1024,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #338DD6; - color: #FFFFFF; + background-color: #808080; + color: #bebebe; background-size: 32px; border-radius: 2px; } @@ -970,15 +1033,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-box { height: 48px; border: none; - background: rgba(255, 255, 255, 0.12); + background: rgba(190, 190, 190, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; @@ -987,8 +1050,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(64, 196, 255, 0.3); - border: 1px solid #40C4FF; + background-color: rgba(128, 128, 128, 0.3); + border: 1px solid #808080; } .tile-preview-left.on-primary { @@ -1005,7 +1068,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: #212121; + background-color: #2d2d2d; font-weight: bold; height: 32px; } @@ -1020,13 +1083,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.6); + -panel-corner-background-color: #2d2d2d; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #FFFFFF; + -panel-corner-border-color: #bebebe; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { @@ -1039,7 +1102,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); transition-duration: 150ms; } @@ -1050,13 +1113,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:hover { - color: #FFFFFF; + color: #bebebe; } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(0, 0, 0, 0.01); - box-shadow: inset 0 -2px 0px #FFFFFF; - color: #FFFFFF; + background-color: rgba(45, 45, 45, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { @@ -1071,7 +1134,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, @@ -1081,7 +1144,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #FFFFFF; + color: #bebebe; } #panel .panel-status-indicators-box, @@ -1094,7 +1157,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FF6D00; + color: #c7c77b; } #calendarArea { @@ -1125,7 +1188,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(0, 0, 0, 0.2); } .datemenu-calendar-column:ltr { @@ -1164,16 +1227,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .weather-button:focus, .events-section-title:hover, .events-section-title:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .datemenu-today-button .date-label { @@ -1184,7 +1247,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: bold; } @@ -1201,13 +1264,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; padding: 6px 16px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; text-align: center; } .calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button { @@ -1216,15 +1279,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .calendar-change-month-back { @@ -1255,18 +1318,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .calendar-day-base:active { color: inherit; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; } .calendar-day-base:selected { - color: #FFFFFF; - background-color: #338DD6; + color: #bebebe; + background-color: #5a5a5a; border-color: transparent; } @@ -1277,7 +1340,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; @@ -1297,7 +1360,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-nonwork-day { - color: #FFFFFF; + color: #bebebe; } .calendar-today { @@ -1306,14 +1369,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #338DD6; + color: #b6b6ff; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); opacity: 0.5; } @@ -1324,7 +1387,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: inherit; font-weight: bold; text-align: center; @@ -1341,11 +1404,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-list-sections { @@ -1364,11 +1427,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message:hover, .message:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-icon-bin { @@ -1380,7 +1443,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > StIcon { - color: #FFFFFF; + color: #bebebe; icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; @@ -1397,7 +1460,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1411,7 +1474,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-title { min-height: 22px; padding-top: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; font-size: 1em; } @@ -1419,7 +1482,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; } @@ -1427,40 +1490,40 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-content *:active > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .message-media-control:hover, .message-media-control:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-media-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .message-media-control:last-child:ltr { @@ -1487,8 +1550,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; border-radius: 2px; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .system-switch-user-submenu-icon.user-icon { @@ -1531,7 +1594,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -1539,15 +1602,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; border: none; padding: 16px; } .system-menu-action:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .system-menu-action > StIcon { @@ -1558,7 +1621,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 48px; height: 48px; border-radius: 0 0 48px 0; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); background-image: none; background-size: auto; } @@ -1632,7 +1695,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-airplane-text { - color: #FFFFFF; + color: #bebebe; } .nm-dialog-header-icon { @@ -1657,16 +1720,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .nm-dialog-item:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .nm-dialog-icons { @@ -1678,7 +1741,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .no-networks-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .no-networks-box { @@ -1707,53 +1770,48 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.3); + border: 4px solid rgba(190, 190, 190, 0.3); border-radius: 2px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 1px rgba(190, 190, 190, 0.3); } .window-caption { spacing: 25px; - color: #FFFFFF; - background-color: transparent; + color: #bebebe; + background-color: #2d2d2d; border-radius: 2px; padding: 4px 8px; -shell-caption-spacing: 12px; } -.window-caption:hover { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; -} - .search-entry { width: 304px; padding: 0 8px; border-radius: 0; - color: rgba(255, 255, 255, 0.5); - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: rgba(190, 190, 190, 0.5); + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; padding: 0 8px; border-width: 0; - color: #FFFFFF; + color: #bebebe; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } #searchResultsBin { @@ -1794,11 +1852,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result-title { font-size: 18pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; } .list-search-result-description { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .search-provider-icon { @@ -1814,8 +1872,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* DASHBOARD */ #dash { font-size: 1em; - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); padding: 3px 0; border: none; border-left: 0px; @@ -1844,8 +1902,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { border-radius: 2px; padding: 7px 8px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -1870,23 +1928,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-view-control { padding: 0 16px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .app-view-control:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12) !important; } .app-view-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3) !important; } .app-view-control:checked { - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01) !important; - box-shadow: inset 0 2px 0 #FFFFFF; + color: #bebebe; + background-color: rgba(45, 45, 45, 0.01) !important; + box-shadow: inset 0 2px 0 #bebebe; } .app-view-control:first-child { @@ -1910,14 +1968,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); transition-duration: 150ms; } @@ -1933,7 +1991,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; border-image: none; background-image: none; @@ -1947,7 +2005,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } @@ -1955,7 +2013,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app-running-dot { width: 32px; height: 2px; - background-color: #FFFFFF; + background-color: #bebebe; margin-bottom: 0; } @@ -1964,7 +2022,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { - color: #FFFFFF; + color: #bebebe; border-radius: 2px; padding: 6px; border: none; @@ -1973,24 +2031,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } .show-apps .show-apps-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { - color: #FFFFFF; + color: #bebebe; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; - -arrow-background-color: rgba(255, 255, 255, 0.1); + -arrow-background-color: rgba(190, 190, 190, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } @@ -2014,22 +2072,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 12px; border-radius: 12px; background-image: none; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; - background-color: #FFFFFF; + background-color: #bebebe; transition-duration: 0ms; } @@ -2061,7 +2119,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnail-indicator { - border: 0 solid #FFFFFF; + border: 0 solid #bebebe; border-left-width: 2px; padding: 6px; border-radius: 0; @@ -2074,20 +2132,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnails { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #338DD6; + link-color: #b6b6ff; } .notification-banner { @@ -2096,18 +2154,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 64px; margin: 5px; border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #414141; } .notification-banner:focus { - background-color: #424242; + background-color: #414141; } .notification-banner .notification-icon { @@ -2126,7 +2184,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .notification-banner .notification-actions { background-color: transparent; padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); spacing: 1px; } @@ -2134,7 +2192,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 40px; padding: 0 16px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } @@ -2147,13 +2205,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .summary-source-counter { @@ -2163,9 +2221,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #338DD6; - color: #FFFFFF; - border: 2px solid #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; + border: 2px solid #bebebe; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2183,7 +2241,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .chat-log-message { - color: #FFFFFF; + color: #bebebe; } .chat-new-group { @@ -2201,7 +2259,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .chat-sent:rtl { @@ -2213,7 +2271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .chat-meta-message:rtl { @@ -2249,11 +2307,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .hotplug-resident-mount-label { @@ -2273,13 +2331,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } /* Eeeky things */ .legacy-tray { - background-color: rgba(0, 0, 0, 0.6); - color: #FFFFFF; + background-color: #2d2d2d; + color: #bebebe; border: none; border-bottom-width: 0; } @@ -2307,12 +2365,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .legacy-tray-handle:hover, .legacy-tray-handle:focus, .legacy-tray-icon:hover, .legacy-tray-icon:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .legacy-tray-handle:active, .legacy-tray-icon:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .legacy-tray-icon-box { @@ -2333,7 +2391,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .magnifier-zoom-region { - border: 2px solid #338DD6; + border: 2px solid #5a5a5a; } .magnifier-zoom-region.full-screen { @@ -2362,8 +2420,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; border: none; color: inherit; - color: rgba(255, 255, 255, 0.8); - background-color: #424242; + color: rgba(190, 190, 190, 0.8); + background-color: #414141; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2371,15 +2429,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2387,8 +2445,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:active { - color: #FFFFFF; - background-color: #7b7b7b; + color: #bebebe; + background-color: #676767; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2397,7 +2455,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-color: rgba(0, 0, 0, 0.3); } @@ -2411,7 +2469,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2423,11 +2481,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box { @@ -2438,18 +2496,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .candidate-box:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .candidate-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .candidate-page-button-box { @@ -2487,13 +2545,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .framed-user-icon { background-size: contain; border: none; - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } .framed-user-icon:hover { - border-color: #FFFFFF; - color: #FFFFFF; + border-color: #bebebe; + color: #bebebe; } .login-dialog-banner-view { @@ -2507,24 +2565,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog StEntry { - color: #FFFFFF; - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: #bebebe; + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .login-dialog StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; } .login-dialog StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .login-dialog .modal-dialog-button-box { @@ -2533,7 +2591,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button { padding: 0 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2542,8 +2600,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2551,8 +2609,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2560,7 +2618,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2569,8 +2627,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: rgba(255, 255, 255, 0.8); - background-color: #009688; + color: rgba(190, 190, 190, 0.8); + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2578,8 +2636,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: #FFFFFF; - background-color: #009688; + color: #bebebe; + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2587,8 +2645,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: #FFFFFF; - background-color: #4db6ac; + color: #bebebe; + background-color: #568686; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2596,8 +2654,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.5); + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2609,7 +2667,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-banner { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-button-box { @@ -2617,7 +2675,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FF6D00; + color: #c7c77b; } .login-dialog-message-hint { @@ -2635,22 +2693,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .login-dialog-user-list-view { @@ -2664,28 +2722,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #FFFFFF; + border-right: 2px solid #bebebe; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-user-list-item:ltr { @@ -2697,28 +2755,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-username, .user-widget-label { - color: #FFFFFF; + color: #bebebe; font-size: 15pt; font-weight: 500; text-align: left; @@ -2741,7 +2799,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; padding-top: 1em; } @@ -2751,15 +2809,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-session-list-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { - color: #FFFFFF; + color: #bebebe; } .login-dialog-session-list-button:active { - color: #FFFFFF; + color: #bebebe; } .screen-shield-arrows { @@ -2810,7 +2868,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } @@ -2827,7 +2885,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #panel.lock-screen { @@ -2840,12 +2898,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #2d2d2d; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #414141; spacing: 4px; padding: 0; border: none; @@ -2857,8 +2915,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2); } #LookingGlassDialog .labels { @@ -2869,7 +2927,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; @@ -2878,17 +2936,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); - color: #FFFFFF; + box-shadow: inset 0 -2px 0px rgba(190, 190, 190, 0.3); + color: #bebebe; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #338DD6; - color: #FFFFFF; + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; text-shadow: none; } @@ -2902,16 +2960,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: #338DD6; - selected-color: #FFFFFF; + selection-background-color: #5a5a5a; + selected-color: #bebebe; } .lg-dialog .shell-link { - color: #338DD6; + color: #b6b6ff; } .lg-dialog .shell-link:hover { - color: #338DD6; + color: #b6b6ff; } .lg-completions-text { @@ -2930,7 +2988,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2939,8 +2997,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2948,8 +3006,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2957,7 +3015,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2966,7 +3024,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -3001,7 +3059,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #414141; border: none; border-radius: 2px; padding: 6px; @@ -3010,11 +3068,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Dash to Dock */ #dashtodockContainer #dash { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } #dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } #dashtodockContainer.extended:overview #dash { @@ -3208,29 +3266,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Simple Dock */ #dash:desktop { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } /* GPaste */ .popup-menu .search-entry { - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; - background-color: rgba(66, 66, 66, 0.01); + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; - color: #FFFFFF; + box-shadow: inset 0 -2px #5a5a5a; + color: #bebebe; } .popup-menu .search-entry .search-entry-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } diff --git a/src/gnome-shell/3.26/gnome-shell-dark-compact.css b/src/gnome-shell/3.26/gnome-shell-dark-compact.css index 4e7934f8e..24cca349f 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.26/gnome-shell-dark-compact.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * @@ -23,10 +86,10 @@ } stage { - font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-family: Roboto, Ubuntu, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; } /* WIDGETS */ @@ -38,7 +101,7 @@ stage { border-radius: 2px; font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -47,8 +110,8 @@ stage { } .button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -56,8 +119,8 @@ stage { } .button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -65,7 +128,7 @@ stage { } .button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -74,7 +137,7 @@ stage { } .button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -83,11 +146,11 @@ stage { .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26) !important; + border-top: 1px solid rgba(0, 0, 0, 0.2) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -96,8 +159,8 @@ stage { } .modal-dialog-linked-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -105,8 +168,8 @@ stage { } .modal-dialog-linked-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -114,7 +177,7 @@ stage { } .modal-dialog-linked-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -123,7 +186,7 @@ stage { } .modal-dialog-linked-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -149,30 +212,30 @@ StEntry { padding: 0 8px; border-radius: 0; border-width: 0; - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; font-size: 11.25pt; font-weight: 400; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #5a5a5a; } StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FF6D00; + warning-color: #c7c77b; padding: 0 0; } @@ -197,47 +260,47 @@ StScrollView StScrollBar { StScrollBar StBin#trough { margin: 4px; border-radius: 100px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } /* Slider */ .slider { height: 20px; - color: #009688; + color: #bebebe; -slider-height: 2px; - -slider-background-color: rgba(255, 255, 255, 0.3); + -slider-background-color: rgba(190, 190, 190, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #009688; + -slider-active-background-color: #bebebe; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; @@ -266,11 +329,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .check-box:active StBin { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .check-box:checked StBin { @@ -282,11 +345,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(0, 150, 136, 0.15); + background-color: rgba(190, 190, 190, 0.15); } .check-box:active:checked StBin { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } /* Switches */ @@ -315,17 +378,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* links */ .shell-link { border-radius: 2px; - color: #338DD6; + color: #b6b6ff; } .shell-link:hover { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.15); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.15); } .shell-link:active { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.3); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.3); } /* Modal Dialogs */ @@ -344,8 +407,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -371,7 +434,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); padding-bottom: .4em; } @@ -402,7 +465,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: bold; } @@ -435,7 +498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FF6D00; + color: #c7c77b; padding-top: 6px; } @@ -451,7 +514,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-shutdown-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); width: 48px; height: 48px; } @@ -487,7 +550,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; } @@ -535,11 +598,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .mount-dialog-app-list-item { - color: #FFFFFF; + color: #bebebe; } .mount-dialog-app-list-item:hover { - color: #FFFFFF; + color: #bebebe; } .mount-dialog-app-list-item:ltr { @@ -580,7 +643,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; - color: #FFFFFF; + color: #bebebe; } .prompt-dialog-description:rtl { @@ -594,7 +657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #DD2C00; + color: #dea8de; padding-bottom: 8px; } @@ -624,7 +687,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FF6D00; + color: #c7c77b; } .polkit-dialog-user-icon { @@ -654,12 +717,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #338DD6; + background-color: #5a5a5a; } .audio-selection-device-box { @@ -688,7 +751,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /* Inhibit-Shortcuts Dialog */ @@ -713,7 +776,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-sub-menu { - background-color: #303030; + background-color: #3c3c3c; box-shadow: 0 0 transparent; } @@ -735,52 +798,52 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: #529edc; - color: #FFFFFF; + background-color: dimgray; + color: #bebebe; } .popup-menu .popup-menu-item:checked:active { - background-color: #70afe2; - color: #FFFFFF !important; + background-color: #787878; + color: #bebebe !important; } .popup-menu .popup-menu-item:checked:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-menu-item.selected { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-inactive-menu-item { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu.panel-menu { @@ -804,7 +867,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -813,7 +876,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 1px; margin: 8px 40px; background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-bottom-width: 1px; border-bottom-style: solid; } @@ -845,19 +908,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .osd-window .level { height: 8px; border-radius: 0; - background-color: rgba(51, 141, 214, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .osd-window .level-bar { - background-color: #338DD6; + background-color: #bebebe; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .pad-osd-window .pad-osd-title-box { @@ -890,13 +953,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .item-box:outlined { padding: 8px; border: none; - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .switcher-list .item-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .switcher-list .thumbnail-box { @@ -910,16 +973,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(0, 0, 0, 0.2); } .switcher-arrow { border-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .switcher-arrow:highlighted { - color: #FFFFFF; + color: #bebebe; } .input-source-switcher-symbol { @@ -931,7 +994,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #338DD6; + border: 4px solid #5a5a5a; } /* Workspace Switcher */ @@ -949,8 +1012,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #338DD6; - color: #FFFFFF; + background-color: #808080; + color: #bebebe; background-size: 32px; border-radius: 2px; } @@ -958,15 +1021,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-box { height: 48px; border: none; - background: rgba(255, 255, 255, 0.12); + background: rgba(190, 190, 190, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; @@ -975,8 +1038,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(64, 196, 255, 0.3); - border: 1px solid #40C4FF; + background-color: rgba(128, 128, 128, 0.3); + border: 1px solid #808080; } .tile-preview-left.on-primary { @@ -993,7 +1056,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1010,13 +1073,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.6); + -panel-corner-background-color: #2d2d2d; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #FFFFFF; + -panel-corner-border-color: #bebebe; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { @@ -1029,7 +1092,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); text-shadow: none; transition-duration: 150ms; } @@ -1047,7 +1110,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:hover { - color: #FFFFFF; + color: #bebebe; text-shadow: none; } @@ -1058,9 +1121,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(0, 0, 0, 0.01); - box-shadow: inset 0 -2px 0px #FFFFFF; - color: #FFFFFF; + background-color: rgba(45, 45, 45, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { @@ -1075,7 +1138,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, @@ -1085,7 +1148,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #FFFFFF; + color: #bebebe; } #panel .panel-status-indicators-box, @@ -1098,11 +1161,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FF6D00; + color: #c7c77b; } #panel.solid { - background-color: #212121; + background-color: #2d2d2d; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1114,16 +1177,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #2d2d2d; } #panel.solid .panel-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: #FFFFFF; + color: #bebebe; } #panel.solid .system-status-icon, @@ -1160,7 +1223,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(0, 0, 0, 0.2); } .datemenu-calendar-column:ltr { @@ -1199,16 +1262,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .weather-button:focus, .events-section-title:hover, .events-section-title:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .datemenu-today-button .date-label { @@ -1219,7 +1282,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: bold; } @@ -1236,13 +1299,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; padding: 6px 16px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; text-align: center; } .calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button { @@ -1251,15 +1314,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .calendar-change-month-back { @@ -1290,18 +1353,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .calendar-day-base:active { color: inherit; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; } .calendar-day-base:selected { - color: #FFFFFF; - background-color: #338DD6; + color: #bebebe; + background-color: #5a5a5a; border-color: transparent; } @@ -1312,7 +1375,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; @@ -1332,7 +1395,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-nonwork-day { - color: #FFFFFF; + color: #bebebe; } .calendar-today { @@ -1341,14 +1404,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #338DD6; + color: #b6b6ff; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); opacity: 0.5; } @@ -1359,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: inherit; font-weight: bold; text-align: center; @@ -1376,11 +1439,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-list-sections { @@ -1399,11 +1462,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message:hover, .message:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-icon-bin { @@ -1415,7 +1478,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > StIcon { - color: #FFFFFF; + color: #bebebe; icon-size: 1.23077em; -st-icon-style: requested; margin: 4px 0px 4px 4px; @@ -1432,7 +1495,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 18px; padding-top: 2px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1446,7 +1509,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-title { min-height: 18px; padding-top: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; font-size: 1em; } @@ -1454,7 +1517,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; } @@ -1462,40 +1525,40 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 2px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-content *:active > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .message-media-control:hover, .message-media-control:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-media-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .message-media-control:last-child:ltr { @@ -1522,8 +1585,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; border-radius: 2px; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .system-switch-user-submenu-icon.user-icon { @@ -1566,7 +1629,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 14px; @@ -1574,15 +1637,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; border: none; padding: 14px; } .system-menu-action:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .system-menu-action > StIcon { @@ -1593,7 +1656,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 48px; height: 48px; border-radius: 0 0 48px 0; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); background-image: none; background-size: auto; } @@ -1665,7 +1728,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-airplane-text { - color: #FFFFFF; + color: #bebebe; } .nm-dialog-header-icon { @@ -1690,16 +1753,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .nm-dialog-item:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .nm-dialog-icons { @@ -1711,7 +1774,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .no-networks-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .no-networks-box { @@ -1738,15 +1801,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.3); + border: 4px solid rgba(190, 190, 190, 0.3); border-radius: 2px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 1px rgba(190, 190, 190, 0.3); } .window-caption { spacing: 25px; - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.6); + color: #bebebe; + background-color: #2d2d2d; border-radius: 2px; padding: 4px 8px; } @@ -1755,30 +1818,30 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 304px; padding: 0 8px; border-radius: 0; - color: rgba(255, 255, 255, 0.5); - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: rgba(190, 190, 190, 0.5); + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; padding: 0 8px; border-width: 0; - color: #FFFFFF; + color: #bebebe; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } #searchResultsBin { @@ -1805,7 +1868,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .search-section-separator { height: 1px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .list-search-result-content { @@ -1815,17 +1878,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result-title { font-size: 11.25pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; spacing: 12px; } .list-search-result-description { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .list-search-provider-details { width: 150px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); margin-top: 0.24em; } @@ -1840,8 +1903,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* DASHBOARD */ #dash { font-size: 1em; - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); padding: 3px 0; border: none; border-left: 0px; @@ -1870,8 +1933,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { border-radius: 2px; padding: 7px 8px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -1904,23 +1967,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-view-control { padding: 0 16px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .app-view-control:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12) !important; } .app-view-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3) !important; } .app-view-control:checked { - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01) !important; - box-shadow: inset 0 2px 0 #FFFFFF; + color: #bebebe; + background-color: rgba(45, 45, 45, 0.01) !important; + box-shadow: inset 0 2px 0 #bebebe; } .app-view-control:first-child { @@ -1944,14 +2007,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); transition-duration: 150ms; } @@ -1967,7 +2030,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; border-image: none; background-image: none; @@ -1981,7 +2044,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } @@ -1989,7 +2052,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app-running-dot { width: 32px; height: 2px; - background-color: #FFFFFF; + background-color: #bebebe; margin-bottom: 0; } @@ -1998,7 +2061,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { - color: #FFFFFF; + color: #bebebe; border-radius: 2px; padding: 6px; border: none; @@ -2007,24 +2070,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } .show-apps .show-apps-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { - color: #FFFFFF; + color: #bebebe; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; - -arrow-background-color: rgba(255, 255, 255, 0.1); + -arrow-background-color: rgba(190, 190, 190, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } @@ -2048,22 +2111,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 12px; border-radius: 12px; background-image: none; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; - background-color: #FFFFFF; + background-color: #bebebe; transition-duration: 0ms; } @@ -2095,7 +2158,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnail-indicator { - border: 0 solid #FFFFFF; + border: 0 solid #bebebe; border-left-width: 2px; padding: 6px; border-radius: 0; @@ -2108,20 +2171,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnails { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #338DD6; + link-color: #b6b6ff; } .notification-banner { @@ -2130,18 +2193,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 56px; margin: 5px; border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #414141; } .notification-banner:focus { - background-color: #424242; + background-color: #414141; } .notification-banner .notification-icon { @@ -2160,7 +2223,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .notification-banner .notification-actions { background-color: transparent; padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); spacing: 1px; } @@ -2168,7 +2231,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 40px; padding: 0 16px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } @@ -2181,13 +2244,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .summary-source-counter { @@ -2197,9 +2260,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #338DD6; - color: #FFFFFF; - border: 2px solid #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; + border: 2px solid #bebebe; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2217,7 +2280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .chat-log-message { - color: #FFFFFF; + color: #bebebe; } .chat-new-group { @@ -2235,7 +2298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .chat-sent:rtl { @@ -2247,7 +2310,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .chat-meta-message:rtl { @@ -2283,11 +2346,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .hotplug-resident-mount-label { @@ -2307,12 +2370,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #338DD6; + border: 2px solid #5a5a5a; } .magnifier-zoom-region.full-screen { @@ -2341,8 +2404,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; border: none; color: inherit; - color: rgba(255, 255, 255, 0.8); - background-color: #424242; + color: rgba(190, 190, 190, 0.8); + background-color: #414141; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2350,15 +2413,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2366,8 +2429,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:active { - color: #FFFFFF; - background-color: #7b7b7b; + color: #bebebe; + background-color: #676767; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2376,7 +2439,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-color: rgba(0, 0, 0, 0.3); } @@ -2390,7 +2453,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2402,11 +2465,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box { @@ -2417,18 +2480,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .candidate-box:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .candidate-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .candidate-page-button-box { @@ -2466,13 +2529,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .framed-user-icon { background-size: contain; border: none; - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } .framed-user-icon:hover { - border-color: #FFFFFF; - color: #FFFFFF; + border-color: #bebebe; + color: #bebebe; } .login-dialog-banner-view { @@ -2486,24 +2549,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog StEntry { - color: #FFFFFF; - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: #bebebe; + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .login-dialog StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; } .login-dialog StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .login-dialog .modal-dialog-button-box { @@ -2512,7 +2575,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button { padding: 0 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2521,8 +2584,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2530,8 +2593,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2539,7 +2602,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2548,8 +2611,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: rgba(255, 255, 255, 0.8); - background-color: #009688; + color: rgba(190, 190, 190, 0.8); + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2557,8 +2620,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: #FFFFFF; - background-color: #009688; + color: #bebebe; + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2566,8 +2629,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: #FFFFFF; - background-color: #4db6ac; + color: #bebebe; + background-color: #568686; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2575,8 +2638,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.5); + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2588,7 +2651,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-banner { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-button-box { @@ -2596,7 +2659,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FF6D00; + color: #c7c77b; } .login-dialog-message-hint { @@ -2614,22 +2677,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .login-dialog-user-list-view { @@ -2643,28 +2706,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #FFFFFF; + border-right: 2px solid #bebebe; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-user-list-item:ltr { @@ -2676,28 +2739,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-username, .user-widget-label { - color: #FFFFFF; + color: #bebebe; font-size: 15pt; font-weight: 500; text-align: left; @@ -2720,7 +2783,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; padding-top: 1em; } @@ -2730,15 +2793,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-session-list-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { - color: #FFFFFF; + color: #bebebe; } .login-dialog-session-list-button:active { - color: #FFFFFF; + color: #bebebe; } .screen-shield-arrows { @@ -2789,7 +2852,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } @@ -2806,7 +2869,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #panel.lock-screen { @@ -2819,12 +2882,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #2d2d2d; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #414141; spacing: 4px; padding: 0; border: none; @@ -2836,8 +2899,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2); } #LookingGlassDialog .labels { @@ -2848,7 +2911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; @@ -2857,17 +2920,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); - color: #FFFFFF; + box-shadow: inset 0 -2px 0px rgba(190, 190, 190, 0.3); + color: #bebebe; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #338DD6; - color: #FFFFFF; + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; text-shadow: none; } @@ -2881,16 +2944,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: #338DD6; - selected-color: #FFFFFF; + selection-background-color: #5a5a5a; + selected-color: #bebebe; } .lg-dialog .shell-link { - color: #338DD6; + color: #b6b6ff; } .lg-dialog .shell-link:hover { - color: #338DD6; + color: #b6b6ff; } .lg-completions-text { @@ -2909,7 +2972,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2918,8 +2981,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2927,8 +2990,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2936,7 +2999,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2945,7 +3008,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -2980,7 +3043,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #414141; border: none; border-radius: 2px; padding: 6px; @@ -2989,11 +3052,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Dash to Dock */ #dashtodockContainer #dash { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } #dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } #dashtodockContainer.extended:overview #dash { @@ -3187,29 +3250,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Simple Dock */ #dash:desktop { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } /* GPaste */ .popup-menu .search-entry { - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; - background-color: rgba(66, 66, 66, 0.01); + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; - color: #FFFFFF; + box-shadow: inset 0 -2px #5a5a5a; + color: #bebebe; } .popup-menu .search-entry .search-entry-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } diff --git a/src/gnome-shell/3.26/gnome-shell-dark.css b/src/gnome-shell/3.26/gnome-shell-dark.css index f6a6e1526..c9068880e 100644 --- a/src/gnome-shell/3.26/gnome-shell-dark.css +++ b/src/gnome-shell/3.26/gnome-shell-dark.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * @@ -23,10 +86,10 @@ } stage { - font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-family: Roboto, Ubuntu, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; } /* WIDGETS */ @@ -38,7 +101,7 @@ stage { border-radius: 2px; font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -47,8 +110,8 @@ stage { } .button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -56,8 +119,8 @@ stage { } .button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -65,7 +128,7 @@ stage { } .button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -74,7 +137,7 @@ stage { } .button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -83,11 +146,11 @@ stage { .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26) !important; + border-top: 1px solid rgba(0, 0, 0, 0.2) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -96,8 +159,8 @@ stage { } .modal-dialog-linked-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -105,8 +168,8 @@ stage { } .modal-dialog-linked-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -114,7 +177,7 @@ stage { } .modal-dialog-linked-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -123,7 +186,7 @@ stage { } .modal-dialog-linked-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -149,30 +212,30 @@ StEntry { padding: 0 8px; border-radius: 0; border-width: 0; - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; font-size: 12pt; font-weight: 400; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #5a5a5a; } StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FF6D00; + warning-color: #c7c77b; padding: 0 0; } @@ -197,47 +260,47 @@ StScrollView StScrollBar { StScrollBar StBin#trough { margin: 4px; border-radius: 100px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } /* Slider */ .slider { height: 20px; - color: #009688; + color: #bebebe; -slider-height: 2px; - -slider-background-color: rgba(255, 255, 255, 0.3); + -slider-background-color: rgba(190, 190, 190, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #009688; + -slider-active-background-color: #bebebe; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; @@ -266,11 +329,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .check-box:active StBin { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .check-box:checked StBin { @@ -282,11 +345,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(0, 150, 136, 0.15); + background-color: rgba(190, 190, 190, 0.15); } .check-box:active:checked StBin { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } /* Switches */ @@ -315,17 +378,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* links */ .shell-link { border-radius: 2px; - color: #338DD6; + color: #b6b6ff; } .shell-link:hover { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.15); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.15); } .shell-link:active { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.3); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.3); } /* Modal Dialogs */ @@ -344,8 +407,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -371,7 +434,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); padding-bottom: .4em; } @@ -402,7 +465,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: bold; } @@ -435,7 +498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FF6D00; + color: #c7c77b; padding-top: 6px; } @@ -451,7 +514,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-shutdown-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); width: 48px; height: 48px; } @@ -487,7 +550,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; } @@ -535,11 +598,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .mount-dialog-app-list-item { - color: #FFFFFF; + color: #bebebe; } .mount-dialog-app-list-item:hover { - color: #FFFFFF; + color: #bebebe; } .mount-dialog-app-list-item:ltr { @@ -580,7 +643,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; - color: #FFFFFF; + color: #bebebe; } .prompt-dialog-description:rtl { @@ -594,7 +657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #DD2C00; + color: #dea8de; padding-bottom: 8px; } @@ -624,7 +687,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FF6D00; + color: #c7c77b; } .polkit-dialog-user-icon { @@ -654,12 +717,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #338DD6; + background-color: #5a5a5a; } .audio-selection-device-box { @@ -688,7 +751,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /* Inhibit-Shortcuts Dialog */ @@ -713,7 +776,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-sub-menu { - background-color: #303030; + background-color: #3c3c3c; box-shadow: 0 0 transparent; } @@ -735,52 +798,52 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: #529edc; - color: #FFFFFF; + background-color: dimgray; + color: #bebebe; } .popup-menu .popup-menu-item:checked:active { - background-color: #70afe2; - color: #FFFFFF !important; + background-color: #787878; + color: #bebebe !important; } .popup-menu .popup-menu-item:checked:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-menu-item.selected { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-inactive-menu-item { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu.panel-menu { @@ -804,7 +867,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -813,7 +876,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 1px; margin: 8px 40px; background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-bottom-width: 1px; border-bottom-style: solid; } @@ -845,19 +908,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .osd-window .level { height: 8px; border-radius: 0; - background-color: rgba(51, 141, 214, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .osd-window .level-bar { - background-color: #338DD6; + background-color: #bebebe; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .pad-osd-window .pad-osd-title-box { @@ -890,13 +953,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .item-box:outlined { padding: 8px; border: none; - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .switcher-list .item-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .switcher-list .thumbnail-box { @@ -910,16 +973,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(0, 0, 0, 0.2); } .switcher-arrow { border-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .switcher-arrow:highlighted { - color: #FFFFFF; + color: #bebebe; } .input-source-switcher-symbol { @@ -931,7 +994,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #338DD6; + border: 4px solid #5a5a5a; } /* Workspace Switcher */ @@ -949,8 +1012,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #338DD6; - color: #FFFFFF; + background-color: #808080; + color: #bebebe; background-size: 32px; border-radius: 2px; } @@ -958,15 +1021,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-box { height: 48px; border: none; - background: rgba(255, 255, 255, 0.12); + background: rgba(190, 190, 190, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; @@ -975,8 +1038,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(64, 196, 255, 0.3); - border: 1px solid #40C4FF; + background-color: rgba(128, 128, 128, 0.3); + border: 1px solid #808080; } .tile-preview-left.on-primary { @@ -993,7 +1056,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1010,13 +1073,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.6); + -panel-corner-background-color: #2d2d2d; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #FFFFFF; + -panel-corner-border-color: #bebebe; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { @@ -1029,7 +1092,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); text-shadow: none; transition-duration: 150ms; } @@ -1047,7 +1110,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:hover { - color: #FFFFFF; + color: #bebebe; text-shadow: none; } @@ -1058,9 +1121,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(0, 0, 0, 0.01); - box-shadow: inset 0 -2px 0px #FFFFFF; - color: #FFFFFF; + background-color: rgba(45, 45, 45, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { @@ -1075,7 +1138,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, @@ -1085,7 +1148,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #FFFFFF; + color: #bebebe; } #panel .panel-status-indicators-box, @@ -1098,11 +1161,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FF6D00; + color: #c7c77b; } #panel.solid { - background-color: #212121; + background-color: #2d2d2d; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1114,16 +1177,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #2d2d2d; } #panel.solid .panel-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: #FFFFFF; + color: #bebebe; } #panel.solid .system-status-icon, @@ -1160,7 +1223,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(0, 0, 0, 0.2); } .datemenu-calendar-column:ltr { @@ -1199,16 +1262,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .weather-button:focus, .events-section-title:hover, .events-section-title:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .datemenu-today-button .date-label { @@ -1219,7 +1282,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: bold; } @@ -1236,13 +1299,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; padding: 6px 16px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; text-align: center; } .calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button { @@ -1251,15 +1314,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .calendar-change-month-back { @@ -1290,18 +1353,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .calendar-day-base:active { color: inherit; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; } .calendar-day-base:selected { - color: #FFFFFF; - background-color: #338DD6; + color: #bebebe; + background-color: #5a5a5a; border-color: transparent; } @@ -1312,7 +1375,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; @@ -1332,7 +1395,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-nonwork-day { - color: #FFFFFF; + color: #bebebe; } .calendar-today { @@ -1341,14 +1404,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #338DD6; + color: #b6b6ff; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); opacity: 0.5; } @@ -1359,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: inherit; font-weight: bold; text-align: center; @@ -1376,11 +1439,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-list-sections { @@ -1399,11 +1462,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message:hover, .message:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-icon-bin { @@ -1415,7 +1478,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > StIcon { - color: #FFFFFF; + color: #bebebe; icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; @@ -1432,7 +1495,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1446,7 +1509,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-title { min-height: 22px; padding-top: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; font-size: 1em; } @@ -1454,7 +1517,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; } @@ -1462,40 +1525,40 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-content *:active > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .message-media-control:hover, .message-media-control:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-media-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .message-media-control:last-child:ltr { @@ -1522,8 +1585,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; border-radius: 2px; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .system-switch-user-submenu-icon.user-icon { @@ -1566,7 +1629,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -1574,15 +1637,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; border: none; padding: 16px; } .system-menu-action:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .system-menu-action > StIcon { @@ -1593,7 +1656,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 48px; height: 48px; border-radius: 0 0 48px 0; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); background-image: none; background-size: auto; } @@ -1665,7 +1728,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-airplane-text { - color: #FFFFFF; + color: #bebebe; } .nm-dialog-header-icon { @@ -1690,16 +1753,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .nm-dialog-item:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .nm-dialog-icons { @@ -1711,7 +1774,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .no-networks-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .no-networks-box { @@ -1738,15 +1801,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.3); + border: 4px solid rgba(190, 190, 190, 0.3); border-radius: 2px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 1px rgba(190, 190, 190, 0.3); } .window-caption { spacing: 25px; - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.6); + color: #bebebe; + background-color: #2d2d2d; border-radius: 2px; padding: 4px 8px; } @@ -1755,30 +1818,30 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 304px; padding: 0 8px; border-radius: 0; - color: rgba(255, 255, 255, 0.5); - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: rgba(190, 190, 190, 0.5); + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; padding: 0 8px; border-width: 0; - color: #FFFFFF; + color: #bebebe; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } #searchResultsBin { @@ -1805,7 +1868,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .search-section-separator { height: 1px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .list-search-result-content { @@ -1815,17 +1878,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result-title { font-size: 12pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; spacing: 12px; } .list-search-result-description { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .list-search-provider-details { width: 150px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); margin-top: 0.24em; } @@ -1840,8 +1903,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* DASHBOARD */ #dash { font-size: 1em; - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); padding: 3px 0; border: none; border-left: 0px; @@ -1870,8 +1933,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { border-radius: 2px; padding: 7px 8px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -1904,23 +1967,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-view-control { padding: 0 16px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .app-view-control:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12) !important; } .app-view-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3) !important; } .app-view-control:checked { - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01) !important; - box-shadow: inset 0 2px 0 #FFFFFF; + color: #bebebe; + background-color: rgba(45, 45, 45, 0.01) !important; + box-shadow: inset 0 2px 0 #bebebe; } .app-view-control:first-child { @@ -1944,14 +2007,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); transition-duration: 150ms; } @@ -1967,7 +2030,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; border-image: none; background-image: none; @@ -1981,7 +2044,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } @@ -1989,7 +2052,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app-running-dot { width: 32px; height: 2px; - background-color: #FFFFFF; + background-color: #bebebe; margin-bottom: 0; } @@ -1998,7 +2061,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { - color: #FFFFFF; + color: #bebebe; border-radius: 2px; padding: 6px; border: none; @@ -2007,24 +2070,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } .show-apps .show-apps-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { - color: #FFFFFF; + color: #bebebe; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; - -arrow-background-color: rgba(255, 255, 255, 0.1); + -arrow-background-color: rgba(190, 190, 190, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } @@ -2048,22 +2111,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 12px; border-radius: 12px; background-image: none; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; - background-color: #FFFFFF; + background-color: #bebebe; transition-duration: 0ms; } @@ -2095,7 +2158,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnail-indicator { - border: 0 solid #FFFFFF; + border: 0 solid #bebebe; border-left-width: 2px; padding: 6px; border-radius: 0; @@ -2108,20 +2171,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnails { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #338DD6; + link-color: #b6b6ff; } .notification-banner { @@ -2130,18 +2193,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 64px; margin: 5px; border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #414141; } .notification-banner:focus { - background-color: #424242; + background-color: #414141; } .notification-banner .notification-icon { @@ -2160,7 +2223,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .notification-banner .notification-actions { background-color: transparent; padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); spacing: 1px; } @@ -2168,7 +2231,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 40px; padding: 0 16px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } @@ -2181,13 +2244,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .summary-source-counter { @@ -2197,9 +2260,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #338DD6; - color: #FFFFFF; - border: 2px solid #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; + border: 2px solid #bebebe; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2217,7 +2280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .chat-log-message { - color: #FFFFFF; + color: #bebebe; } .chat-new-group { @@ -2235,7 +2298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .chat-sent:rtl { @@ -2247,7 +2310,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .chat-meta-message:rtl { @@ -2283,11 +2346,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .hotplug-resident-mount-label { @@ -2307,12 +2370,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #338DD6; + border: 2px solid #5a5a5a; } .magnifier-zoom-region.full-screen { @@ -2341,8 +2404,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; border: none; color: inherit; - color: rgba(255, 255, 255, 0.8); - background-color: #424242; + color: rgba(190, 190, 190, 0.8); + background-color: #414141; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2350,15 +2413,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2366,8 +2429,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:active { - color: #FFFFFF; - background-color: #7b7b7b; + color: #bebebe; + background-color: #676767; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2376,7 +2439,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-color: rgba(0, 0, 0, 0.3); } @@ -2390,7 +2453,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2402,11 +2465,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box { @@ -2417,18 +2480,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .candidate-box:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .candidate-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .candidate-page-button-box { @@ -2466,13 +2529,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .framed-user-icon { background-size: contain; border: none; - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } .framed-user-icon:hover { - border-color: #FFFFFF; - color: #FFFFFF; + border-color: #bebebe; + color: #bebebe; } .login-dialog-banner-view { @@ -2486,24 +2549,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog StEntry { - color: #FFFFFF; - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: #bebebe; + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .login-dialog StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; } .login-dialog StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .login-dialog .modal-dialog-button-box { @@ -2512,7 +2575,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button { padding: 0 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2521,8 +2584,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2530,8 +2593,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2539,7 +2602,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2548,8 +2611,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: rgba(255, 255, 255, 0.8); - background-color: #009688; + color: rgba(190, 190, 190, 0.8); + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2557,8 +2620,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: #FFFFFF; - background-color: #009688; + color: #bebebe; + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2566,8 +2629,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: #FFFFFF; - background-color: #4db6ac; + color: #bebebe; + background-color: #568686; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2575,8 +2638,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.5); + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2588,7 +2651,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-banner { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-button-box { @@ -2596,7 +2659,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FF6D00; + color: #c7c77b; } .login-dialog-message-hint { @@ -2614,22 +2677,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .login-dialog-user-list-view { @@ -2643,28 +2706,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #FFFFFF; + border-right: 2px solid #bebebe; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-user-list-item:ltr { @@ -2676,28 +2739,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-username, .user-widget-label { - color: #FFFFFF; + color: #bebebe; font-size: 15pt; font-weight: 500; text-align: left; @@ -2720,7 +2783,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; padding-top: 1em; } @@ -2730,15 +2793,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-session-list-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { - color: #FFFFFF; + color: #bebebe; } .login-dialog-session-list-button:active { - color: #FFFFFF; + color: #bebebe; } .screen-shield-arrows { @@ -2789,7 +2852,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } @@ -2806,7 +2869,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #panel.lock-screen { @@ -2819,12 +2882,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #2d2d2d; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #414141; spacing: 4px; padding: 0; border: none; @@ -2836,8 +2899,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2); } #LookingGlassDialog .labels { @@ -2848,7 +2911,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; @@ -2857,17 +2920,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); - color: #FFFFFF; + box-shadow: inset 0 -2px 0px rgba(190, 190, 190, 0.3); + color: #bebebe; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #338DD6; - color: #FFFFFF; + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; text-shadow: none; } @@ -2881,16 +2944,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: #338DD6; - selected-color: #FFFFFF; + selection-background-color: #5a5a5a; + selected-color: #bebebe; } .lg-dialog .shell-link { - color: #338DD6; + color: #b6b6ff; } .lg-dialog .shell-link:hover { - color: #338DD6; + color: #b6b6ff; } .lg-completions-text { @@ -2909,7 +2972,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2918,8 +2981,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2927,8 +2990,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2936,7 +2999,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2945,7 +3008,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -2980,7 +3043,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #414141; border: none; border-radius: 2px; padding: 6px; @@ -2989,11 +3052,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Dash to Dock */ #dashtodockContainer #dash { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } #dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } #dashtodockContainer.extended:overview #dash { @@ -3187,29 +3250,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Simple Dock */ #dash:desktop { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } /* GPaste */ .popup-menu .search-entry { - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; - background-color: rgba(66, 66, 66, 0.01); + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; - color: #FFFFFF; + box-shadow: inset 0 -2px #5a5a5a; + color: #bebebe; } .popup-menu .search-entry .search-entry-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } diff --git a/src/gnome-shell/3.28/gnome-shell-dark-compact.css b/src/gnome-shell/3.28/gnome-shell-dark-compact.css index 04d21df4b..10c00b3f0 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark-compact.css +++ b/src/gnome-shell/3.28/gnome-shell-dark-compact.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * @@ -23,10 +86,10 @@ } stage { - font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-family: Roboto, Ubuntu, Cantarell, Sans-Serif; font-size: 9.75pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; } /* WIDGETS */ @@ -38,7 +101,7 @@ stage { border-radius: 2px; font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -47,8 +110,8 @@ stage { } .button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -56,8 +119,8 @@ stage { } .button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -65,7 +128,7 @@ stage { } .button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -74,7 +137,7 @@ stage { } .button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -83,11 +146,11 @@ stage { .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26) !important; + border-top: 1px solid rgba(0, 0, 0, 0.2) !important; border-right-width: 0; font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -96,8 +159,8 @@ stage { } .modal-dialog-linked-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -105,8 +168,8 @@ stage { } .modal-dialog-linked-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -114,7 +177,7 @@ stage { } .modal-dialog-linked-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -123,7 +186,7 @@ stage { } .modal-dialog-linked-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -149,30 +212,30 @@ StEntry { padding: 0 8px; border-radius: 0; border-width: 0; - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; font-size: 11.25pt; font-weight: 400; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #5a5a5a; } StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FF6D00; + warning-color: #c7c77b; padding: 0 0; } @@ -197,47 +260,47 @@ StScrollView StScrollBar { StScrollBar StBin#trough { margin: 4px; border-radius: 100px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } /* Slider */ .slider { height: 20px; - color: #009688; + color: #bebebe; -slider-height: 2px; - -slider-background-color: rgba(255, 255, 255, 0.3); + -slider-background-color: rgba(190, 190, 190, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #009688; + -slider-active-background-color: #bebebe; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; @@ -266,11 +329,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .check-box:active StBin { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .check-box:checked StBin { @@ -282,11 +345,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(0, 150, 136, 0.15); + background-color: rgba(190, 190, 190, 0.15); } .check-box:active:checked StBin { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } /* Switches */ @@ -315,17 +378,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* links */ .shell-link { border-radius: 2px; - color: #338DD6; + color: #b6b6ff; } .shell-link:hover { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.15); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.15); } .shell-link:active { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.3); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.3); } /* Modal Dialogs */ @@ -344,8 +407,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -371,7 +434,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); padding-bottom: .4em; } @@ -402,7 +465,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: bold; } @@ -435,7 +498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FF6D00; + color: #c7c77b; padding-top: 6px; } @@ -451,7 +514,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-shutdown-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); width: 48px; height: 48px; } @@ -487,7 +550,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; } @@ -535,11 +598,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .mount-dialog-app-list-item { - color: #FFFFFF; + color: #bebebe; } .mount-dialog-app-list-item:hover { - color: #FFFFFF; + color: #bebebe; } .mount-dialog-app-list-item:ltr { @@ -580,7 +643,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; - color: #FFFFFF; + color: #bebebe; } .prompt-dialog-description:rtl { @@ -594,7 +657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #DD2C00; + color: #dea8de; padding-bottom: 8px; } @@ -624,7 +687,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FF6D00; + color: #c7c77b; } .polkit-dialog-user-icon { @@ -654,12 +717,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #338DD6; + background-color: #5a5a5a; } .audio-selection-device-box { @@ -688,7 +751,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /* Inhibit-Shortcuts Dialog */ @@ -713,7 +776,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-sub-menu { - background-color: #303030; + background-color: #3c3c3c; box-shadow: 0 0 transparent; } @@ -735,52 +798,52 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: #529edc; - color: #FFFFFF; + background-color: dimgray; + color: #bebebe; } .popup-menu .popup-menu-item:checked:active { - background-color: #70afe2; - color: #FFFFFF !important; + background-color: #787878; + color: #bebebe !important; } .popup-menu .popup-menu-item:checked:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-menu-item.selected { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-inactive-menu-item { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu.panel-menu { @@ -804,7 +867,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -813,7 +876,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 1px; margin: 8px 40px; background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-bottom-width: 1px; border-bottom-style: solid; } @@ -845,19 +908,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .osd-window .level { height: 8px; border-radius: 0; - background-color: rgba(51, 141, 214, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .osd-window .level-bar { - background-color: #338DD6; + background-color: #bebebe; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .pad-osd-window .pad-osd-title-box { @@ -890,13 +953,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .item-box:outlined { padding: 8px; border: none; - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .switcher-list .item-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .switcher-list .thumbnail-box { @@ -910,16 +973,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(0, 0, 0, 0.2); } .switcher-arrow { border-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .switcher-arrow:highlighted { - color: #FFFFFF; + color: #bebebe; } .input-source-switcher-symbol { @@ -931,7 +994,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #338DD6; + border: 4px solid #5a5a5a; } /* Workspace Switcher */ @@ -949,8 +1012,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #338DD6; - color: #FFFFFF; + background-color: #808080; + color: #bebebe; background-size: 32px; border-radius: 2px; } @@ -958,15 +1021,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-box { height: 48px; border: none; - background: rgba(255, 255, 255, 0.12); + background: rgba(190, 190, 190, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; @@ -975,8 +1038,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(64, 196, 255, 0.3); - border: 1px solid #40C4FF; + background-color: rgba(128, 128, 128, 0.3); + border: 1px solid #808080; } .tile-preview-left.on-primary { @@ -993,7 +1056,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1010,13 +1073,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.6); + -panel-corner-background-color: #2d2d2d; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #FFFFFF; + -panel-corner-border-color: #bebebe; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { @@ -1029,7 +1092,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); text-shadow: none; transition-duration: 150ms; } @@ -1047,7 +1110,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:hover { - color: #FFFFFF; + color: #bebebe; text-shadow: none; } @@ -1058,9 +1121,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(0, 0, 0, 0.01); - box-shadow: inset 0 -2px 0px #FFFFFF; - color: #FFFFFF; + background-color: rgba(45, 45, 45, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { @@ -1075,7 +1138,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, @@ -1085,7 +1148,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #FFFFFF; + color: #bebebe; } #panel .panel-status-indicators-box, @@ -1098,11 +1161,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FF6D00; + color: #c7c77b; } #panel.solid { - background-color: #212121; + background-color: #2d2d2d; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1114,16 +1177,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #2d2d2d; } #panel.solid .panel-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: #FFFFFF; + color: #bebebe; } #panel.solid .system-status-icon, @@ -1160,7 +1223,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(0, 0, 0, 0.2); } .datemenu-calendar-column:ltr { @@ -1199,16 +1262,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .weather-button:focus, .events-section-title:hover, .events-section-title:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .datemenu-today-button .date-label { @@ -1219,7 +1282,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: bold; } @@ -1236,13 +1299,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; padding: 6px 16px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; text-align: center; } .calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button { @@ -1251,15 +1314,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .calendar-change-month-back { @@ -1290,18 +1353,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .calendar-day-base:active { color: inherit; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; } .calendar-day-base:selected { - color: #FFFFFF; - background-color: #338DD6; + color: #bebebe; + background-color: #5a5a5a; border-color: transparent; } @@ -1312,7 +1375,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; @@ -1332,7 +1395,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-nonwork-day { - color: #FFFFFF; + color: #bebebe; } .calendar-today { @@ -1341,14 +1404,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #338DD6; + color: #b6b6ff; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); opacity: 0.5; } @@ -1359,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: inherit; font-weight: bold; text-align: center; @@ -1376,11 +1439,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-list-sections { @@ -1399,11 +1462,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message:hover, .message:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-icon-bin { @@ -1415,7 +1478,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > StIcon { - color: #FFFFFF; + color: #bebebe; icon-size: 1.23077em; -st-icon-style: requested; margin: 4px 0px 4px 4px; @@ -1432,7 +1495,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 18px; padding-top: 2px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1446,7 +1509,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-title { min-height: 18px; padding-top: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; font-size: 1em; } @@ -1454,7 +1517,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 40px; padding: 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; } @@ -1462,40 +1525,40 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 2px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-content *:active > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .message-media-control:hover, .message-media-control:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-media-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .message-media-control:last-child:ltr { @@ -1522,8 +1585,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; border-radius: 2px; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .system-switch-user-submenu-icon.user-icon { @@ -1566,7 +1629,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 14px; @@ -1574,15 +1637,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; border: none; padding: 14px; } .system-menu-action:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .system-menu-action > StIcon { @@ -1593,7 +1656,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 48px; height: 48px; border-radius: 0 0 48px 0; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); background-image: none; background-size: auto; } @@ -1665,7 +1728,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-airplane-text { - color: #FFFFFF; + color: #bebebe; } .nm-dialog-header-icon { @@ -1690,16 +1753,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .nm-dialog-item:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .nm-dialog-icons { @@ -1711,7 +1774,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .no-networks-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .no-networks-box { @@ -1738,15 +1801,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.3); + border: 4px solid rgba(190, 190, 190, 0.3); border-radius: 2px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 1px rgba(190, 190, 190, 0.3); } .window-caption { spacing: 25px; - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.6); + color: #bebebe; + background-color: #2d2d2d; border-radius: 2px; padding: 4px 8px; } @@ -1755,30 +1818,30 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 304px; padding: 0 8px; border-radius: 0; - color: rgba(255, 255, 255, 0.5); - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: rgba(190, 190, 190, 0.5); + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; padding: 0 8px; border-width: 0; - color: #FFFFFF; + color: #bebebe; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } #searchResultsBin { @@ -1805,7 +1868,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .search-section-separator { height: 1px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .list-search-result-content { @@ -1815,17 +1878,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result-title { font-size: 11.25pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; spacing: 12px; } .list-search-result-description { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .list-search-provider-details { width: 150px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); margin-top: 0.24em; } @@ -1840,8 +1903,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* DASHBOARD */ #dash { font-size: 1em; - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); padding: 3px 0; border: none; border-left: 0px; @@ -1870,8 +1933,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { border-radius: 2px; padding: 7px 8px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -1904,23 +1967,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-view-control { padding: 0 16px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .app-view-control:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12) !important; } .app-view-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3) !important; } .app-view-control:checked { - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01) !important; - box-shadow: inset 0 2px 0 #FFFFFF; + color: #bebebe; + background-color: rgba(45, 45, 45, 0.01) !important; + box-shadow: inset 0 2px 0 #bebebe; } .app-view-control:first-child { @@ -1944,14 +2007,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); transition-duration: 150ms; } @@ -1967,7 +2030,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; border-image: none; background-image: none; @@ -1981,7 +2044,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } @@ -1989,7 +2052,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app-running-dot { width: 32px; height: 2px; - background-color: #FFFFFF; + background-color: #bebebe; margin-bottom: 0; } @@ -1998,7 +2061,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { - color: #FFFFFF; + color: #bebebe; border-radius: 2px; padding: 6px; border: none; @@ -2007,24 +2070,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } .show-apps .show-apps-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { - color: #FFFFFF; + color: #bebebe; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; - -arrow-background-color: rgba(255, 255, 255, 0.1); + -arrow-background-color: rgba(190, 190, 190, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } @@ -2048,22 +2111,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 12px; border-radius: 12px; background-image: none; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; - background-color: #FFFFFF; + background-color: #bebebe; transition-duration: 0ms; } @@ -2095,7 +2158,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnail-indicator { - border: 0 solid #FFFFFF; + border: 0 solid #bebebe; border-left-width: 2px; padding: 6px; border-radius: 0; @@ -2108,20 +2171,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnails { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #338DD6; + link-color: #b6b6ff; } .notification-banner { @@ -2130,18 +2193,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 56px; margin: 5px; border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #414141; } .notification-banner:focus { - background-color: #424242; + background-color: #414141; } .notification-banner .notification-icon { @@ -2160,7 +2223,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .notification-banner .notification-actions { background-color: transparent; padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); spacing: 1px; } @@ -2168,7 +2231,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 40px; padding: 0 16px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } @@ -2181,13 +2244,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .summary-source-counter { @@ -2197,9 +2260,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #338DD6; - color: #FFFFFF; - border: 2px solid #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; + border: 2px solid #bebebe; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2217,7 +2280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .chat-log-message { - color: #FFFFFF; + color: #bebebe; } .chat-new-group { @@ -2235,7 +2298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .chat-sent:rtl { @@ -2247,7 +2310,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .chat-meta-message:rtl { @@ -2283,11 +2346,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .hotplug-resident-mount-label { @@ -2307,12 +2370,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #338DD6; + border: 2px solid #5a5a5a; } .magnifier-zoom-region.full-screen { @@ -2344,8 +2407,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; border: none; color: inherit; - color: rgba(255, 255, 255, 0.8); - background-color: #424242; + color: rgba(190, 190, 190, 0.8); + background-color: #414141; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2353,15 +2416,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2369,8 +2432,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:active { - color: #FFFFFF; - background-color: #7b7b7b; + color: #bebebe; + background-color: #676767; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2379,28 +2442,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-color: rgba(0, 0, 0, 0.3); } .keyboard-key.default-key { border-color: transparent; - background-color: #424242; + background-color: #414141; background-size: 24px; } .keyboard-key.default-key:active { - background-color: #7b7b7b; + background-color: #676767; } .keyboard-key.enter-key { border-color: transparent; - background-color: #009688; + background-color: #2a6e6e; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #4db6ac; + background-color: #568686; } .keyboard-key.shift-key-lowercase { @@ -2433,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2445,11 +2508,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box { @@ -2460,18 +2523,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .candidate-box:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .candidate-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .candidate-page-button-box { @@ -2509,13 +2572,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .framed-user-icon { background-size: contain; border: none; - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } .framed-user-icon:hover { - border-color: #FFFFFF; - color: #FFFFFF; + border-color: #bebebe; + color: #bebebe; } .login-dialog-banner-view { @@ -2529,24 +2592,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog StEntry { - color: #FFFFFF; - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: #bebebe; + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .login-dialog StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; } .login-dialog StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .login-dialog .modal-dialog-button-box { @@ -2555,7 +2618,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button { padding: 0 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2564,8 +2627,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2573,8 +2636,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2582,7 +2645,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2591,8 +2654,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: rgba(255, 255, 255, 0.8); - background-color: #009688; + color: rgba(190, 190, 190, 0.8); + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2600,8 +2663,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: #FFFFFF; - background-color: #009688; + color: #bebebe; + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2609,8 +2672,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: #FFFFFF; - background-color: #4db6ac; + color: #bebebe; + background-color: #568686; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2618,8 +2681,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.5); + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2631,7 +2694,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-banner { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-button-box { @@ -2639,7 +2702,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FF6D00; + color: #c7c77b; } .login-dialog-message-hint { @@ -2657,22 +2720,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .login-dialog-user-list-view { @@ -2686,28 +2749,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #FFFFFF; + border-right: 2px solid #bebebe; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-user-list-item:ltr { @@ -2719,28 +2782,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-username, .user-widget-label { - color: #FFFFFF; + color: #bebebe; font-size: 15pt; font-weight: 500; text-align: left; @@ -2763,7 +2826,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; padding-top: 1em; } @@ -2773,15 +2836,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-session-list-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { - color: #FFFFFF; + color: #bebebe; } .login-dialog-session-list-button:active { - color: #FFFFFF; + color: #bebebe; } .screen-shield-arrows { @@ -2832,7 +2895,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } @@ -2849,7 +2912,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screen-shield-notification-count-text { min-height: 18px; padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #panel.lock-screen { @@ -2862,12 +2925,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #2d2d2d; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #414141; spacing: 4px; padding: 0; border: none; @@ -2879,8 +2942,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2); } #LookingGlassDialog .labels { @@ -2891,7 +2954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; @@ -2900,17 +2963,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); - color: #FFFFFF; + box-shadow: inset 0 -2px 0px rgba(190, 190, 190, 0.3); + color: #bebebe; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #338DD6; - color: #FFFFFF; + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; text-shadow: none; } @@ -2924,16 +2987,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: #338DD6; - selected-color: #FFFFFF; + selection-background-color: #5a5a5a; + selected-color: #bebebe; } .lg-dialog .shell-link { - color: #338DD6; + color: #b6b6ff; } .lg-dialog .shell-link:hover { - color: #338DD6; + color: #b6b6ff; } .lg-completions-text { @@ -2952,7 +3015,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; font-size: 9.75pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2961,8 +3024,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2970,8 +3033,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2979,7 +3042,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2988,7 +3051,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -3023,7 +3086,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #414141; border: none; border-radius: 2px; padding: 6px; @@ -3032,11 +3095,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Dash to Dock */ #dashtodockContainer #dash { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } #dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } #dashtodockContainer.extended:overview #dash { @@ -3230,29 +3293,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Simple Dock */ #dash:desktop { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } /* GPaste */ .popup-menu .search-entry { - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; - background-color: rgba(66, 66, 66, 0.01); + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; - color: #FFFFFF; + box-shadow: inset 0 -2px #5a5a5a; + color: #bebebe; } .popup-menu .search-entry .search-entry-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } diff --git a/src/gnome-shell/3.28/gnome-shell-dark.css b/src/gnome-shell/3.28/gnome-shell-dark.css index bb1b14858..0292c6f04 100644 --- a/src/gnome-shell/3.28/gnome-shell-dark.css +++ b/src/gnome-shell/3.28/gnome-shell-dark.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ /* This stylesheet is generated, DO NOT EDIT */ /* Copyright 2009, 2015 Red Hat, Inc. * @@ -23,10 +86,10 @@ } stage { - font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif; + font-family: Roboto, Ubuntu, Cantarell, Sans-Serif; font-size: 10.5pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; } /* WIDGETS */ @@ -38,7 +101,7 @@ stage { border-radius: 2px; font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -47,8 +110,8 @@ stage { } .button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -56,8 +119,8 @@ stage { } .button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -65,7 +128,7 @@ stage { } .button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -74,7 +137,7 @@ stage { } .button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -83,11 +146,11 @@ stage { .modal-dialog-linked-button { min-height: 40px; padding: 0 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26) !important; + border-top: 1px solid rgba(0, 0, 0, 0.2) !important; border-right-width: 0; font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -96,8 +159,8 @@ stage { } .modal-dialog-linked-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -105,8 +168,8 @@ stage { } .modal-dialog-linked-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -114,7 +177,7 @@ stage { } .modal-dialog-linked-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -123,7 +186,7 @@ stage { } .modal-dialog-linked-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -149,30 +212,30 @@ StEntry { padding: 0 8px; border-radius: 0; border-width: 0; - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; font-size: 12pt; font-weight: 400; - background-color: rgba(66, 66, 66, 0.01); + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #5a5a5a; } StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); } StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #FF6D00; + warning-color: #c7c77b; padding: 0 0; } @@ -197,47 +260,47 @@ StScrollView StScrollBar { StScrollBar StBin#trough { margin: 4px; border-radius: 100px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 100px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); margin: 4px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } #overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { - background-color: #FFFFFF; + background-color: #bebebe; } /* Slider */ .slider { height: 20px; - color: #009688; + color: #bebebe; -slider-height: 2px; - -slider-background-color: rgba(255, 255, 255, 0.3); + -slider-background-color: rgba(190, 190, 190, 0.3); -slider-border-color: transparent; - -slider-active-background-color: #009688; + -slider-active-background-color: #bebebe; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 7px; @@ -266,11 +329,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover StBin { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .check-box:active StBin { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .check-box:checked StBin { @@ -282,11 +345,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .check-box:hover:checked StBin { - background-color: rgba(0, 150, 136, 0.15); + background-color: rgba(190, 190, 190, 0.15); } .check-box:active:checked StBin { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } /* Switches */ @@ -315,17 +378,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* links */ .shell-link { border-radius: 2px; - color: #338DD6; + color: #b6b6ff; } .shell-link:hover { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.15); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.15); } .shell-link:active { - color: #338DD6; - background-color: rgba(51, 141, 214, 0.3); + color: #b6b6ff; + background-color: rgba(182, 182, 255, 0.3); } /* Modal Dialogs */ @@ -344,8 +407,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog { border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); } @@ -371,7 +434,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .modal-dialog .run-dialog-label { font-size: 1em; font-weight: normal; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); padding-bottom: .4em; } @@ -402,7 +465,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-dialog-subtitle { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: bold; } @@ -435,7 +498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .end-session-dialog-warning { width: 28em; - color: #FF6D00; + color: #c7c77b; padding-top: 6px; } @@ -451,7 +514,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-shutdown-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); width: 48px; height: 48px; } @@ -487,7 +550,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .end-session-dialog-app-list-item-description { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; } @@ -535,11 +598,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .mount-dialog-app-list-item { - color: #FFFFFF; + color: #bebebe; } .mount-dialog-app-list-item:hover { - color: #FFFFFF; + color: #bebebe; } .mount-dialog-app-list-item:ltr { @@ -580,7 +643,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog .message-dialog-title { font-size: 15pt; font-weight: 500; - color: #FFFFFF; + color: #bebebe; } .prompt-dialog-description:rtl { @@ -594,7 +657,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .prompt-dialog-error-label { font-size: 1em; - color: #DD2C00; + color: #dea8de; padding-bottom: 8px; } @@ -624,7 +687,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .polkit-dialog-user-root-label { - color: #FF6D00; + color: #c7c77b; } .polkit-dialog-user-icon { @@ -654,12 +717,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .audio-selection-device { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #338DD6; + background-color: #5a5a5a; } .audio-selection-device-box { @@ -688,7 +751,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .extension-dialog .message-dialog-title { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /* Inhibit-Shortcuts Dialog */ @@ -713,7 +776,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-sub-menu { - background-color: #303030; + background-color: #3c3c3c; box-shadow: 0 0 transparent; } @@ -735,52 +798,52 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .popup-menu .popup-menu-item:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; box-shadow: 0 0 transparent; font-weight: normal; } .popup-menu .popup-menu-item:checked.selected { - background-color: #529edc; - color: #FFFFFF; + background-color: dimgray; + color: #bebebe; } .popup-menu .popup-menu-item:checked:active { - background-color: #70afe2; - color: #FFFFFF !important; + background-color: #787878; + color: #bebebe !important; } .popup-menu .popup-menu-item:checked:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-menu-item.selected { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; transition-duration: 0ms; } .popup-menu .popup-menu-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; transition-duration: 150ms; } .popup-menu .popup-menu-item.selected:active { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .popup-inactive-menu-item { - color: #FFFFFF; + color: #bebebe; } .popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu.panel-menu { @@ -804,7 +867,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-rise: 0; -arrow-box-shadow: none; margin: 5px 8px 8px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -813,7 +876,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 1px; margin: 8px 40px; background-color: transparent; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-bottom-width: 1px; border-bottom-style: solid; } @@ -845,19 +908,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .osd-window .level { height: 8px; border-radius: 0; - background-color: rgba(51, 141, 214, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .osd-window .level-bar { - background-color: #338DD6; + background-color: #bebebe; border-radius: 0; } /* Pad OSD */ .pad-osd-window { padding: 32px; - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .pad-osd-window .pad-osd-title-box { @@ -890,13 +953,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .item-box:outlined { padding: 8px; border: none; - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .switcher-list .item-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .switcher-list .thumbnail-box { @@ -910,16 +973,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(0, 0, 0, 0.26); + background: rgba(0, 0, 0, 0.2); } .switcher-arrow { border-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .switcher-arrow:highlighted { - color: #FFFFFF; + color: #bebebe; } .input-source-switcher-symbol { @@ -931,7 +994,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Window Cycler */ .cycler-highlight { - border: 4px solid #338DD6; + border: 4px solid #5a5a5a; } /* Workspace Switcher */ @@ -949,8 +1012,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-up, .ws-switcher-active-down { height: 48px; - background-color: #338DD6; - color: #FFFFFF; + background-color: #808080; + color: #bebebe; background-size: 32px; border-radius: 2px; } @@ -958,15 +1021,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-box { height: 48px; border: none; - background: rgba(255, 255, 255, 0.12); + background: rgba(190, 190, 190, 0.12); border-radius: 2px; } .osd-window, .resize-popup, .switcher-list, .workspace-switcher-container { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); border-radius: 2px; @@ -975,8 +1038,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(64, 196, 255, 0.3); - border: 1px solid #40C4FF; + background-color: rgba(128, 128, 128, 0.3); + border: 1px solid #808080; } .tile-preview-left.on-primary { @@ -993,7 +1056,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* TOP BAR */ #panel { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; /* transition from solid to transparent */ transition-duration: 250ms; font-weight: bold; @@ -1010,13 +1073,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: rgba(0, 0, 0, 0.6); + -panel-corner-background-color: #2d2d2d; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; } #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { - -panel-corner-border-color: #FFFFFF; + -panel-corner-border-color: #bebebe; } #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { @@ -1029,7 +1092,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); text-shadow: none; transition-duration: 150ms; } @@ -1047,7 +1110,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:hover { - color: #FFFFFF; + color: #bebebe; text-shadow: none; } @@ -1058,9 +1121,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { - background-color: rgba(0, 0, 0, 0.01); - box-shadow: inset 0 -2px 0px #FFFFFF; - color: #FFFFFF; + background-color: rgba(45, 45, 45, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; } #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { @@ -1075,7 +1138,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, @@ -1085,7 +1148,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #FFFFFF; + color: #bebebe; } #panel .panel-status-indicators-box, @@ -1098,11 +1161,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel .screencast-indicator { - color: #FF6D00; + color: #c7c77b; } #panel.solid { - background-color: #212121; + background-color: #2d2d2d; /* transition from transparent to solid */ transition-duration: 250ms; background-gradient-direction: none; @@ -1114,16 +1177,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #panel.solid .panel-corner { - -panel-corner-background-color: #212121; + -panel-corner-background-color: #2d2d2d; } #panel.solid .panel-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); text-shadow: none; } #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { - color: #FFFFFF; + color: #bebebe; } #panel.solid .system-status-icon, @@ -1160,7 +1223,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .datemenu-calendar-column { - border: 0 solid rgba(0, 0, 0, 0.26); + border: 0 solid rgba(0, 0, 0, 0.2); } .datemenu-calendar-column:ltr { @@ -1199,16 +1262,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .weather-button:focus, .events-section-title:hover, .events-section-title:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .datemenu-today-button:active, .world-clocks-button:active, .weather-button:active, .events-section-title:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .datemenu-today-button .date-label { @@ -1219,7 +1282,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: bold; } @@ -1236,13 +1299,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; padding: 6px 16px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; text-align: center; } .calendar-month-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button { @@ -1251,15 +1314,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin: 2px; border-radius: 100px; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .pager-button:hover, .pager-button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .pager-button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .calendar-change-month-back { @@ -1290,18 +1353,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-base:hover, .calendar-day-base:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .calendar-day-base:active { color: inherit; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; } .calendar-day-base:selected { - color: #FFFFFF; - background-color: #338DD6; + color: #bebebe; + background-color: #5a5a5a; border-color: transparent; } @@ -1312,7 +1375,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 9pt; font-weight: 400; font-weight: bold; @@ -1332,7 +1395,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-nonwork-day { - color: #FFFFFF; + color: #bebebe; } .calendar-today { @@ -1341,14 +1404,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-with-events { - color: #338DD6; + color: #b6b6ff; font-weight: normal; text-decoration: underline; background-image: none; } .calendar-other-month-day { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); opacity: 0.5; } @@ -1359,7 +1422,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 7px 0 0; border-radius: 100px; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: inherit; font-weight: bold; text-align: center; @@ -1376,11 +1439,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-list-clear-button.button:hover, .message-list-clear-button.button:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message-list-clear-button.button:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-list-sections { @@ -1399,11 +1462,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message:hover, .message:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .message:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .message-icon-bin { @@ -1415,7 +1478,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .message-icon-bin > StIcon { - color: #FFFFFF; + color: #bebebe; icon-size: 1.14286em; -st-icon-style: requested; margin: 4px 0px 4px 4px; @@ -1432,7 +1495,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-secondary-bin > .event-time { min-height: 22px; padding-top: 2px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ @@ -1446,7 +1509,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-title { min-height: 22px; padding-top: 2px; - color: #FFFFFF; + color: #bebebe; font-weight: bold; font-size: 1em; } @@ -1454,7 +1517,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .message-content { min-height: 48px; padding: 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: 1em; } @@ -1462,40 +1525,40 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { icon-size: 16px; border-radius: 16px; padding: 4px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /* FIXME: how do you do this in sass? */ .message-content *:hover > StIcon, .message-content *:focus > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-content *:active > StIcon { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control { margin: 16px 0; padding: 8px; border-radius: 100px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .message-media-control:hover, .message-media-control:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); } .message-media-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); } .message-media-control:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .message-media-control:last-child:ltr { @@ -1522,8 +1585,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; border-radius: 2px; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .system-switch-user-submenu-icon.user-icon { @@ -1566,7 +1629,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); border-radius: 100px; /* wish we could do 50% */ padding: 16px; @@ -1574,15 +1637,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .system-menu-action:hover, .system-menu-action:focus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; border: none; padding: 16px; } .system-menu-action:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .system-menu-action > StIcon { @@ -1593,7 +1656,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 48px; height: 48px; border-radius: 0 0 48px 0; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); background-image: none; background-size: auto; } @@ -1665,7 +1728,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-airplane-text { - color: #FFFFFF; + color: #bebebe; } .nm-dialog-header-icon { @@ -1690,16 +1753,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .nm-dialog-item:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .nm-dialog-item:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .nm-dialog-icons { @@ -1711,7 +1774,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .no-networks-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .no-networks-box { @@ -1738,15 +1801,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-clone-border { - border: 4px solid rgba(255, 255, 255, 0.3); + border: 4px solid rgba(190, 190, 190, 0.3); border-radius: 2px; - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 0 0 1px rgba(190, 190, 190, 0.3); } .window-caption { spacing: 25px; - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.6); + color: #bebebe; + background-color: #2d2d2d; border-radius: 2px; padding: 4px 8px; } @@ -1755,30 +1818,30 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 304px; padding: 0 8px; border-radius: 0; - color: rgba(255, 255, 255, 0.5); - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: rgba(190, 190, 190, 0.5); + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; padding: 0 8px; border-width: 0; - color: #FFFFFF; + color: #bebebe; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } #searchResultsBin { @@ -1805,7 +1868,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .search-section-separator { height: 1px; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .list-search-result-content { @@ -1815,17 +1878,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result-title { font-size: 12pt; font-weight: 400; - color: #FFFFFF; + color: #bebebe; spacing: 12px; } .list-search-result-description { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .list-search-provider-details { width: 150px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); margin-top: 0.24em; } @@ -1840,8 +1903,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* DASHBOARD */ #dash { font-size: 1em; - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); padding: 3px 0; border: none; border-left: 0px; @@ -1870,8 +1933,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-label { border-radius: 2px; padding: 7px 8px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-align: center; -x-offset: 8px; @@ -1904,23 +1967,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-view-control { padding: 0 16px; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .app-view-control:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12) !important; } .app-view-control:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3) !important; + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3) !important; } .app-view-control:checked { - color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01) !important; - box-shadow: inset 0 2px 0 #FFFFFF; + color: #bebebe; + background-color: rgba(45, 45, 45, 0.01) !important; + box-shadow: inset 0 2px 0 #bebebe; } .app-view-control:first-child { @@ -1944,14 +2007,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .list-search-result:focus, .list-search-result:selected, .list-search-result:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; } .search-provider-icon:active, .search-provider-icon:checked, .list-search-result:active, .list-search-result:checked { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); transition-duration: 150ms; } @@ -1967,7 +2030,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); transition-duration: 0ms; border-image: none; background-image: none; @@ -1981,7 +2044,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .show-apps:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); box-shadow: 0 0 transparent; transition-duration: 150ms; } @@ -1989,7 +2052,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app-running-dot { width: 32px; height: 2px; - background-color: #FFFFFF; + background-color: #bebebe; margin-bottom: 0; } @@ -1998,7 +2061,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .app-well-app.app-folder .overview-icon, .show-apps .overview-icon, .grid-search-result .overview-icon { - color: #FFFFFF; + color: #bebebe; border-radius: 2px; padding: 6px; border: none; @@ -2007,24 +2070,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .app-well-app.app-folder > .overview-icon { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } .show-apps .show-apps-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .show-apps:hover .show-apps-icon, .show-apps:active .show-apps-icon, .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { - color: #FFFFFF; + color: #bebebe; transition-duration: 150ms; } .app-folder-popup { -arrow-border-radius: 2px; - -arrow-background-color: rgba(255, 255, 255, 0.1); + -arrow-background-color: rgba(190, 190, 190, 0.1); -arrow-base: 24px; -arrow-rise: 12px; } @@ -2048,22 +2111,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 12px; border-radius: 12px; background-image: none; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .page-indicator:hover .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } .page-indicator:active .page-indicator-icon { background-image: none; - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } .page-indicator:checked .page-indicator-icon { background-image: none; - background-color: #FFFFFF; + background-color: #bebebe; transition-duration: 0ms; } @@ -2095,7 +2158,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnail-indicator { - border: 0 solid #FFFFFF; + border: 0 solid #bebebe; border-left-width: 2px; padding: 6px; border-radius: 0; @@ -2108,20 +2171,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnails { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.1); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.1); border: none; } .search-statustext, .no-frequent-applications-label { font-size: 45px; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } /* NOTIFICATIONS & MESSAGE TRAY */ .url-highlighter { - link-color: #338DD6; + link-color: #b6b6ff; } .notification-banner { @@ -2130,18 +2193,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 64px; margin: 5px; border-radius: 2px; - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border: none; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } .notification-banner:hover { - background-color: #424242; + background-color: #414141; } .notification-banner:focus { - background-color: #424242; + background-color: #414141; } .notification-banner .notification-icon { @@ -2160,7 +2223,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .notification-banner .notification-actions { background-color: transparent; padding-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); spacing: 1px; } @@ -2168,7 +2231,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { min-height: 40px; padding: 0 16px; background-color: transparent; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } @@ -2181,13 +2244,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .notification-banner .notification-button:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .summary-source-counter { @@ -2197,9 +2260,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #338DD6; - color: #FFFFFF; - border: 2px solid #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; + border: 2px solid #bebebe; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2217,7 +2280,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .chat-log-message { - color: #FFFFFF; + color: #bebebe; } .chat-new-group { @@ -2235,7 +2298,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .chat-sent { padding-left: 18pt; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .chat-sent:rtl { @@ -2247,7 +2310,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding-left: 4px; font-size: 9pt; font-weight: 400; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .chat-meta-message:rtl { @@ -2283,11 +2346,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .hotplug-resident-mount:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .hotplug-resident-mount:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .hotplug-resident-mount-label { @@ -2307,12 +2370,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .hotplug-resident-eject-button { padding: 7px; border-radius: 2px; - color: #FFFFFF; + color: #bebebe; } /* Eeeky things */ .magnifier-zoom-region { - border: 2px solid #338DD6; + border: 2px solid #5a5a5a; } .magnifier-zoom-region.full-screen { @@ -2344,8 +2407,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; border: none; color: inherit; - color: rgba(255, 255, 255, 0.8); - background-color: #424242; + color: rgba(190, 190, 190, 0.8); + background-color: #414141; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2353,15 +2416,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; } .keyboard-key:hover, .keyboard-key:checked { - color: #FFFFFF; - background-color: #424242; + color: #bebebe; + background-color: #414141; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2369,8 +2432,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .keyboard-key:active { - color: #FFFFFF; - background-color: #7b7b7b; + color: #bebebe; + background-color: #676767; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2379,28 +2442,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .keyboard-key:grayed { background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-color: rgba(0, 0, 0, 0.3); } .keyboard-key.default-key { border-color: transparent; - background-color: #424242; + background-color: #414141; background-size: 24px; } .keyboard-key.default-key:active { - background-color: #7b7b7b; + background-color: #676767; } .keyboard-key.enter-key { border-color: transparent; - background-color: #009688; + background-color: #2a6e6e; background-image: url("assets/key-enter.svg"); } .keyboard-key.enter-key:active { - background-color: #4db6ac; + background-color: #568686; } .keyboard-key.shift-key-lowercase { @@ -2433,7 +2496,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -arrow-base: 0; -arrow-rise: 0; -boxpointer-gap: 5px; - background-color: #424242; + background-color: #414141; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); } @@ -2445,11 +2508,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .candidate-index { padding: 0 4px 0 0; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box:selected .candidate-index { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .candidate-box { @@ -2460,18 +2523,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .candidate-box:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .candidate-box:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .candidate-box:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .candidate-page-button-box { @@ -2509,13 +2572,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .framed-user-icon { background-size: contain; border: none; - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } .framed-user-icon:hover { - border-color: #FFFFFF; - color: #FFFFFF; + border-color: #bebebe; + color: #bebebe; } .login-dialog-banner-view { @@ -2529,24 +2592,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog StEntry { - color: #FFFFFF; - selection-background-color: rgba(255, 255, 255, 0.3); - selected-color: #FFFFFF; - background-color: rgba(0, 0, 0, 0.01); + color: #bebebe; + selection-background-color: rgba(190, 190, 190, 0.3); + selected-color: #bebebe; + background-color: rgba(45, 45, 45, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .login-dialog StEntry:focus { border-color: transparent; - box-shadow: inset 0 -2px #FFFFFF; + box-shadow: inset 0 -2px #bebebe; } .login-dialog StEntry:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .login-dialog .modal-dialog-button-box { @@ -2555,7 +2618,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog .modal-dialog-button { padding: 0 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2564,8 +2627,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2573,8 +2636,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2582,7 +2645,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2591,8 +2654,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default { - color: rgba(255, 255, 255, 0.8); - background-color: #009688; + color: rgba(190, 190, 190, 0.8); + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); text-shadow: none; @@ -2600,8 +2663,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { - color: #FFFFFF; - background-color: #009688; + color: #bebebe; + background-color: #2a6e6e; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2609,8 +2672,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:active { - color: #FFFFFF; - background-color: #4db6ac; + color: #bebebe; + background-color: #568686; border-color: transparent; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); text-shadow: none; @@ -2618,8 +2681,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog .modal-dialog-button:default:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.5); + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2631,7 +2694,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-banner { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-button-box { @@ -2639,7 +2702,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-message-warning { - color: #FF6D00; + color: #c7c77b; } .login-dialog-message-hint { @@ -2657,22 +2720,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { - color: #FFFFFF; + color: #bebebe; } .login-dialog-not-listed-label:focus { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .login-dialog-user-list-view { @@ -2686,28 +2749,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #FFFFFF; + border-right: 2px solid #bebebe; } .login-dialog-user-list-item { border-radius: 2px; padding: 4px 4px 0; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-user-list-item:ltr { @@ -2719,28 +2782,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-user-list-item:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .login-dialog-user-list-item:active { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 2px 0 0 0; - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { - background-color: #FFFFFF; + background-color: #bebebe; } .login-dialog-username, .user-widget-label { - color: #FFFFFF; + color: #bebebe; font-size: 15pt; font-weight: 500; text-align: left; @@ -2763,7 +2826,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-prompt-label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: 1em; padding-top: 1em; } @@ -2773,15 +2836,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .login-dialog-session-list-button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { - color: #FFFFFF; + color: #bebebe; } .login-dialog-session-list-button:active { - color: #FFFFFF; + color: #bebebe; } .screen-shield-arrows { @@ -2832,7 +2895,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 8px; border: none; background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; border-radius: 2px; } @@ -2849,7 +2912,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .screen-shield-notification-count-text { min-height: 22px; padding: 2px 0px 0px 16px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #panel.lock-screen { @@ -2862,12 +2925,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #lockDialogGroup { - background: #303030; + background: #2d2d2d; background-size: cover; } #LookingGlassDialog { - background-color: #424242; + background-color: #414141; spacing: 4px; padding: 0; border: none; @@ -2879,8 +2942,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 8px; border: none; border-radius: 0; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26); + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2); } #LookingGlassDialog .labels { @@ -2891,7 +2954,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); transition-duration: 150ms; padding-left: 16px; padding-right: 16px; @@ -2900,17 +2963,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassDialog .notebook-tab:hover { - box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.3); - color: #FFFFFF; + box-shadow: inset 0 -2px 0px rgba(190, 190, 190, 0.3); + color: #bebebe; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-bottom-width: 0; border-color: transparent; - background-color: rgba(66, 66, 66, 0.01); - box-shadow: inset 0 -2px 0px #338DD6; - color: #FFFFFF; + background-color: rgba(65, 65, 65, 0.01); + box-shadow: inset 0 -2px 0px #bebebe; + color: #bebebe; text-shadow: none; } @@ -2924,16 +2987,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-dialog StEntry { - selection-background-color: #338DD6; - selected-color: #FFFFFF; + selection-background-color: #5a5a5a; + selected-color: #bebebe; } .lg-dialog .shell-link { - color: #338DD6; + color: #b6b6ff; } .lg-dialog .shell-link:hover { - color: #338DD6; + color: #b6b6ff; } .lg-completions-text { @@ -2952,7 +3015,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 2px; font-size: 10.5pt; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2961,8 +3024,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:hover { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.12); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.12); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2970,8 +3033,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:active { - color: #FFFFFF; - background-color: rgba(255, 255, 255, 0.3); + color: #bebebe; + background-color: rgba(190, 190, 190, 0.3); border-color: transparent; box-shadow: 0 0 transparent; text-shadow: none; @@ -2979,7 +3042,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); background-color: transparent; border-color: transparent; box-shadow: 0 0 transparent; @@ -2988,7 +3051,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .lg-obj-inspector-button:focus { - color: #FFFFFF; + color: #bebebe; text-shadow: none; icon-shadow: none; box-shadow: 0 0 transparent; @@ -3023,7 +3086,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassPropertyInspector { - background: #424242; + background: #414141; border: none; border-radius: 2px; padding: 6px; @@ -3032,11 +3095,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Dash to Dock */ #dashtodockContainer #dash { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } #dashtodockContainer:overview #dash { - background-color: rgba(255, 255, 255, 0.1); + background-color: rgba(190, 190, 190, 0.1); } #dashtodockContainer.extended:overview #dash { @@ -3230,29 +3293,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Simple Dock */ #dash:desktop { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } /* GPaste */ .popup-menu .search-entry { - color: #FFFFFF; - selection-background-color: #338DD6; - selected-color: #FFFFFF; - background-color: rgba(66, 66, 66, 0.01); + color: #bebebe; + selection-background-color: #5a5a5a; + selected-color: #bebebe; + background-color: rgba(65, 65, 65, 0.01); border-color: transparent; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } .popup-menu .search-entry:focus { border-color: transparent; - box-shadow: inset 0 -2px #338DD6; - color: #FFFFFF; + box-shadow: inset 0 -2px #5a5a5a; + color: #bebebe; } .popup-menu .search-entry .search-entry-icon { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { - color: #FFFFFF; + color: #bebebe; } diff --git a/src/gtk/3.18/gtk-dark.css b/src/gtk/3.18/gtk-dark.css index 5c899ad75..898912b36 100644 --- a/src/gtk/3.18/gtk-dark.css +++ b/src/gtk/3.18/gtk-dark.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ @keyframes ripple_effect { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.15)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); @@ -29,7 +92,7 @@ padding: 0; background-clip: padding-box; -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #DD2C00; + -GtkTextView-error-underline-color: #dea8de; -GtkCheckButton-indicator-size: 24; -GtkCheckMenuItem-indicator-size: 16; -GtkScrolledWindow-scrollbar-spacing: 0; @@ -40,8 +103,8 @@ -GtkTreeView-horizontal-separator: 4; -GtkMenu-horizontal-padding: 0; -GtkMenu-vertical-padding: 0; - -GtkWidget-link-color: #338DD6; - -GtkWidget-visited-link-color: #E040FB; + -GtkWidget-link-color: #b6b6ff; + -GtkWidget-visited-link-color: #8888af; -GtkWidget-focus-padding: 2; -GtkWidget-focus-line-width: 1; -GtkWidget-text-handle-width: 20; @@ -60,8 +123,8 @@ * Base States * ***************/ .background { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } /* @@ -75,33 +138,33 @@ } .gtkstyle-fallback { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .gtkstyle-fallback:prelight { - background-color: #141414; - color: #FFFFFF; + background-color: #252525; + color: #bebebe; } .gtkstyle-fallback:active { - background-color: #080808; - color: #FFFFFF; + background-color: #191919; + color: #bebebe; } .gtkstyle-fallback:insensitive { - background-color: #212121; - color: rgba(255, 255, 255, 0.5); + background-color: #323232; + color: rgba(190, 190, 190, 0.5); } .gtkstyle-fallback:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .view { - background-color: #303030; - color: #FFFFFF; + background-color: #3c3c3c; + color: #bebebe; } .view:hover, .view:active, .view:selected, GtkCalendar:selected { @@ -109,20 +172,20 @@ } .view:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband { - border: 1px solid #40C4FF; - background-color: rgba(64, 196, 255, 0.3); + border: 1px solid #808080; + background-color: rgba(128, 128, 128, 0.3); } .label.separator { - color: #FFFFFF; + color: #bebebe; } .label:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .dim-label, .label.separator, .titlebar .subtitle, @@ -135,11 +198,11 @@ GtkAssistant .sidebar { } GtkAssistant .sidebar:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } GtkAssistant .sidebar:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } GtkAssistant .sidebar .label { @@ -153,7 +216,7 @@ GtkAssistant .sidebar .label.highlight { } GtkTextView { - background-color: #292929; + background-color: #373737; } .grid-child { @@ -199,8 +262,8 @@ GtkTextView { border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; - color: #FFFFFF; + background-color: #3c3c3c; + color: #bebebe; } .entry:focus { @@ -208,30 +271,30 @@ GtkTextView { } .entry:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: #292929; + color: rgba(190, 190, 190, 0.5); + background-color: #373737; } .entry.flat, .notebook GtkGrid > .entry { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#338DD6), to(transparent)) 0 0 0/0 0 0px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#5a5a5a), to(transparent)) 0 0 0/0 0 0px; border-radius: 0; box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .entry.flat:focus, .notebook GtkGrid > .entry:focus { - border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#338DD6), to(transparent)) 0 0 2/0 0 2px; - box-shadow: inset 0 -2px #338DD6; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#5a5a5a), to(transparent)) 0 0 2/0 0 2px; + box-shadow: inset 0 -2px #5a5a5a; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 270ms; } .entry.flat:insensitive, .notebook GtkGrid > .entry:insensitive { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .entry.image.left { @@ -246,7 +309,7 @@ GtkTextView { margin: 2px; border-style: none none solid; border-width: 2px; - border-color: #338DD6; + border-color: #bebebe; border-radius: 0; box-shadow: none; background-color: transparent; @@ -262,8 +325,8 @@ GtkTextView { .entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #DD2C00; - color: #FFFFFF; + background-color: #734873; + color: #bebebe; } .entry.error:focus { @@ -271,36 +334,36 @@ GtkTextView { } .entry.error:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: #292929; + color: rgba(190, 190, 190, 0.5); + background-color: #373737; } .entry.error.flat, .notebook GtkGrid > .error.entry { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#DD2C00), to(transparent)) 0 0 0/0 0 0px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#734873), to(transparent)) 0 0 0/0 0 0px; border-radius: 0; - box-shadow: inset 0 -1px #DD2C00; + box-shadow: inset 0 -1px #734873; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .entry.error.flat:focus, .notebook GtkGrid > .error.entry:focus { - border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#DD2C00), to(transparent)) 0 0 2/0 0 2px; - box-shadow: inset 0 -2px #DD2C00; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#734873), to(transparent)) 0 0 2/0 0 2px; + box-shadow: inset 0 -2px #734873; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 270ms; } .entry.error.flat:insensitive, .notebook GtkGrid > .error.entry:insensitive { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #FF6D00; - color: #FFFFFF; + background-color: #606026; + color: #bebebe; } .entry.warning:focus { @@ -308,29 +371,29 @@ GtkTextView { } .entry.warning:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: #292929; + color: rgba(190, 190, 190, 0.5); + background-color: #373737; } .entry.warning.flat, .notebook GtkGrid > .warning.entry { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FF6D00), to(transparent)) 0 0 0/0 0 0px; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#606026), to(transparent)) 0 0 0/0 0 0px; border-radius: 0; - box-shadow: inset 0 -1px #FF6D00; + box-shadow: inset 0 -1px #606026; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .entry.warning.flat:focus, .notebook GtkGrid > .warning.entry:focus { - border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FF6D00), to(transparent)) 0 0 2/0 0 2px; - box-shadow: inset 0 -2px #FF6D00; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#606026), to(transparent)) 0 0 2/0 0 2px; + box-shadow: inset 0 -2px #606026; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 270ms; } .entry.warning.flat:insensitive, .notebook GtkGrid > .warning.entry:insensitive { box-shadow: inset 0 -1px alpha(currentColor, 0.3); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .entry.image:not(:hover):not(:active) { @@ -346,7 +409,7 @@ GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus { border-image: none; border-radius: 0; box-shadow: none; - background-color: #303030; + background-color: #3c3c3c; } /*********** @@ -354,10 +417,10 @@ GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus { ***********/ @keyframes needs_attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#bebebe), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bebebe), to(transparent)); } } @@ -371,16 +434,16 @@ GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus { font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #424242; + background-color: #414141; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); - color: rgba(255, 255, 255, 0.8); + color: rgba(190, 190, 190, 0.8); } .button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); - color: #FFFFFF; + color: #bebebe; } @@ -388,14 +451,14 @@ GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - color: #FFFFFF; + color: #bebebe; } .button:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } @@ -405,14 +468,14 @@ GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus { .button:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .button:checked:insensitive { background-color: alpha(currentColor, 0.3); - color: rgba(51, 141, 214, 0.5); + color: rgba(90, 90, 90, 0.5); } @@ -493,15 +556,15 @@ GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus { .button.suggested-action { - background-color: #009688; - color: #FFFFFF; + background-color: #2a6e6e; + color: #bebebe; } .button.suggested-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } @@ -511,14 +574,14 @@ GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus { .button.suggested-action:checked { - background-color: #4db6ac; + background-color: #568686; } .toolbar:not(.search-bar) .suggested-action.button, .titlebar .suggested-action.button:not(.suggested-action):not(.destructive-action), .header-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button, .button.suggested-action.flat { background-color: transparent; - color: #009688; + color: #2a6e6e; } .toolbar:not(.search-bar) .suggested-action.button:insensitive, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), @@ -542,15 +605,15 @@ GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus { .button.destructive-action { - background-color: #FF5252; - color: #FFFFFF; + background-color: #844848; + color: #bebebe; } .button.destructive-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } @@ -560,14 +623,14 @@ GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus { .button.destructive-action:checked { - background-color: #ff8686; + background-color: #956b6b; } .toolbar:not(.search-bar) .destructive-action.button, .titlebar .destructive-action.button:not(.suggested-action):not(.destructive-action), .header-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button, .button.destructive-action.flat { background-color: transparent; - color: #FF5252; + color: #844848; } .toolbar:not(.search-bar) .destructive-action.button:insensitive, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), @@ -779,28 +842,28 @@ GtkColorButton.button GtkColorSwatch:first-child:last-child { * Links * *********/ *:link, .button:link, .button:visited { - color: #338DD6; + color: #b6b6ff; } *:link:hover, .button:hover:link, .button:hover:visited, *:link:active, .button:active:link, .button:active:visited { - color: #338DD6; + color: #b6b6ff; } *:link:visited, .button:visited { - color: #E040FB; + color: #8888af; } *:link:visited:hover, .button:visited:hover, *:link:visited:active, .button:visited:active { - color: #E040FB; + color: #8888af; } *:selected *:link:visited, *:selected .button:visited { - color: #add1ef; + color: #969696; } *:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link, .header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited { - color: #d6e8f7; + color: #aaaaaa; } .button:link > .label, .button:visited > .label { @@ -813,15 +876,15 @@ GtkColorButton.button GtkColorSwatch:first-child:last-child { .spinbutton .button { padding: 4px; border: solid 6px transparent; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .spinbutton .button:hover, .spinbutton .button:active { - color: #FFFFFF; + color: #bebebe; } .spinbutton .button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .spinbutton .button:active { @@ -896,7 +959,7 @@ GtkComboBox.combobox-entry .button:dir(rtl) { .toolbar { -GtkWidget-window-dragging: true; padding: 4px; - background-color: #212121; + background-color: #323232; } .osd .toolbar, .toolbar.osd, .app-notification, @@ -907,7 +970,7 @@ GtkComboBox.combobox-entry .button:dir(rtl) { border-width: 8px; border-image: -gtk-scaled(url("assets/box-shadow-dark.png"), url("assets/box-shadow-dark@2.png")) 10/10px stretch; border-radius: 2px; - background-color: #303030; + background-color: #3c3c3c; } .osd .toolbar:backdrop, .toolbar.osd:backdrop, .app-notification:backdrop { @@ -918,16 +981,16 @@ GtkComboBox.combobox-entry .button:dir(rtl) { padding: 6px; border-style: solid; border-width: 0 1px 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #292929; + border-color: rgba(0, 0, 0, 0.2); + background-color: #373737; } .search-bar, .location-bar { padding: 6px; border-style: solid; border-width: 0 0 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #212121; + border-color: rgba(0, 0, 0, 0.2); + background-color: #323232; background-clip: border-box; } @@ -940,13 +1003,13 @@ GtkComboBox.combobox-entry .button:dir(rtl) { padding: 6px; border-radius: 2px 2px 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .titlebar:backdrop, .header-bar:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar .title, @@ -973,7 +1036,7 @@ GtkComboBox.combobox-entry .button:dir(rtl) { -GtkWidget-separator-width: 1px; border-style: solid; border-width: 0 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); } .titlebar .button:not(.suggested-action):not(.destructive-action), @@ -1007,37 +1070,37 @@ GtkComboBox.combobox-entry .button:dir(rtl) { .titlebar.selection-mode, .header-bar.selection-mode { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .titlebar.selection-mode:backdrop, .header-bar.selection-mode:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar.selection-mode .button, .header-bar.selection-mode .button { - border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#FFFFFF), to(transparent)) 0 0 0/0 0 0px; - color: rgba(255, 255, 255, 0.7); + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#bebebe), to(transparent)) 0 0 0/0 0 0px; + color: rgba(190, 190, 190, 0.7); } .titlebar.selection-mode .button:hover, .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:hover, .header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked { - color: #FFFFFF; + color: #bebebe; } .titlebar.selection-mode .button:checked, .header-bar.selection-mode .button:checked { - border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#FFFFFF), to(transparent)) 0 0 2/0 0 2px; - color: #FFFFFF; + border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#bebebe), to(transparent)) 0 0 2/0 0 2px; + color: #bebebe; } .titlebar.selection-mode .button:checked:insensitive, .header-bar.selection-mode .button:checked:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar.selection-mode .button:checked:insensitive > .label, @@ -1049,16 +1112,16 @@ GtkComboBox.combobox-entry .button:dir(rtl) { .header-bar.selection-mode .button.suggested-action { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #424242; + background-color: #414141; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); - color: rgba(255, 255, 255, 0.8); + color: rgba(190, 190, 190, 0.8); } .titlebar.selection-mode .button.suggested-action:hover, .header-bar.selection-mode .button.suggested-action:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0)); - color: #FFFFFF; + color: #bebebe; } .titlebar.selection-mode .button.suggested-action:active, @@ -1066,14 +1129,14 @@ GtkComboBox.combobox-entry .button:dir(rtl) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-image 0; animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - color: #FFFFFF; + color: #bebebe; } .titlebar.selection-mode .button.suggested-action:insensitive, .header-bar.selection-mode .button.suggested-action:insensitive { box-shadow: none; background-color: alpha(currentColor, 0.3); - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar.selection-mode .button.suggested-action:insensitive > .label, @@ -1149,7 +1212,7 @@ GtkTreeView.view { -GtkTreeView-tree-line-pattern: ''; -GtkTreeView-expander-size: 16; border-left-color: alpha(currentColor, 0.3); - border-top-color: rgba(0, 0, 0, 0.26); + border-top-color: rgba(0, 0, 0, 0.2); border-radius: 0; } @@ -1160,7 +1223,7 @@ GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:selected { GtkTreeView.view.dnd { border-style: solid none; border-width: 1px; - border-color: #99c6eb; + border-color: #8c8c8c; } GtkTreeView.view.expander { @@ -1176,11 +1239,11 @@ GtkTreeView.view.expander:checked { } GtkTreeView.view.expander:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } GtkTreeView.view.expander:selected:hover, GtkTreeView.view.expander:selected:active { - color: #FFFFFF; + color: #bebebe; } GtkTreeView.view.progressbar { @@ -1193,7 +1256,7 @@ GtkTreeView.view.progressbar:selected { GtkTreeView.view.trough { border-width: 4px; - border-color: rgba(51, 141, 214, 0.3); + border-color: rgba(90, 90, 90, 0.3); } GtkTreeView.view.trough:selected { @@ -1204,10 +1267,10 @@ column-header .button { padding: 3px 6px 4px; border-style: none solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; - background-color: #303030; + background-color: #3c3c3c; } column-header .button:hover, column-header .button:active { @@ -1215,7 +1278,7 @@ column-header .button:hover, column-header .button:active { } column-header .button:insensitive { - background-color: #303030; + background-color: #3c3c3c; } column-header:last-child .button, column-header:last-child.button { @@ -1225,7 +1288,7 @@ column-header:last-child .button, column-header:last-child.button { column-header.button.dnd, column-header .button.dnd { border-left-style: solid; background-clip: border-box; - color: #338DD6; + color: #5a5a5a; } /********* @@ -1234,23 +1297,23 @@ column-header.button.dnd, column-header .button.dnd { .menubar { -GtkWidget-window-dragging: true; padding: 0; - background-color: #303030; + background-color: #323232; } .menubar > .menuitem { transition: all 180ms cubic-bezier(0, 0, 0.2, 1); padding: 4px 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .menubar > .menuitem:hover { transition: none; background-color: alpha(currentColor, 0.15); - color: #FFFFFF; + color: #bebebe; } .menubar > .menuitem:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); box-shadow: none; } @@ -1258,8 +1321,8 @@ column-header.button.dnd, column-header .button.dnd { margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #3c3c3c; + border: 1px solid rgba(0, 0, 0, 0.2); } .csd .menu { @@ -1280,7 +1343,7 @@ column-header.button.dnd, column-header .button.dnd { } .menu .menuitem:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .menu .menuitem.arrow { @@ -1298,11 +1361,11 @@ column-header.button.dnd, column-header .button.dnd { } .menu.button.top { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .menu.button.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .menu.button:hover { @@ -1331,7 +1394,7 @@ column-header.button.dnd, column-header .button.dnd { border: 1px solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 3px; - background-color: #424242; + background-color: #414141; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } @@ -1352,7 +1415,7 @@ column-header.button.dnd, column-header .button.dnd { padding: 5px 8px 6px; background-color: transparent; background-size: 160px 160px, auto; - color: #FFFFFF; + color: #bebebe; font: initial; } @@ -1361,8 +1424,8 @@ column-header.button.dnd, column-header .button.dnd { } .popover .linked > .button:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .popover .linked > .button.image-button { @@ -1376,7 +1439,7 @@ column-header.button.dnd, column-header .button.dnd { *****************/ .notebook { padding: 0; - background-color: #303030; + background-color: #3c3c3c; -GtkNotebook-initial-gap: 8; -GtkNotebook-arrow-spacing: 5; -GtkNotebook-tab-curvature: 0; @@ -1387,7 +1450,7 @@ column-header.button.dnd, column-header .button.dnd { } .notebook.frame { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } .notebook.frame.top { @@ -1407,11 +1470,11 @@ column-header.button.dnd, column-header .button.dnd { } .notebook.header { - background-color: #212121; + background-color: #323232; } .notebook.header.frame { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } .notebook.header.frame.top { @@ -1431,19 +1494,19 @@ column-header.button.dnd, column-header .button.dnd { } .notebook.header.top { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); } .notebook.header.bottom { - box-shadow: inset 0 1px rgba(0, 0, 0, 0.26); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); } .notebook.header.right { - box-shadow: inset 1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.2); } .notebook.header.left { - box-shadow: inset -1px 0 rgba(0, 0, 0, 0.26); + box-shadow: inset -1px 0 rgba(0, 0, 0, 0.2); } .notebook tab { @@ -1512,7 +1575,7 @@ column-header.button.dnd, column-header .button.dnd { } .notebook tab.top:active, .notebook tab.top.active-page { - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #bebebe; } .notebook tab.bottom:hover, .notebook tab.bottom.prelight-page { @@ -1520,7 +1583,7 @@ column-header.button.dnd, column-header .button.dnd { } .notebook tab.bottom:active, .notebook tab.bottom.active-page { - box-shadow: inset 0 2px #338DD6; + box-shadow: inset 0 2px #bebebe; } .notebook tab.left:hover, .notebook tab.left.prelight-page { @@ -1528,7 +1591,7 @@ column-header.button.dnd, column-header .button.dnd { } .notebook tab.left:active, .notebook tab.left.active-page { - box-shadow: inset -2px 0 #338DD6; + box-shadow: inset -2px 0 #bebebe; } .notebook tab.right:hover, .notebook tab.right.prelight-page { @@ -1536,7 +1599,7 @@ column-header.button.dnd, column-header .button.dnd { } .notebook tab.right:active, .notebook tab.right.active-page { - box-shadow: inset 2px 0 #338DD6; + box-shadow: inset 2px 0 #bebebe; } .notebook tab.reorderable-page.top { @@ -1544,17 +1607,17 @@ column-header.button.dnd, column-header .button.dnd { } .notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page { - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-bottom-width: 0; border-bottom-color: transparent; - background-color: #292929; + background-color: #373737; } .notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page { - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-bottom-width: 0; border-bottom-color: transparent; - background-color: #303030; + background-color: #3c3c3c; } .notebook tab.reorderable-page.bottom { @@ -1562,17 +1625,17 @@ column-header.button.dnd, column-header .button.dnd { } .notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page { - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-top-width: 0; border-top-color: transparent; - background-color: #292929; + background-color: #373737; } .notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page { - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-top-width: 0; border-top-color: transparent; - background-color: #303030; + background-color: #3c3c3c; } .notebook tab.reorderable-page.left { @@ -1580,17 +1643,17 @@ column-header.button.dnd, column-header .button.dnd { } .notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page { - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-right-width: 0; border-right-color: transparent; - background-color: #292929; + background-color: #373737; } .notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page { - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-right-width: 0; border-right-color: transparent; - background-color: #303030; + background-color: #3c3c3c; } .notebook tab.reorderable-page.right { @@ -1598,31 +1661,31 @@ column-header.button.dnd, column-header .button.dnd { } .notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page { - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-left-width: 0; border-left-color: transparent; - background-color: #292929; + background-color: #373737; } .notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page { - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-left-width: 0; border-left-color: transparent; - background-color: #303030; + background-color: #3c3c3c; } .notebook tab .label { padding: 0 2px; font-weight: 500; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .notebook tab .prelight-page .label, .notebook tab .label.prelight-page { - color: #FFFFFF; + color: #bebebe; } .notebook tab .active-page .label, .notebook tab .label.active-page { - color: #FFFFFF; + color: #bebebe; } .notebook tab .button { @@ -1639,7 +1702,7 @@ column-header.button.dnd, column-header .button.dnd { } .notebook.arrow:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } /************** @@ -1665,7 +1728,7 @@ column-header.button.dnd, column-header .button.dnd { .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider { margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(60, 60, 60, 0.3); } .scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough { @@ -1674,25 +1737,25 @@ column-header.button.dnd, column-header .button.dnd { } .scrollbar.overlay-indicator.dragging .trough, .scrollbar.overlay-indicator.hovering .trough { - background-color: rgba(48, 48, 48, 0.9); + background-color: rgba(60, 60, 60, 0.9); } .scrollbar .trough { - border: 1px none rgba(0, 0, 0, 0.26); - background-color: #303030; + border: 1px none rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; background-clip: border-box; } .scrollbar .slider { - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } .scrollbar .slider:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } .scrollbar .slider:active { - background-color: #FFFFFF; + background-color: #bebebe; } .scrollbar .slider:insensitive { @@ -1750,7 +1813,7 @@ column-header.button.dnd, column-header .button.dnd { .scrollbars-junction, .scrollbars-junction.frame { border-style: solid none none solid; - background-color: #303030; + background-color: #3c3c3c; } .scrollbars-junction:dir(rtl), @@ -1780,11 +1843,11 @@ GtkSwitch.trough:insensitive { } GtkSwitch.trough:active { - background-color: rgba(0, 150, 136, 0.5); + background-color: rgba(190, 190, 190, 0.5); } GtkSwitch.trough:active:insensitive { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } GtkSwitch.slider { @@ -1792,8 +1855,8 @@ GtkSwitch.slider { border-radius: 100px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; - color: #FFFFFF; + background-color: #3c3c3c; + color: #bebebe; } GtkSwitch.slider:hover { @@ -1801,12 +1864,12 @@ GtkSwitch.slider:hover { } GtkSwitch.slider:active { - background-color: #009688; + background-color: #bebebe; } GtkSwitch.slider:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: #292929; + color: rgba(190, 190, 190, 0.5); + background-color: #373737; } /************************* @@ -2048,7 +2111,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .scale.trough.highlight, .scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight { - background-color: #009688; + background-color: #bebebe; } .scale.trough.highlight:insensitive, @@ -2060,7 +2123,7 @@ GtkCheckButton.text-button, GtkRadioButton.text-button { .scale.trough:insensitive, .scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, .scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .scale.trough.vertical, @@ -2203,7 +2266,7 @@ GtkProgressBar { -GtkProgressBar-min-vertical-bar-width: 4; padding: 0; font-size: smaller; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } GtkProgressBar.osd { @@ -2214,7 +2277,7 @@ GtkProgressBar.osd { GtkProgressBar.trough { border-radius: 0; - background-color: rgba(51, 141, 214, 0.3); + background-color: rgba(190, 190, 190, 0.3); } GtkProgressBar.trough.osd { @@ -2224,7 +2287,7 @@ GtkProgressBar.trough.osd { .progressbar { border-radius: 0; - background-color: #338DD6; + background-color: #bebebe; } .progressbar.left { @@ -2254,7 +2317,7 @@ GtkProgressBar.trough.osd { .progressbar.osd { background-image: none; - background-color: #338DD6; + background-color: #5a5a5a; border-style: none; border-radius: 0; } @@ -2264,7 +2327,7 @@ GtkProgressBar.trough.osd { *************/ .level-bar { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); -GtkLevelBar-min-block-width: 36; -GtkLevelBar-min-block-height: 4; } @@ -2279,13 +2342,13 @@ GtkProgressBar.trough.osd { border-radius: 2px; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; - color: #FFFFFF; + background-color: #3c3c3c; + color: #bebebe; } .level-bar.trough:insensitive { - color: rgba(255, 255, 255, 0.5); - background-color: #292929; + color: rgba(190, 190, 190, 0.5); + background-color: #373737; } .level-bar.trough.indicator-discrete.horizontal { @@ -2297,7 +2360,7 @@ GtkProgressBar.trough.osd { } .level-bar.fill-block { - background-color: #338DD6; + background-color: #bebebe; border-radius: 0; box-shadow: none; } @@ -2311,22 +2374,22 @@ GtkProgressBar.trough.osd { } .level-bar.fill-block.level-high { - background-color: #00C853; + background-color: #92dd92; } .level-bar.fill-block.level-low { - background-color: #FF6D00; + background-color: #c7c77b; } .level-bar.fill-block.empty-fill-block { - background-color: alpha(currentColor, 0.3); + background-color: rgba(190, 190, 190, 0.12); } /********** * Frames * **********/ .frame { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); padding: 0; } @@ -2344,7 +2407,7 @@ GtkScrolledWindow GtkViewport.frame { } .separator { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } GtkFileChooserButton .separator.vertical, @@ -2356,8 +2419,8 @@ GtkFontButton .separator.vertical { * Lists * *********/ .list { - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } .list-row, @@ -2386,19 +2449,19 @@ GtkFontButton .separator.vertical { } .list-row:selected .button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .list-row:selected .button.flat { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .list-row:selected .button.flat:hover, .list-row:selected .button.flat:active { - color: #FFFFFF; + color: #bebebe; } .list-row:selected .button.flat:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } /********************* @@ -2424,7 +2487,7 @@ GtkFontButton .separator.vertical { } .expander:selected { - color: #FFFFFF; + color: #bebebe; } /************ @@ -2432,12 +2495,12 @@ GtkFontButton .separator.vertical { ***********/ GtkCalendar { padding: 1px; - border: 1px solid rgba(0, 0, 0, 0.26); - color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0.2); + color: #bebebe; } GtkCalendar:insensitive { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } GtkCalendar:selected { @@ -2466,13 +2529,13 @@ GtkCalendar.highlight { } .message-dialog.background { - background-color: #424242; + background-color: #414141; } .message-dialog .titlebar { border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #414141; } .message-dialog.csd.background { @@ -2482,7 +2545,7 @@ GtkCalendar.highlight { .message-dialog.csd .dialog-action-area .button { padding: 9px 16px 10px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; background-size: 240px 240px, auto; } @@ -2496,7 +2559,7 @@ GtkCalendar.highlight { } GtkFileChooserDialog .dialog-action-box { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } /*********** @@ -2504,7 +2567,7 @@ GtkFileChooserDialog .dialog-action-box { ***********/ .sidebar { border: none; - background-color: #424242; + background-color: #414141; } GtkSidebarRow.list-row { @@ -2536,11 +2599,11 @@ GtkSidebarRow .sidebar-label:dir(rtl) { } GtkPlacesSidebar.sidebar .sidebar-placeholder-row { - border: solid 1px #338DD6; + border: solid 1px #5a5a5a; } GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row { - color: #009688; + color: #bebebe; } .sidebar-button.button.image-button { @@ -2582,7 +2645,7 @@ GtkPaned:dir(rtl) { } GtkPaned .pane-separator { - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(0, 0, 0, 0.2); } GtkPaned.wide { @@ -2593,7 +2656,7 @@ GtkPaned.wide { GtkPaned.wide .pane-separator { background-color: transparent; border-style: none solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-width: 1px; } @@ -2609,40 +2672,40 @@ GtkInfoBar { } .info { - background-color: #66BB6A; + background-color: #3c6e3c; } .question { - background-color: #42A5F5; + background-color: #2a6e6e; } .warning { - background-color: #FFA726; + background-color: #606026; } .error { - background-color: #EF5350; + background-color: #734873; } .info, .question, .warning, .error { - color: #FFFFFF; + color: #bebebe; } .info .button:insensitive, .question .button:insensitive, .warning .button:insensitive, .error .button:insensitive { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } /************ * Tooltips * ************/ .tooltip { - color: #FFFFFF; + color: #bebebe; padding: 4px; /* not working */ border-radius: 2px; @@ -2650,7 +2713,7 @@ GtkInfoBar { } .tooltip.background { - background-color: rgba(66, 66, 66, 0.9); + background-color: rgba(45, 45, 45, 0.9); } .tooltip.window-frame.csd { @@ -2737,7 +2800,7 @@ GtkColorEditor GtkColorSwatch:hover { } GtkColorSwatch.color-dark { - color: #FFFFFF; + color: #bebebe; } GtkColorSwatch.color-light { @@ -2745,15 +2808,15 @@ GtkColorSwatch.color-light { } GtkColorSwatch#add-color-button { - background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); - color: #FFFFFF; + background-image: linear-gradient(to right, #734873 25%, #606026 25%, #606026 50%, #3c6e3c 50%, #3c6e3c 75%, #2a6e6e 75%); + color: #bebebe; } /******** * Misc * ********/ .content-view { - background-color: #212121; + background-color: #323232; } .scale-popup .button { @@ -2809,7 +2872,7 @@ GtkColorSwatch#add-color-button { .window-frame.solid-csd { border-radius: 0; margin: 0; - background-color: #303030; + background-color: #323232; box-shadow: none; } @@ -2819,12 +2882,12 @@ GtkColorSwatch#add-color-button { } .view:selected, GtkCalendar:selected, .label:selected, .grid-child:selected, .entry:selected, .menuitem.button.flat:selected, .list-row:selected, .sidebar:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .view:insensitive:selected, GtkCalendar:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .monospace { @@ -2836,7 +2899,7 @@ GtkColorSwatch#add-color-button { *********************/ .entry.cursor-handle, .cursor-handle { - background-color: #009688; + background-color: #bebebe; background-image: none; box-shadow: none; border-style: none; @@ -2909,8 +2972,8 @@ GtkColorSwatch#add-color-button { .touch-selection { font: initial; - color: #FFFFFF; - background-color: #303030; + color: #bebebe; + background-color: #3c3c3c; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); } @@ -2919,7 +2982,7 @@ GtkColorSwatch#add-color-button { } .overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -2928,7 +2991,7 @@ GtkColorSwatch#add-color-button { } .overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -2937,7 +3000,7 @@ GtkColorSwatch#add-color-button { } .overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -2946,7 +3009,7 @@ GtkColorSwatch#add-color-button { } .overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -2956,7 +3019,7 @@ GtkColorSwatch#add-color-button { .undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -2966,7 +3029,7 @@ GtkColorSwatch#add-color-button { .undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -2976,7 +3039,7 @@ GtkColorSwatch#add-color-button { .undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -2986,7 +3049,7 @@ GtkColorSwatch#add-color-button { .undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -2998,9 +3061,9 @@ GtkColorSwatch#add-color-button { padding: 3px 0 4px; border-width: 1px; border-style: solid solid none; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 3px 3px 0 0; - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; } @@ -3026,7 +3089,7 @@ EelEditableLabel.entry { } .nautilus-desktop.nautilus-canvas-item { - color: #FFFFFF; + color: #bebebe; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -3048,27 +3111,27 @@ EelEditableLabel.entry { } .nautilus-operations-button-needs-attention { - color: #009688; + color: #bebebe; animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1); } .nautilus-operations-button-needs-attention-multiple { - color: #009688; + color: #bebebe; animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1); animation-iteration-count: 2; } .disk-space-display.unknown { - background-color: #FF6D00; + background-color: #606026; } .disk-space-display.used { - background-color: #338DD6; + background-color: #5a5a5a; } .disk-space-display.free { background-color: alpha(currentColor, 0.3); - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } /* View */ @@ -3076,22 +3139,22 @@ EelEditableLabel.entry { * Nemo * *******/ NemoWindow .nemo-inactive-pane .view, NemoWindow .nemo-inactive-pane iconview { - background-color: #292929; - color: #FFFFFF; + background-color: #373737; + color: #bebebe; } NemoWindow .sidebar .cell { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } NemoWindow .sidebar .cell:selected { - color: #FFFFFF; - background-color: #338DD6; + color: #bebebe; + background-color: #5a5a5a; } .nemo-desktop.nemo-canvas-item { - color: #FFFFFF; + color: #bebebe; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -3103,8 +3166,8 @@ NemoWindow .sidebar .cell:selected { * Tweak Tool * **************/ .tweak-categories { - background-color: #292929; - background-image: linear-gradient(to bottom, #292929); + background-color: #373737; + background-image: linear-gradient(to bottom, #373737); } .tweak-categories .separator { @@ -3123,25 +3186,25 @@ NemoWindow .sidebar .cell:selected { * Builder * ***********/ GbTerminalView { - background-color: #303030; + background-color: #3c3c3c; } /*********** * Firefox * ***********/ .menubar { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .menubar:hover { - color: #FFFFFF; + color: #bebebe; } /*********** * Synapse * ***********/ SynapseGuiMatchListView GtkWidget:selected { - background-color: #338DD6; + background-color: #5a5a5a; } /********* @@ -3157,7 +3220,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #338DD6; + -UnityDecoration-glow-color: #5a5a5a; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -3168,12 +3231,12 @@ UnityDecoration.top { border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } UnityDecoration.top:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } UnityDecoration.menuitem, @@ -3199,14 +3262,14 @@ UnityDecoration.menubar .menuitem *:hover { UnityPanelWidget, .unity-panel { - background-color: #212121; - background-image: linear-gradient(to bottom, #212121); - color: #FFFFFF; + background-color: #2d2d2d; + background-image: linear-gradient(to bottom, #2d2d2d); + color: #bebebe; } UnityPanelWidget:backdrop, .unity-panel:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unity-panel.menuitem, @@ -3230,7 +3293,7 @@ UnityPanelWidget:backdrop, .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: playbackmenuitem_spinner 1s infinite linear; - color: #338DD6; + color: #5a5a5a; } /* GTK NAMED COLORS @@ -3238,64 +3301,64 @@ UnityPanelWidget:backdrop, use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #FFFFFF; +@define-color theme_fg_color #bebebe; /* text color for entries, views and content in general */ -@define-color theme_text_color #FFFFFF; +@define-color theme_text_color #bebebe; /* widget base background color */ -@define-color theme_bg_color #212121; +@define-color theme_bg_color #323232; /* text widgets and the like base background color */ -@define-color theme_base_color #303030; +@define-color theme_base_color #3c3c3c; /* base background color of selections */ -@define-color theme_selected_bg_color #338DD6; +@define-color theme_selected_bg_color #5a5a5a; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #FFFFFF; +@define-color theme_selected_fg_color #bebebe; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #212121; +@define-color insensitive_bg_color #323232; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); +@define-color insensitive_fg_color rgba(190, 190, 190, 0.5); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #292929; +@define-color insensitive_base_color #373737; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #FFFFFF; +@define-color theme_unfocused_fg_color #bebebe; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #FFFFFF; +@define-color theme_unfocused_text_color #bebebe; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #212121; +@define-color theme_unfocused_bg_color #323232; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #303030; +@define-color theme_unfocused_base_color #3c3c3c; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #338DD6; +@define-color theme_unfocused_selected_bg_color #5a5a5a; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #FFFFFF; +@define-color theme_unfocused_selected_fg_color #bebebe; /* insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); +@define-color unfocused_insensitive_color rgba(190, 190, 190, 0.5); /* widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.26); +@define-color borders rgba(0, 0, 0, 0.2); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(0, 0, 0, 0.26); +@define-color unfocused_borders rgba(0, 0, 0, 0.2); /* these are pretty self explicative */ -@define-color warning_color #FF6D00; -@define-color error_color #DD2C00; -@define-color success_color #00C853; +@define-color warning_color #c7c77b; +@define-color error_color #dea8de; +@define-color success_color #92dd92; /* FIXME this is really an API */ -@define-color content_view_bg #303030; -@define-color placeholder_text_color #c1c1c1; +@define-color content_view_bg #3c3c3c; +@define-color placeholder_text_color #c5c5c5; diff --git a/src/gtk/3.20/gtk-dark-compact.css b/src/gtk/3.20/gtk-dark-compact.css index 5d624abca..2382b03d9 100644 --- a/src/gtk/3.20/gtk-dark-compact.css +++ b/src/gtk/3.20/gtk-dark-compact.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ @keyframes ripple_effect { to { background-size: 1000% 1000%; @@ -6,17 +69,17 @@ @keyframes header_ripple_effect { from { - background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 0%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #DD2C00; + -GtkTextView-error-underline-color: #dea8de; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; @@ -28,7 +91,7 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; - -gtk-secondary-caret-color: #338DD6; + -gtk-secondary-caret-color: #5a5a5a; } notebook:focus tab, @@ -40,8 +103,8 @@ notebook:focus tab, * Base States * ***************/ .background { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } /* @@ -55,37 +118,37 @@ notebook:focus tab, } .gtkstyle-fallback { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .gtkstyle-fallback:hover { - background-color: #141414; - color: #FFFFFF; + background-color: #252525; + color: #bebebe; } .gtkstyle-fallback:active { - background-color: #080808; - color: #FFFFFF; + background-color: #191919; + color: #bebebe; } .gtkstyle-fallback:disabled { - background-color: #212121; - color: rgba(255, 255, 255, 0.5); + background-color: #323232; + color: rgba(190, 190, 190, 0.5); } .gtkstyle-fallback:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .view { - background-color: #303030; - color: #FFFFFF; + background-color: #3c3c3c; + color: #bebebe; } .view:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .view:hover, .view:active, .view:selected { @@ -93,12 +156,12 @@ notebook:focus tab, } textview text { - background-color: #303030; + background-color: #3c3c3c; } textview border { - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } .rubberband, @@ -107,8 +170,8 @@ flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { - border: 1px solid #40C4FF; - background-color: rgba(64, 196, 255, 0.3); + border: 1px solid #808080; + background-color: rgba(128, 128, 128, 0.3); } flowbox flowboxchild { @@ -126,16 +189,16 @@ label { } label.separator { - color: #FFFFFF; + color: #bebebe; } label selection { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } label:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } tab label:disabled, @@ -155,12 +218,12 @@ assistant .sidebar { assistant .sidebar label { min-height: 32px; padding: 0 12px; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-weight: 500; } assistant .sidebar label.highlight { - color: #FFFFFF; + color: #bebebe; } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { @@ -202,8 +265,8 @@ entry { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; - color: #FFFFFF; + background-color: #3c3c3c; + color: #bebebe; } spinbutton:focus:not(.vertical), @@ -215,8 +278,8 @@ entry:focus { spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), @@ -224,41 +287,41 @@ notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); background-color: transparent; - color: #FFFFFF; + color: #bebebe; } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton:not(.vertical) image, entry image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { - color: #FFFFFF; + color: #bebebe; } spinbutton:not(.vertical) image:disabled, entry image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton:not(.vertical) image.left, @@ -276,7 +339,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -287,7 +350,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -300,8 +363,8 @@ entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #DD2C00; - color: #FFFFFF; + background-color: #734873; + color: #bebebe; } spinbutton.error:focus:not(.vertical), @@ -313,49 +376,49 @@ entry.error:focus { spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #DD2C00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #734873 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px #734873; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px #DD2C00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #734873 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px #734873; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.error:not(.vertical) image, entry.error image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { - color: #FFFFFF; + color: #bebebe; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.warning:not(.vertical), @@ -363,8 +426,8 @@ entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #FF6D00; - color: #FFFFFF; + background-color: #606026; + color: #bebebe; } spinbutton.warning:focus:not(.vertical), @@ -376,55 +439,55 @@ entry.warning:focus { spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #FF6D00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px #606026; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px #FF6D00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px #606026; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.warning:not(.vertical) image, entry.warning image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { - color: #FFFFFF; + color: #bebebe; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; - border-bottom: 2px solid #338DD6; + border-bottom: 2px solid #5a5a5a; background-color: transparent; } @@ -449,7 +512,7 @@ treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; - background-color: #303030; + background-color: #3c3c3c; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { @@ -461,8 +524,8 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f margin: 4px; border-radius: 9999px; box-shadow: none; - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { @@ -489,7 +552,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /*********** @@ -497,10 +560,10 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f ***********/ @keyframes needs_attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#bebebe), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bebebe), to(transparent)); } } @@ -513,18 +576,18 @@ button { font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; - background-color: #424242; + background-color: #414141; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(255, 255, 255, 0.8); + color: rgba(190, 190, 190, 0.8); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; - color: #FFFFFF; + color: #bebebe; } @@ -534,26 +597,26 @@ button:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; - color: #FFFFFF; + color: #bebebe; } button:disabled { box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.3); } button:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } button:checked:disabled { - background-color: rgba(51, 141, 214, 0.3); - color: rgba(51, 141, 214, 0.5); + background-color: rgba(90, 90, 90, 0.3); + color: rgba(90, 90, 90, 0.5); } modelbutton.flat, @@ -569,7 +632,7 @@ button.flat { background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } modelbutton.flat:hover, @@ -579,7 +642,7 @@ radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); - color: #FFFFFF; + color: #bebebe; } modelbutton.flat:active, @@ -593,7 +656,7 @@ button.flat:active { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; - color: #FFFFFF; + color: #bebebe; } modelbutton.flat:disabled, @@ -604,21 +667,21 @@ headerbar button:disabled:not(.suggested-action):not(.destructive-action), actio button.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } @@ -683,36 +746,36 @@ button.flat.text-button.image-button { infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { - color: #FFFFFF; + color: #bebebe; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } @@ -732,74 +795,74 @@ button.osd:disabled { button.suggested-action { - background-color: #009688; - color: #FFFFFF; + background-color: #2a6e6e; + color: #bebebe; } button.suggested-action:disabled { box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } button.suggested-action:checked { - background-color: #4db6ac; + background-color: #568686; } button.suggested-action.flat { background-color: transparent; - color: #009688; + color: #2a6e6e; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } button.suggested-action.flat:checked { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(42, 110, 110, 0.3); } button.destructive-action { - background-color: #FF5252; - color: #FFFFFF; + background-color: #844848; + color: #bebebe; } button.destructive-action:disabled { box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } button.destructive-action:checked { - background-color: #ff8686; + background-color: #956b6b; } button.destructive-action.flat { background-color: transparent; - color: #FF5252; + color: #844848; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } button.destructive-action.flat:checked { - background-color: rgba(255, 82, 82, 0.3); + background-color: rgba(132, 72, 72, 0.3); } .stack-switcher > @@ -955,14 +1018,14 @@ button.color { button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { - color: #338DD6; + color: #b6b6ff; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { - color: #E040FB; + color: #8888af; } infobar.info *:link, infobar.info button:link, @@ -975,7 +1038,7 @@ headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { - color: #FFFFFF; + color: #bebebe; } button:link > label, @@ -1013,7 +1076,7 @@ spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.d } spinbutton.vertical:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.vertical:drop(active) { @@ -1099,23 +1162,23 @@ notebook > stack:not(:only-child) button.combo, .raven .raven-background button. background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); background-color: transparent; - color: #FFFFFF; + color: #bebebe; } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -2px rgba(190, 190, 190, 0.5); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } /************ @@ -1124,7 +1187,7 @@ notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-backgroun toolbar { -GtkWidget-window-dragging: true; padding: 2px; - background-color: #212121; + background-color: #323232; } .osd toolbar { @@ -1136,7 +1199,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown { padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; + background-color: #3c3c3c; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { @@ -1187,8 +1250,8 @@ toolbar:not(.inline-toolbar):not(.osd) switch { padding: 6px; border-style: solid; border-width: 0 1px 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #292929; + border-color: rgba(0, 0, 0, 0.2); + background-color: #373737; } searchbar > revealer > box, @@ -1196,8 +1259,8 @@ searchbar > revealer > box, padding: 6px; border-style: solid; border-width: 0 0 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #212121; + border-color: rgba(0, 0, 0, 0.2); + background-color: #323232; background-clip: border-box; } @@ -1215,23 +1278,23 @@ headerbar { min-height: 44px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) .title, @@ -1254,29 +1317,29 @@ headerbar .linked:not(.vertical) > entry:not(.flat) { .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { - color: #FFFFFF; + color: #bebebe; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: #FFFFFF; + color: #bebebe; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, @@ -1287,35 +1350,35 @@ headerbar button:not(.suggested-action):not(.destructive-action):checked:disable .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .selection-mode.titlebar:not(headerbar), @@ -1323,55 +1386,55 @@ headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; - color: #FFFFFF; + color: #bebebe; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: #FFFFFF; + color: #bebebe; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, @@ -1534,8 +1597,8 @@ window.csd > .titlebar:not(headerbar) { } .titlebar:not(headerbar) > separator { - background-color: #303030; - background-image: image(rgba(0, 0, 0, 0.26)); + background-color: #323232; + background-image: image(rgba(0, 0, 0, 0.2)); } /************ @@ -1565,13 +1628,13 @@ window.csd > .titlebar:not(headerbar) { :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) @@ -1584,8 +1647,8 @@ window.csd > .titlebar:not(headerbar) { * Tree Views * **************/ treeview.view { - border-left-color: rgba(255, 255, 255, 0.3); - border-top-color: rgba(0, 0, 0, 0.26); + border-left-color: rgba(190, 190, 190, 0.3); + border-top-color: rgba(0, 0, 0, 0.2); } * { @@ -1598,7 +1661,7 @@ treeview.view { } treeview.view:selected { - border-left-color: rgba(255, 255, 255, 0.3); + border-left-color: rgba(190, 190, 190, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { @@ -1607,13 +1670,13 @@ treeview.view:hover, treeview.view:active, treeview.view:selected { treeview.view.separator { min-height: 5px; - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; - border-color: #009688; + border-color: #bebebe; } treeview.view:drop(active).after { @@ -1627,7 +1690,7 @@ treeview.view:drop(active).before { treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view.expander:dir(rtl) { @@ -1639,50 +1702,50 @@ treeview.view.expander:checked { } treeview.view.expander:hover, treeview.view.expander:active { - color: #FFFFFF; + color: #bebebe; } treeview.view.expander:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view.expander:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { - color: #FFFFFF; + color: #bebebe; } treeview.view.expander:selected:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view.progressbar { - border-bottom: 4px solid #338DD6; + border-bottom: 4px solid #bebebe; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { - border-bottom-color: #FFFFFF; + border-bottom-color: #bebebe; } treeview.view.trough { - border-bottom: 4px solid rgba(51, 141, 214, 0.3); + border-bottom: 4px solid rgba(190, 190, 190, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { - border-bottom-color: rgba(255, 255, 255, 0.3); + border-bottom-color: rgba(190, 190, 190, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 0; background-clip: border-box; } @@ -1692,7 +1755,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he } treeview.view header button, treeview.view header button:disabled { - background-color: #303030; + background-color: #3c3c3c; } treeview.view header button:last-child { @@ -1704,16 +1767,16 @@ treeview.view header.button.dnd { padding: 2px 6px; border-style: none solid solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; - color: #338DD6; + color: #5a5a5a; } treeview.view acceleditor > label { - background-color: #338DD6; + background-color: #5a5a5a; } /********* @@ -1723,7 +1786,7 @@ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; - background-color: #303030; + background-color: #323232; } menubar > menuitem, @@ -1731,19 +1794,19 @@ menubar > menuitem, transition: all 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } menubar > menuitem label:disabled, @@ -1761,8 +1824,8 @@ menu, margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #3c3c3c; + border: 1px solid rgba(0, 0, 0, 0.2); } .csd menu, .csd @@ -1787,13 +1850,13 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } menu menuitem arrow, @@ -1831,15 +1894,15 @@ menu > arrow, min-height: 16px; min-width: 16px; padding: 4px; - background-color: #303030; - color: rgba(255, 255, 255, 0.7); + background-color: #3c3c3c; + color: rgba(190, 190, 190, 0.7); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } @@ -1848,7 +1911,7 @@ menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1856,8 +1919,8 @@ menu > arrow.bottom, menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - color: #FFFFFF; + background-image: image(rgba(190, 190, 190, 0.12)); + color: #bebebe; } menu > arrow:disabled, @@ -1875,23 +1938,23 @@ menu separator, } menuitem accelerator { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .popup:not(.csd) menu menuitem { - color: #FFFFFF; + color: #bebebe; } .popup:not(.csd) menu menuitem:hover { - background-color: #494949; + background-color: #4c4c4c; } .popup:not(.csd) menu menuitem:disabled { - color: #989898; + color: #7d7d7d; } .popup:not(.csd) menu accelerator { - color: #c1c1c1; + color: #979797; } /************ @@ -1901,7 +1964,7 @@ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #424242; + background-color: #414141; } popover.background:backdrop { @@ -1951,8 +2014,8 @@ popover.background list separator { *************/ notebook > header { border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #212121; + border-color: rgba(0, 0, 0, 0.2); + background-color: #323232; background-clip: border-box; } @@ -1965,11 +2028,11 @@ notebook > header.top > tabs { } notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -2px rgba(190, 190, 190, 0.3); } notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #bebebe; } notebook > header.bottom { @@ -1981,11 +2044,11 @@ notebook > header.bottom > tabs { } notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 2px rgba(190, 190, 190, 0.3); } notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 2px #338DD6; + box-shadow: inset 0 2px #bebebe; } notebook > header.left { @@ -1997,11 +2060,11 @@ notebook > header.left > tabs { } notebook > header.left > tabs > tab:hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset -2px 0 rgba(190, 190, 190, 0.3); } notebook > header.left > tabs > tab:checked { - box-shadow: inset -2px 0 #338DD6; + box-shadow: inset -2px 0 #bebebe; } notebook > header.right { @@ -2013,11 +2076,11 @@ notebook > header.right > tabs { } notebook > header.right > tabs > tab:hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset 2px 0 rgba(190, 190, 190, 0.3); } notebook > header.right > tabs > tab:checked { - box-shadow: inset 2px 0 #338DD6; + box-shadow: inset 2px 0 #bebebe; } notebook > header.top > tabs > arrow { @@ -2080,41 +2143,41 @@ notebook > header tab { outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } notebook > header tab:hover { - color: #FFFFFF; + color: #bebebe; } notebook > header tab:hover.reorderable-page { - border-color: rgba(0, 0, 0, 0.26); - background-color: #292929; + border-color: rgba(0, 0, 0, 0.2); + background-color: #373737; } notebook > header tab:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; - color: #FFFFFF; + color: #bebebe; } notebook > header tab:checked:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } notebook > header tab:checked.reorderable-page { - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } notebook > header tab button.flat:last-child { @@ -2164,7 +2227,7 @@ notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs t } notebook > stack:not(:only-child) { - background-color: #303030; + background-color: #3c3c3c; } /************** @@ -2172,7 +2235,7 @@ notebook > stack:not(:only-child) { **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; } @@ -2182,19 +2245,19 @@ scrollbar { } scrollbar.top { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } scrollbar.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } scrollbar.left { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } scrollbar.right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } scrollbar slider { @@ -2204,19 +2267,19 @@ scrollbar slider { border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } scrollbar slider:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } scrollbar slider:active { - background-color: #FFFFFF; + background-color: #bebebe; } scrollbar slider:disabled { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scrollbar.fine-tune slider { @@ -2242,22 +2305,22 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(60, 60, 60, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(60, 60, 60, 0.3); border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { @@ -2277,7 +2340,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(48, 48, 48, 0.9); + background-color: rgba(60, 60, 60, 0.9); } scrollbar.horizontal slider { @@ -2320,21 +2383,21 @@ switch { padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); background-clip: padding-box; font-size: 0; } switch:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } switch:checked { - background-color: rgba(0, 150, 136, 0.5); + background-color: rgba(190, 190, 190, 0.5); } switch:checked:disabled { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } switch slider { @@ -2344,11 +2407,11 @@ switch slider { margin: -3px -2px; border-radius: 9999px; outline-width: 0; - outline-color: rgba(255, 255, 255, 0.12); + outline-color: rgba(190, 190, 190, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #424242; + background-color: #4b4b4b; } switch:focus slider { @@ -2360,12 +2423,12 @@ switch:hover slider { } switch:checked slider { - background-color: #009688; - outline-color: rgba(0, 150, 136, 0.2); + background-color: #bebebe; + outline-color: rgba(190, 190, 190, 0.2); } switch:disabled slider { - background-color: #212121; + background-color: #3c3c3c; } /************************* @@ -2421,29 +2484,29 @@ radio { check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #009688; + color: #bebebe; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { - color: rgba(0, 150, 136, 0.5); + color: rgba(190, 190, 190, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { - color: #FFFFFF; + color: #bebebe; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover @@ -2457,7 +2520,7 @@ radio:disabled { popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } popover check.left:dir(rtl), popover @@ -2491,7 +2554,7 @@ radio:dir(rtl) { menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem @@ -2530,17 +2593,17 @@ radio:indeterminate { radio { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#bebebe), to(transparent)); } radio:checked:not(:indeterminate) { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#bebebe), to(transparent)); } radio:checked:not(:indeterminate):disabled { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(190, 190, 190, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, @@ -2611,7 +2674,7 @@ treeview.view radio { treeview.view check:hover, treeview.view radio:hover { - box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); + box-shadow: inset 0 0 0 9999px alpha(#bebebe, 0.05); } treeview.view check:hover:disabled, @@ -2621,63 +2684,63 @@ treeview.view radio:hover:disabled { treeview.view check:hover:selected, treeview.view radio:hover:selected { - box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); + box-shadow: inset 0 0 0 9999px alpha(#bebebe, 0.05); } treeview.view check, treeview.view radio { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { - color: #FFFFFF; + color: #bebebe; } treeview.view check:disabled, treeview.view radio:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { - color: #009688; + color: #bebebe; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { - color: rgba(0, 150, 136, 0.5); + color: rgba(190, 190, 190, 0.5); } treeview.view check:selected, treeview.view radio:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { - color: #FFFFFF; + color: #bebebe; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { - color: #009688; + color: #bebebe; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { - color: rgba(0, 150, 136, 0.5); + color: rgba(190, 190, 190, 0.5); } treeview.view radio:checked { @@ -2703,16 +2766,16 @@ scale slider { scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scale trough:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: #009688; + background-color: #bebebe; } scale highlight:disabled { @@ -2721,7 +2784,7 @@ scale highlight:disabled { scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scale fill:disabled { @@ -2757,11 +2820,11 @@ scale.fine-tune slider { scale marks label, scale value { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } scale marks { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } scale marks.top { @@ -2938,7 +3001,7 @@ scale.color.vertical:dir(rtl) slider { * Progress bars * *****************/ progressbar { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: smaller; } @@ -2953,11 +3016,11 @@ progressbar.vertical progress { } progressbar trough { - background-color: rgba(51, 141, 214, 0.3); + background-color: rgba(190, 190, 190, 0.3); } progressbar progress { - background-color: #338DD6; + background-color: #bebebe; } progressbar trough.empty progress { @@ -2995,27 +3058,27 @@ levelbar trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; + background-color: #5a5a5a; } levelbar trough:disabled { - background-color: #292929; + background-color: #373737; } levelbar block.low { - background-color: #FF6D00; + background-color: #c7c77b; } levelbar block.high, levelbar block:not(.empty) { - background-color: #338DD6; + background-color: #bebebe; } levelbar block.full { - background-color: #00C853; + background-color: #92dd92; } levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } /**************** @@ -3023,9 +3086,9 @@ levelbar block.empty { *****************/ printdialog paper { padding: 0; - border: 1px solid rgba(0, 0, 0, 0.26); - background-color: #303030; - color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; + color: #bebebe; } printdialog .dialog-action-box { @@ -3039,7 +3102,7 @@ frame > border, .frame { margin: 0; padding: 0; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; } @@ -3052,7 +3115,7 @@ frame.flat > border { actionbar > revealer > box { padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } scrolledwindow viewport.frame { @@ -3060,7 +3123,7 @@ scrolledwindow viewport.frame { } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -3069,7 +3132,7 @@ overshoot.top { } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -3078,7 +3141,7 @@ overshoot.bottom { } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -3087,7 +3150,7 @@ overshoot.left { } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -3097,7 +3160,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3107,7 +3170,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3117,7 +3180,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3127,7 +3190,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3138,8 +3201,8 @@ undershoot.right { junction { border-style: solid none none solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } junction:dir(rtl) { @@ -3149,7 +3212,7 @@ junction:dir(rtl) { separator { min-width: 1px; min-height: 1px; - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(0, 0, 0, 0.2); } @@ -3164,8 +3227,8 @@ button.file separator, .tweak-categories separator { * Lists * *********/ list { - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } list row { @@ -3215,7 +3278,7 @@ expander title > arrow { min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } expander title > arrow:dir(rtl) { @@ -3227,23 +3290,23 @@ expander title > arrow:checked { } expander title > arrow:hover, expander title > arrow:active { - color: #FFFFFF; + color: #bebebe; } expander title > arrow:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } expander title > arrow:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { - color: #FFFFFF; + color: #bebebe; } expander title > arrow:selected:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } /************ @@ -3251,12 +3314,12 @@ expander title > arrow:selected:disabled { ************/ calendar { padding: 1px; - border: 1px solid rgba(0, 0, 0, 0.26); - color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0.2); + color: #bebebe; } calendar:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } calendar:selected { @@ -3269,31 +3332,31 @@ calendar.header { } calendar.highlight { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } calendar:indeterminate { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } /*********** * Dialogs * ***********/ messagedialog.background { - background-color: #424242; + background-color: #414141; } messagedialog .titlebar { min-height: 20px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; - color: #FFFFFF; + background-color: #414141; + color: #bebebe; } messagedialog .titlebar:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } messagedialog.csd.background { @@ -3303,7 +3366,7 @@ messagedialog.csd.background { messagedialog.csd .dialog-action-area button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; } @@ -3316,12 +3379,12 @@ messagedialog.csd .dialog-action-area button:last-child { } filechooser .dialog-action-box { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } filechooserbutton:drop(active) { @@ -3333,16 +3396,16 @@ filechooserbutton:drop(active) { ***********/ .sidebar { border-style: none; - background-color: #292929; + background-color: #373737; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); border-right-style: none; } @@ -3367,11 +3430,11 @@ stacksidebar row > label { * File chooser * ****************/ row image.sidebar-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } row:selected image.sidebar-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } placessidebar > viewport.frame { @@ -3393,11 +3456,11 @@ placessidebar row > revealer { } placessidebar row:selected { - color: #FFFFFF; + color: #bebebe; } placessidebar row:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } placessidebar row image.sidebar-icon:dir(ltr) { @@ -3419,16 +3482,16 @@ placessidebar row label.sidebar-label:dir(rtl) { placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; - background-image: image(#009688); + background-image: image(#bebebe); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { - color: #009688; + color: #bebebe; } placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 0 0 2px #009688; + box-shadow: inset 0 0 0 2px #bebebe; } placesview .server-list-button > image { @@ -3453,7 +3516,7 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.26)); + background-image: image(rgba(0, 0, 0, 0.2)); background-size: 1px 1px; background-clip: content-box; } @@ -3461,8 +3524,8 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #212121; - background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26)); + background-color: #323232; + background-image: image(rgba(0, 0, 0, 0.2)), image(rgba(0, 0, 0, 0.2)); background-size: 1px 1px, 1px 1px; } @@ -3511,23 +3574,23 @@ infobar { } infobar.info { - background-color: #66BB6A; + background-color: #3c6e3c; } infobar.question { - background-color: #42A5F5; + background-color: #2a6e6e; } infobar.warning { - background-color: #FFA726; + background-color: #606026; } infobar.error { - background-color: #EF5350; + background-color: #734873; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { - color: #FFFFFF; + color: #bebebe; } /************ @@ -3539,8 +3602,8 @@ tooltip { } tooltip.background { - background-color: rgba(66, 66, 66, 0.9); - color: #FFFFFF; + background-color: rgba(45, 45, 45, 0.9); + color: #bebebe; } tooltip decoration { @@ -3596,7 +3659,7 @@ colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { } colorswatch.dark { - color: #FFFFFF; + color: #bebebe; } colorswatch.light { @@ -3608,11 +3671,11 @@ colorswatch:drop(active) { } colorswatch:drop(active).light overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #bebebe; } colorswatch:drop(active).dark overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #bebebe; } colorswatch overlay { @@ -3626,7 +3689,7 @@ colorswatch overlay:hover { colorswatch#add-color-button { border-radius: 2px 2px 0 0; - color: #FFFFFF; + color: #bebebe; } colorswatch#add-color-button:only-child { @@ -3634,7 +3697,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); + background-image: linear-gradient(to right, #734873 25%, #606026 25%, #606026 50%, #3c6e3c 50%, #3c6e3c 75%, #2a6e6e 75%); } colorswatch:disabled { @@ -3657,7 +3720,7 @@ colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; + background-color: #3c3c3c; } colorchooser .popover.osd:backdrop { @@ -3668,7 +3731,7 @@ colorchooser .popover.osd:backdrop { * Misc * ********/ .content-view { - background-color: #212121; + background-color: #323232; } /********************** @@ -3721,28 +3784,28 @@ messagedialog.csd decoration { margin: 0; border-radius: 0; box-shadow: none; - background-color: #303030; + background-color: #323232; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { - background-color: #338DD6; + background-color: #5a5a5a; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { - color: #FFFFFF; + color: #bebebe; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .monospace { @@ -3754,7 +3817,7 @@ popover.background button.model:disabled:checked, row:disabled:selected, calenda **********************/ cursor-handle { border-radius: 9999px; - background-color: #009688; + background-color: #bebebe; background-image: none; } @@ -3785,18 +3848,18 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) padding-bottom: 2px; padding-left: 8px; padding-right: 8px; - border: solid 1px rgba(0, 0, 0, 0.26); + border: solid 1px rgba(0, 0, 0, 0.2); border-radius: 3px; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); - background-color: #303030; - color: #FFFFFF; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; + color: #bebebe; font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; - caret-color: #009688; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #bebebe; + caret-color: #bebebe; } stackswitcher button.text-button { @@ -3818,14 +3881,14 @@ popover.emoji-picker { } popover.emoji-picker entry { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } button.emoji-section { @@ -3839,16 +3902,16 @@ button.emoji-section { } button.emoji-section:hover { - box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 2px rgba(190, 190, 190, 0.3); } button.emoji-section:active { - box-shadow: inset 0 2px #338DD6; - background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); + box-shadow: inset 0 2px #5a5a5a; + background-image: radial-gradient(circle farthest-corner at center, rgba(90, 90, 90, 0.7) 10%, transparent 0%); } button.emoji-section:checked { - box-shadow: inset 0 2px #338DD6; + box-shadow: inset 0 2px #5a5a5a; background-color: transparent; } @@ -3880,11 +3943,11 @@ button.emoji-section:last-child { .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { - background-color: #303030; + background-color: #3c3c3c; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { - color: #FFFFFF; + color: #bebebe; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -3907,9 +3970,9 @@ button.emoji-section:last-child { padding: 0; border-style: solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 3px 3px 0 0; - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } @@ -3931,35 +3994,35 @@ button.emoji-section:last-child { } .disk-space-display.unknown { - background-color: #FF6D00; + background-color: #606026; } .disk-space-display.used { - background-color: #338DD6; + background-color: #5a5a5a; } .disk-space-display.free { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .nautilus-window paned > separator { - background-color: #212121; + background-color: #323232; } /********* * gedit * *********/ .open-document-selector-path-label { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: smaller; } .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .gedit-document-panel { - background-color: #292929; + background-color: #373737; } .gedit-document-panel row button.flat { @@ -3968,11 +4031,11 @@ button.emoji-section:last-child { } .gedit-document-panel-group-row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .gedit-search-slider { @@ -3985,7 +4048,7 @@ button.emoji-section:last-child { .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .gedit-search-slider entry:dir(ltr) { @@ -4015,15 +4078,15 @@ button.emoji-section:last-child { } .gedit-search-slider entry.error ~ button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { - color: #FFFFFF; + color: #bebebe; } .gedit-search-slider entry.error ~ button:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .gedit-search-slider button { @@ -4050,7 +4113,7 @@ frame.gedit-map-frame > border:dir(rtl) { * Tweak Tool * **************/ .tweak-categories { - background-image: image(#292929); + background-image: image(#373737); } .tweak { @@ -4064,17 +4127,17 @@ frame.gedit-map-frame > border:dir(rtl) { .tweak-group-white, .tweak-white, .tweak-white:hover { - background-image: image(#303030); + background-image: image(#3c3c3c); } .tweak-startup, .tweak-startup:hover { - background-image: image(#303030); + background-image: image(#3c3c3c); } .tweak-group-startup { - background-image: image(#303030); - border: 1px solid rgba(0, 0, 0, 0.26); + background-image: image(#3c3c3c); + border: 1px solid rgba(0, 0, 0, 0.2); } /*********** @@ -4089,16 +4152,16 @@ workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar } perspectiveswitcher { - background-color: #212121; + background-color: #323232; } perspectiveswitcher button:checked { - color: #338DD6; + color: #5a5a5a; } layouttabbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } layouttabbar > box > button { @@ -4109,9 +4172,9 @@ layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - box-shadow: inset 0 -2px #338DD6; - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 -2px #5a5a5a; + background-color: #3c3c3c; } layouttab separator.vertical { @@ -4125,42 +4188,42 @@ layouttab button.text-button, layouttab button.image-button, layouttab button { } layout { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); -PnlDockBin-handle-size: 1; } entry.search-missing { - background-color: #DD2C00; - color: #FFFFFF; + background-color: #734873; + color: #bebebe; } workbench treeview.image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } workbench treeview.image:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } dockbin { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); -PnlDockBin-handle-size: 1; } dockpaned { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } eggsearchbar box.search-bar { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } docktabstrip { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } docktab { @@ -4172,29 +4235,29 @@ docktab { outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } docktab:hover { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); - color: #FFFFFF; + box-shadow: inset 0 -2px rgba(190, 190, 190, 0.3); + color: #bebebe; } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #5a5a5a; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; - color: #FFFFFF; + color: #bebebe; } dockoverlayedge { - background-color: #212121; + background-color: #323232; } dockoverlayedge docktabstrip { @@ -4203,23 +4266,23 @@ dockoverlayedge docktabstrip { } dockoverlayedge.left-edge docktab:hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset -2px 0 rgba(190, 190, 190, 0.3); } dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #338DD6; + box-shadow: inset -2px 0 #5a5a5a; } dockoverlayedge.right-edge docktab:hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset 2px 0 rgba(190, 190, 190, 0.3); } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #338DD6; + box-shadow: inset 2px 0 #5a5a5a; } pillbox { - background-color: #212121; + background-color: #323232; border-radius: 2px; } @@ -4228,8 +4291,8 @@ buildperspective row { } layoutpane entry.search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); - background-color: #303030; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } editortweak entry.search { @@ -4266,8 +4329,8 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #009688; - color: #FFFFFF; + background-color: #bebebe; + color: #bebebe; font-weight: bold; } @@ -4298,28 +4361,28 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { *********/ .side-panel:dir(ltr) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); } .side-panel:dir(rtl) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); } .side-panel .view { - background-image: image(#292929); + background-image: image(#373737); } .side-panel .view:hover { - background-image: image(#343434); + background-image: image(#3e3e3e); } .side-panel .view:selected { - background-image: image(#338DD6); + background-image: image(#5a5a5a); } .side-panel .view:selected:hover { - background-image: image(#3d93d8); + background-image: image(#5f5f5f); } .songs-list:hover { @@ -4335,7 +4398,7 @@ frame.documents-dropdown > border { } box.vertical:not(.titlebar) > revealer > toolbar.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget { @@ -4409,11 +4472,11 @@ frame.commit-frame > border { * Characters * **************/ box.dialog-vbox scrolledwindow.related { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } list.categories { - background-image: image(#292929); + background-image: image(#373737); } /********* @@ -4424,7 +4487,7 @@ list.categories { padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; } /************** @@ -4478,7 +4541,7 @@ overlay > revealer.right > scrolledwindow.frame { .terminix-session-sidebar, .tilix-session-sidebar { - background-image: image(#424242); + background-image: image(#414141); } button.image-button.session-new-button { @@ -4505,14 +4568,14 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ tooltip.chromium { - background-color: #424242; + background-color: #2d2d2d; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.2); } window.background:not(.csd) > widget > scrollbar { @@ -4521,12 +4584,12 @@ window.background:not(.csd) > widget > scrollbar { window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.2); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; box-shadow: none; } @@ -4536,7 +4599,7 @@ window.background:not(.csd) > widget > entry { } window.background:not(.csd) > widget > entry:focus { - border-color: #338DD6; + border-color: #5a5a5a; } window.background:not(.csd) > widget > button > button { @@ -4574,19 +4637,19 @@ window.background:not(.csd) > menu > menu { } window.background:not(.csd) > widget > menubar { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } window.background:not(.csd) > widget > menubar:hover { - color: #FFFFFF; + color: #bebebe; } window.background:not(.csd) > widget > menubar:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } window.background:not(.csd) > widget > frame { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.2); } window.background:not(.csd) > widget > checkbutton > check, @@ -4596,7 +4659,7 @@ window.background:not(.csd) > widget > radiobutton > radio { } window.background:not(.csd) > window.background > menu > separator { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } /************ @@ -4646,15 +4709,15 @@ window.background:not(.csd) > window.background > menu > separator { } #CanvasTable #HorizontalScrollbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } #CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } #CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } #Canvas_and_Dock frame > border { @@ -4681,7 +4744,7 @@ window.background:not(.csd) > window.background > menu > separator { * Synapse * ***********/ box.vertical > widget > widget:selected { - background-color: #338DD6; + background-color: #5a5a5a; } /********* @@ -4697,7 +4760,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #338DD6; + -UnityDecoration-glow-color: #5a5a5a; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -4708,22 +4771,22 @@ UnityDecoration .top { border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } UnityDecoration .top:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } UnityDecoration .menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .background:not(.csd) headerbar:not(.titlebar) { @@ -4737,31 +4800,31 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #212121; - color: #FFFFFF; + background-color: #2d2d2d; + color: #bebebe; } UnityPanelWidget:backdrop, .unity-panel:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unity-panel.menuitem, .unity-panel .menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #338DD6; + color: #5a5a5a; } /************** @@ -4773,12 +4836,12 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar { - background-color: #212121; + background-color: #2d2d2d; font-weight: 500; } .mate-panel-menu-bar:not(.popup) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .mate-panel-menu-bar button { @@ -4789,7 +4852,7 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar button:checked { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } PanelToplevel.horizontal > grid > button { @@ -4801,12 +4864,12 @@ PanelToplevel.vertical > grid > button { } PanelSeparator { - color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.12); } MatePanelAppletFrameDBus { border-style: solid; - border-color: rgba(255, 255, 255, 0.12); + border-color: rgba(190, 190, 190, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { @@ -4818,16 +4881,16 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .mate-panel-menu-bar menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .mate-panel-menu-bar.horizontal menubar > menuitem { @@ -4879,19 +4942,19 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #40C4FF; + color: #808080; } PanelApplet.wnck-applet .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #338DD6; + background-color: #5a5a5a; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -4903,7 +4966,7 @@ PanelApplet.wnck-applet .wnck-pager:selected { } #MatePanelPopupWindow { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } @@ -4917,11 +4980,11 @@ PanelApplet.wnck-applet .wnck-pager:selected { } #MatePanelPopupWindow ClockMap { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } #MatePanelPopupWindow widget { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } na-tray-applet { @@ -4934,10 +4997,10 @@ na-tray-applet { } .mate-panel-applet-slider { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #212121; + background-color: #323232; } .mate-panel-applet-slider frame > border { @@ -4949,24 +5012,24 @@ na-tray-applet { } #PanelApplet:selected > box { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } #mate-menu { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; - color: #FFFFFF; + color: #bebebe; font-weight: normal; } #mate-menu button label:not(:first-child) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #mate-menu entry { @@ -5000,12 +5063,12 @@ na-tray-applet { .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { - background-color: #303030; + background-color: #3c3c3c; } .caja-side-pane notebook, .caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .caja-side-pane notebook .frame, @@ -5016,7 +5079,7 @@ na-tray-applet { .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .caja-notebook frame > border { @@ -5024,8 +5087,8 @@ na-tray-applet { } #caja-extra-view-widget { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } #caja-extra-view-widget > box > box > label { @@ -5038,7 +5101,7 @@ na-tray-applet { .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .pluma-window statusbar frame > border { @@ -5056,7 +5119,7 @@ na-tray-applet { } .pluma-print-preview toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -5069,11 +5132,11 @@ na-tray-applet { .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /********* @@ -5084,7 +5147,7 @@ na-tray-applet { } .atril-window paned.horizontal box.vertical notebook .frame { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } /* mate-screensaver lock dialog */ @@ -5119,7 +5182,7 @@ na-tray-applet { border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #424242; + background-color: #414141; } .budgie-popover .container { @@ -5145,12 +5208,12 @@ na-tray-applet { .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; - color: #FFFFFF; + color: #bebebe; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-popover.budgie-menu .container { @@ -5180,7 +5243,7 @@ na-tray-applet { .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .budgie-popover.places-menu .alternative-label { @@ -5201,7 +5264,7 @@ na-tray-applet { } .workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(190, 190, 190, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), @@ -5221,7 +5284,7 @@ na-tray-applet { .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(190, 190, 190, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), @@ -5253,7 +5316,7 @@ na-tray-applet { } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -5277,7 +5340,7 @@ na-tray-applet { .budgie-menu.background { padding: 0; - background-color: #303030; + background-color: #3c3c3c; } .budgie-menu scrollbar, @@ -5286,7 +5349,7 @@ na-tray-applet { } .budgie-menu entry.search { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; font-size: 120%; @@ -5304,16 +5367,16 @@ na-tray-applet { min-height: 32px; padding: 0 8px; border-radius: 0; - color: #FFFFFF; + color: #bebebe; font-weight: normal; } .budgie-menu button:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-menu button:checked:disabled { - background-color: #338DD6; + background-color: #5a5a5a; } .budgie-menu row { @@ -5370,7 +5433,7 @@ popover.background.places-menu .places-section-header > image:dir(rtl) { popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); background-color: transparent; } @@ -5382,13 +5445,13 @@ popover.background.places-menu row { .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: #212121; - color: rgba(255, 255, 255, 0.7); + background-color: #2d2d2d; + color: rgba(190, 190, 190, 0.7); font-weight: 500; } .budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .budgie-panel button { @@ -5399,7 +5462,7 @@ popover.background.places-menu row { } .budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .budgie-panel.horizontal button { @@ -5411,11 +5474,11 @@ popover.background.places-menu row { } .budgie-panel separator { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .budgie-panel .alert { - color: #FF5252; + color: #f1a8a8; } .budgie-panel #tasklist-button { @@ -5431,15 +5494,15 @@ popover.background.places-menu row { } .budgie-panel button.flat.launcher:not(:checked) { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { @@ -5500,7 +5563,7 @@ frame.raven-frame > border { } .raven { - background-color: #424242; + background-color: #414141; } .raven > box { @@ -5512,12 +5575,12 @@ frame.raven-frame > border { } .raven stackswitcher.linked > button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } @@ -5532,8 +5595,8 @@ frame.raven-frame > border { .raven .raven-header.top { padding: 2px 0; - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .raven .raven-header.top stackswitcher button { @@ -5559,7 +5622,7 @@ frame.raven-frame > border { } .raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .raven viewport.frame .raven-header { @@ -5569,8 +5632,8 @@ frame.raven-frame > border { .raven .raven-background { border-style: solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } .raven .raven-background.frame { @@ -5578,7 +5641,7 @@ frame.raven-frame > border { } .raven .raven-background > overlay > widget > image { - color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.12); } .raven .raven-background grid > label:first-child { @@ -5591,8 +5654,8 @@ frame.raven-frame > border { .raven .raven-header.top + .raven-background { border-style: none; - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .raven .raven-header.top + .raven-background stackswitcher button { @@ -5615,12 +5678,12 @@ calendar.raven-calendar { calendar.raven-calendar:selected { border-radius: 2px; - background-color: #338DD6; + background-color: #5a5a5a; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); - color: #FFFFFF; + color: #bebebe; } .raven-mpris label { @@ -5648,7 +5711,7 @@ calendar.raven-calendar:selected { padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #414141; } .drop-shadow .linked > button { @@ -5657,7 +5720,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; - background-color: #424242; + background-color: #414141; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { @@ -5671,7 +5734,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; } @@ -5684,15 +5747,15 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .message { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-polkit-dialog .failure { - color: #FF5252; + color: #f1a8a8; } .budgie-run-dialog { - background-color: #303030; + background-color: #3c3c3c; } .budgie-run-dialog entry.search { @@ -5708,7 +5771,7 @@ calendar.raven-calendar:selected { } .budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } /************************ @@ -5716,7 +5779,7 @@ calendar.raven-calendar:selected { ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; } #panel_window menubar, @@ -5733,15 +5796,15 @@ calendar.raven-calendar:selected { } #panel_window menubar > menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #panel_window menubar > menuitem:hover { - color: #FFFFFF; + color: #bebebe; } #panel_window menubar > menuitem:disabled label { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } #login_window, @@ -5750,12 +5813,12 @@ calendar.raven-calendar:selected { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #414141; } #content_frame { padding-bottom: 20px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #buttonbox_frame { @@ -5774,22 +5837,22 @@ calendar.raven-calendar:selected { * Nemo * *******/ .nemo-window .nemo-inactive-pane .view { - background-color: #292929; - color: #FFFFFF; + background-color: #373737; + color: #bebebe; } .nemo-window .sidebar .cell { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .nemo-window .sidebar .cell:selected { - color: #FFFFFF; - background-color: #338DD6; + color: #bebebe; + background-color: #5a5a5a; } .nemo-desktop.nemo-canvas-item { - color: #FFFFFF; + color: #bebebe; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -5802,64 +5865,64 @@ calendar.raven-calendar:selected { use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #FFFFFF; +@define-color theme_fg_color #bebebe; /* text color for entries, views and content in general */ -@define-color theme_text_color #FFFFFF; +@define-color theme_text_color #bebebe; /* widget base background color */ -@define-color theme_bg_color #212121; +@define-color theme_bg_color #323232; /* text widgets and the like base background color */ -@define-color theme_base_color #303030; +@define-color theme_base_color #3c3c3c; /* base background color of selections */ -@define-color theme_selected_bg_color #338DD6; +@define-color theme_selected_bg_color #5a5a5a; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #FFFFFF; +@define-color theme_selected_fg_color #bebebe; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #212121; +@define-color insensitive_bg_color #323232; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); +@define-color insensitive_fg_color rgba(190, 190, 190, 0.5); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #292929; +@define-color insensitive_base_color #373737; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #FFFFFF; +@define-color theme_unfocused_fg_color #bebebe; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #FFFFFF; +@define-color theme_unfocused_text_color #bebebe; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #212121; +@define-color theme_unfocused_bg_color #323232; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #303030; +@define-color theme_unfocused_base_color #3c3c3c; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #338DD6; +@define-color theme_unfocused_selected_bg_color #5a5a5a; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #FFFFFF; +@define-color theme_unfocused_selected_fg_color #bebebe; /* insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); +@define-color unfocused_insensitive_color rgba(190, 190, 190, 0.5); /* widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.26); +@define-color borders rgba(0, 0, 0, 0.2); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(0, 0, 0, 0.26); +@define-color unfocused_borders rgba(0, 0, 0, 0.2); /* these are pretty self explicative */ -@define-color warning_color #FF6D00; -@define-color error_color #DD2C00; -@define-color success_color #00C853; +@define-color warning_color #c7c77b; +@define-color error_color #dea8de; +@define-color success_color #92dd92; /* FIXME this is really an API */ -@define-color content_view_bg #303030; -@define-color placeholder_text_color #c1c1c1; +@define-color content_view_bg #3c3c3c; +@define-color placeholder_text_color #c5c5c5; diff --git a/src/gtk/3.20/gtk-dark.css b/src/gtk/3.20/gtk-dark.css index 5a91a64fd..47f913c07 100644 --- a/src/gtk/3.20/gtk-dark.css +++ b/src/gtk/3.20/gtk-dark.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ @keyframes ripple_effect { to { background-size: 1000% 1000%; @@ -6,17 +69,17 @@ @keyframes header_ripple_effect { from { - background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 0%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #DD2C00; + -GtkTextView-error-underline-color: #dea8de; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; @@ -28,7 +91,7 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; - -gtk-secondary-caret-color: #338DD6; + -gtk-secondary-caret-color: #5a5a5a; } notebook:focus tab, @@ -40,8 +103,8 @@ notebook:focus tab, * Base States * ***************/ .background { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } /* @@ -55,37 +118,37 @@ notebook:focus tab, } .gtkstyle-fallback { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .gtkstyle-fallback:hover { - background-color: #141414; - color: #FFFFFF; + background-color: #252525; + color: #bebebe; } .gtkstyle-fallback:active { - background-color: #080808; - color: #FFFFFF; + background-color: #191919; + color: #bebebe; } .gtkstyle-fallback:disabled { - background-color: #212121; - color: rgba(255, 255, 255, 0.5); + background-color: #323232; + color: rgba(190, 190, 190, 0.5); } .gtkstyle-fallback:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .view { - background-color: #303030; - color: #FFFFFF; + background-color: #3c3c3c; + color: #bebebe; } .view:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .view:hover, .view:active, .view:selected { @@ -93,12 +156,12 @@ notebook:focus tab, } textview text { - background-color: #303030; + background-color: #3c3c3c; } textview border { - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } .rubberband, @@ -107,8 +170,8 @@ flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { - border: 1px solid #40C4FF; - background-color: rgba(64, 196, 255, 0.3); + border: 1px solid #808080; + background-color: rgba(128, 128, 128, 0.3); } flowbox flowboxchild { @@ -126,16 +189,16 @@ label { } label.separator { - color: #FFFFFF; + color: #bebebe; } label selection { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } label:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } tab label:disabled, @@ -155,12 +218,12 @@ assistant .sidebar { assistant .sidebar label { min-height: 36px; padding: 0 12px; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-weight: 500; } assistant .sidebar label.highlight { - color: #FFFFFF; + color: #bebebe; } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { @@ -202,8 +265,8 @@ entry { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; - color: #FFFFFF; + background-color: #3c3c3c; + color: #bebebe; } spinbutton:focus:not(.vertical), @@ -215,8 +278,8 @@ entry:focus { spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), @@ -224,41 +287,41 @@ notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); background-color: transparent; - color: #FFFFFF; + color: #bebebe; } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton:not(.vertical) image, entry image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { - color: #FFFFFF; + color: #bebebe; } spinbutton:not(.vertical) image:disabled, entry image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton:not(.vertical) image.left, @@ -276,7 +339,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -287,7 +350,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -300,8 +363,8 @@ entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #DD2C00; - color: #FFFFFF; + background-color: #734873; + color: #bebebe; } spinbutton.error:focus:not(.vertical), @@ -313,49 +376,49 @@ entry.error:focus { spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #DD2C00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #734873 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px #734873; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px #DD2C00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #734873 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px #734873; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.error:not(.vertical) image, entry.error image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { - color: #FFFFFF; + color: #bebebe; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.warning:not(.vertical), @@ -363,8 +426,8 @@ entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #FF6D00; - color: #FFFFFF; + background-color: #606026; + color: #bebebe; } spinbutton.warning:focus:not(.vertical), @@ -376,55 +439,55 @@ entry.warning:focus { spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #FF6D00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px #606026; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px #FF6D00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px #606026; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.warning:not(.vertical) image, entry.warning image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { - color: #FFFFFF; + color: #bebebe; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; - border-bottom: 2px solid #338DD6; + border-bottom: 2px solid #5a5a5a; background-color: transparent; } @@ -449,7 +512,7 @@ treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; - background-color: #303030; + background-color: #3c3c3c; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { @@ -461,8 +524,8 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f margin: 6px; border-radius: 9999px; box-shadow: none; - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { @@ -489,7 +552,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /*********** @@ -497,10 +560,10 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f ***********/ @keyframes needs_attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#bebebe), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bebebe), to(transparent)); } } @@ -513,18 +576,18 @@ button { font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; - background-color: #424242; + background-color: #414141; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(255, 255, 255, 0.8); + color: rgba(190, 190, 190, 0.8); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; - color: #FFFFFF; + color: #bebebe; } @@ -534,26 +597,26 @@ button:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; - color: #FFFFFF; + color: #bebebe; } button:disabled { box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.3); } button:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } button:checked:disabled { - background-color: rgba(51, 141, 214, 0.3); - color: rgba(51, 141, 214, 0.5); + background-color: rgba(90, 90, 90, 0.3); + color: rgba(90, 90, 90, 0.5); } modelbutton.flat, @@ -569,7 +632,7 @@ button.flat { background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } modelbutton.flat:hover, @@ -579,7 +642,7 @@ radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); - color: #FFFFFF; + color: #bebebe; } modelbutton.flat:active, @@ -593,7 +656,7 @@ button.flat:active { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; - color: #FFFFFF; + color: #bebebe; } modelbutton.flat:disabled, @@ -604,21 +667,21 @@ headerbar button:disabled:not(.suggested-action):not(.destructive-action), actio button.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } @@ -683,36 +746,36 @@ button.flat.text-button.image-button { infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { - color: #FFFFFF; + color: #bebebe; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } @@ -732,74 +795,74 @@ button.osd:disabled { button.suggested-action { - background-color: #009688; - color: #FFFFFF; + background-color: #2a6e6e; + color: #bebebe; } button.suggested-action:disabled { box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } button.suggested-action:checked { - background-color: #4db6ac; + background-color: #568686; } button.suggested-action.flat { background-color: transparent; - color: #009688; + color: #2a6e6e; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } button.suggested-action.flat:checked { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(42, 110, 110, 0.3); } button.destructive-action { - background-color: #FF5252; - color: #FFFFFF; + background-color: #844848; + color: #bebebe; } button.destructive-action:disabled { box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } button.destructive-action:checked { - background-color: #ff8686; + background-color: #956b6b; } button.destructive-action.flat { background-color: transparent; - color: #FF5252; + color: #844848; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } button.destructive-action.flat:checked { - background-color: rgba(255, 82, 82, 0.3); + background-color: rgba(132, 72, 72, 0.3); } .stack-switcher > @@ -955,14 +1018,14 @@ button.color { button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { - color: #338DD6; + color: #b6b6ff; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { - color: #E040FB; + color: #8888af; } infobar.info *:link, infobar.info button:link, @@ -975,7 +1038,7 @@ headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { - color: #FFFFFF; + color: #bebebe; } button:link > label, @@ -1013,7 +1076,7 @@ spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.d } spinbutton.vertical:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.vertical:drop(active) { @@ -1099,23 +1162,23 @@ notebook > stack:not(:only-child) button.combo, .raven .raven-background button. background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); background-color: transparent; - color: #FFFFFF; + color: #bebebe; } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -2px rgba(190, 190, 190, 0.5); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } /************ @@ -1124,7 +1187,7 @@ notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-backgroun toolbar { -GtkWidget-window-dragging: true; padding: 2px; - background-color: #212121; + background-color: #323232; } .osd toolbar { @@ -1136,7 +1199,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown { padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; + background-color: #3c3c3c; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { @@ -1187,8 +1250,8 @@ toolbar:not(.inline-toolbar):not(.osd) switch { padding: 6px; border-style: solid; border-width: 0 1px 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #292929; + border-color: rgba(0, 0, 0, 0.2); + background-color: #373737; } searchbar > revealer > box, @@ -1196,8 +1259,8 @@ searchbar > revealer > box, padding: 6px; border-style: solid; border-width: 0 0 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #212121; + border-color: rgba(0, 0, 0, 0.2); + background-color: #323232; background-clip: border-box; } @@ -1215,23 +1278,23 @@ headerbar { min-height: 48px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) .title, @@ -1254,29 +1317,29 @@ headerbar .linked:not(.vertical) > entry:not(.flat) { .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { - color: #FFFFFF; + color: #bebebe; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: #FFFFFF; + color: #bebebe; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, @@ -1287,35 +1350,35 @@ headerbar button:not(.suggested-action):not(.destructive-action):checked:disable .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .selection-mode.titlebar:not(headerbar), @@ -1323,55 +1386,55 @@ headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; - color: #FFFFFF; + color: #bebebe; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: #FFFFFF; + color: #bebebe; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, @@ -1534,8 +1597,8 @@ window.csd > .titlebar:not(headerbar) { } .titlebar:not(headerbar) > separator { - background-color: #303030; - background-image: image(rgba(0, 0, 0, 0.26)); + background-color: #323232; + background-image: image(rgba(0, 0, 0, 0.2)); } /************ @@ -1565,13 +1628,13 @@ window.csd > .titlebar:not(headerbar) { :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) @@ -1584,8 +1647,8 @@ window.csd > .titlebar:not(headerbar) { * Tree Views * **************/ treeview.view { - border-left-color: rgba(255, 255, 255, 0.3); - border-top-color: rgba(0, 0, 0, 0.26); + border-left-color: rgba(190, 190, 190, 0.3); + border-top-color: rgba(0, 0, 0, 0.2); } * { @@ -1598,7 +1661,7 @@ treeview.view { } treeview.view:selected { - border-left-color: rgba(255, 255, 255, 0.3); + border-left-color: rgba(190, 190, 190, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { @@ -1607,13 +1670,13 @@ treeview.view:hover, treeview.view:active, treeview.view:selected { treeview.view.separator { min-height: 5px; - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; - border-color: #009688; + border-color: #bebebe; } treeview.view:drop(active).after { @@ -1627,7 +1690,7 @@ treeview.view:drop(active).before { treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view.expander:dir(rtl) { @@ -1639,50 +1702,50 @@ treeview.view.expander:checked { } treeview.view.expander:hover, treeview.view.expander:active { - color: #FFFFFF; + color: #bebebe; } treeview.view.expander:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view.expander:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { - color: #FFFFFF; + color: #bebebe; } treeview.view.expander:selected:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view.progressbar { - border-bottom: 4px solid #338DD6; + border-bottom: 4px solid #bebebe; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { - border-bottom-color: #FFFFFF; + border-bottom-color: #bebebe; } treeview.view.trough { - border-bottom: 4px solid rgba(51, 141, 214, 0.3); + border-bottom: 4px solid rgba(190, 190, 190, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { - border-bottom-color: rgba(255, 255, 255, 0.3); + border-bottom-color: rgba(190, 190, 190, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 0; background-clip: border-box; } @@ -1692,7 +1755,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he } treeview.view header button, treeview.view header button:disabled { - background-color: #303030; + background-color: #3c3c3c; } treeview.view header button:last-child { @@ -1704,16 +1767,16 @@ treeview.view header.button.dnd { padding: 2px 6px; border-style: none solid solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; - color: #338DD6; + color: #5a5a5a; } treeview.view acceleditor > label { - background-color: #338DD6; + background-color: #5a5a5a; } /********* @@ -1723,7 +1786,7 @@ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; - background-color: #303030; + background-color: #323232; } menubar > menuitem, @@ -1731,19 +1794,19 @@ menubar > menuitem, transition: all 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } menubar > menuitem label:disabled, @@ -1761,8 +1824,8 @@ menu, margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #3c3c3c; + border: 1px solid rgba(0, 0, 0, 0.2); } .csd menu, .csd @@ -1787,13 +1850,13 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } menu menuitem arrow, @@ -1831,15 +1894,15 @@ menu > arrow, min-height: 16px; min-width: 16px; padding: 4px; - background-color: #303030; - color: rgba(255, 255, 255, 0.7); + background-color: #3c3c3c; + color: rgba(190, 190, 190, 0.7); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } @@ -1848,7 +1911,7 @@ menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1856,8 +1919,8 @@ menu > arrow.bottom, menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - color: #FFFFFF; + background-image: image(rgba(190, 190, 190, 0.12)); + color: #bebebe; } menu > arrow:disabled, @@ -1875,23 +1938,23 @@ menu separator, } menuitem accelerator { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .popup:not(.csd) menu menuitem { - color: #FFFFFF; + color: #bebebe; } .popup:not(.csd) menu menuitem:hover { - background-color: #494949; + background-color: #4c4c4c; } .popup:not(.csd) menu menuitem:disabled { - color: #989898; + color: #7d7d7d; } .popup:not(.csd) menu accelerator { - color: #c1c1c1; + color: #979797; } /************ @@ -1901,7 +1964,7 @@ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #424242; + background-color: #414141; } popover.background:backdrop { @@ -1951,8 +2014,8 @@ popover.background list separator { *************/ notebook > header { border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #212121; + border-color: rgba(0, 0, 0, 0.2); + background-color: #323232; background-clip: border-box; } @@ -1965,11 +2028,11 @@ notebook > header.top > tabs { } notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -2px rgba(190, 190, 190, 0.3); } notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #bebebe; } notebook > header.bottom { @@ -1981,11 +2044,11 @@ notebook > header.bottom > tabs { } notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 2px rgba(190, 190, 190, 0.3); } notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 2px #338DD6; + box-shadow: inset 0 2px #bebebe; } notebook > header.left { @@ -1997,11 +2060,11 @@ notebook > header.left > tabs { } notebook > header.left > tabs > tab:hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset -2px 0 rgba(190, 190, 190, 0.3); } notebook > header.left > tabs > tab:checked { - box-shadow: inset -2px 0 #338DD6; + box-shadow: inset -2px 0 #bebebe; } notebook > header.right { @@ -2013,11 +2076,11 @@ notebook > header.right > tabs { } notebook > header.right > tabs > tab:hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset 2px 0 rgba(190, 190, 190, 0.3); } notebook > header.right > tabs > tab:checked { - box-shadow: inset 2px 0 #338DD6; + box-shadow: inset 2px 0 #bebebe; } notebook > header.top > tabs > arrow { @@ -2080,41 +2143,41 @@ notebook > header tab { outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } notebook > header tab:hover { - color: #FFFFFF; + color: #bebebe; } notebook > header tab:hover.reorderable-page { - border-color: rgba(0, 0, 0, 0.26); - background-color: #292929; + border-color: rgba(0, 0, 0, 0.2); + background-color: #373737; } notebook > header tab:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; - color: #FFFFFF; + color: #bebebe; } notebook > header tab:checked:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } notebook > header tab:checked.reorderable-page { - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } notebook > header tab button.flat:last-child { @@ -2164,7 +2227,7 @@ notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs t } notebook > stack:not(:only-child) { - background-color: #303030; + background-color: #3c3c3c; } /************** @@ -2172,7 +2235,7 @@ notebook > stack:not(:only-child) { **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; } @@ -2182,19 +2245,19 @@ scrollbar { } scrollbar.top { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } scrollbar.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } scrollbar.left { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } scrollbar.right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } scrollbar slider { @@ -2204,19 +2267,19 @@ scrollbar slider { border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } scrollbar slider:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } scrollbar slider:active { - background-color: #FFFFFF; + background-color: #bebebe; } scrollbar slider:disabled { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scrollbar.fine-tune slider { @@ -2242,22 +2305,22 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(60, 60, 60, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(60, 60, 60, 0.3); border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { @@ -2277,7 +2340,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(48, 48, 48, 0.9); + background-color: rgba(60, 60, 60, 0.9); } scrollbar.horizontal slider { @@ -2320,21 +2383,21 @@ switch { padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); background-clip: padding-box; font-size: 0; } switch:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } switch:checked { - background-color: rgba(0, 150, 136, 0.5); + background-color: rgba(190, 190, 190, 0.5); } switch:checked:disabled { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } switch slider { @@ -2344,11 +2407,11 @@ switch slider { margin: -3px -2px; border-radius: 9999px; outline-width: 0; - outline-color: rgba(255, 255, 255, 0.12); + outline-color: rgba(190, 190, 190, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #424242; + background-color: #4b4b4b; } switch:focus slider { @@ -2360,12 +2423,12 @@ switch:hover slider { } switch:checked slider { - background-color: #009688; - outline-color: rgba(0, 150, 136, 0.2); + background-color: #bebebe; + outline-color: rgba(190, 190, 190, 0.2); } switch:disabled slider { - background-color: #212121; + background-color: #3c3c3c; } /************************* @@ -2421,29 +2484,29 @@ radio { check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #009688; + color: #bebebe; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { - color: rgba(0, 150, 136, 0.5); + color: rgba(190, 190, 190, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { - color: #FFFFFF; + color: #bebebe; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover @@ -2457,7 +2520,7 @@ radio:disabled { popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } popover check.left:dir(rtl), popover @@ -2491,7 +2554,7 @@ radio:dir(rtl) { menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem @@ -2530,17 +2593,17 @@ radio:indeterminate { radio { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#bebebe), to(transparent)); } radio:checked:not(:indeterminate) { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#bebebe), to(transparent)); } radio:checked:not(:indeterminate):disabled { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(190, 190, 190, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, @@ -2611,7 +2674,7 @@ treeview.view radio { treeview.view check:hover, treeview.view radio:hover { - box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); + box-shadow: inset 0 0 0 9999px alpha(#bebebe, 0.05); } treeview.view check:hover:disabled, @@ -2621,63 +2684,63 @@ treeview.view radio:hover:disabled { treeview.view check:hover:selected, treeview.view radio:hover:selected { - box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); + box-shadow: inset 0 0 0 9999px alpha(#bebebe, 0.05); } treeview.view check, treeview.view radio { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { - color: #FFFFFF; + color: #bebebe; } treeview.view check:disabled, treeview.view radio:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { - color: #009688; + color: #bebebe; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { - color: rgba(0, 150, 136, 0.5); + color: rgba(190, 190, 190, 0.5); } treeview.view check:selected, treeview.view radio:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { - color: #FFFFFF; + color: #bebebe; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { - color: #009688; + color: #bebebe; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { - color: rgba(0, 150, 136, 0.5); + color: rgba(190, 190, 190, 0.5); } treeview.view radio:checked { @@ -2703,16 +2766,16 @@ scale slider { scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scale trough:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: #009688; + background-color: #bebebe; } scale highlight:disabled { @@ -2721,7 +2784,7 @@ scale highlight:disabled { scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scale fill:disabled { @@ -2757,11 +2820,11 @@ scale.fine-tune slider { scale marks label, scale value { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } scale marks { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } scale marks.top { @@ -2938,7 +3001,7 @@ scale.color.vertical:dir(rtl) slider { * Progress bars * *****************/ progressbar { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: smaller; } @@ -2953,11 +3016,11 @@ progressbar.vertical progress { } progressbar trough { - background-color: rgba(51, 141, 214, 0.3); + background-color: rgba(190, 190, 190, 0.3); } progressbar progress { - background-color: #338DD6; + background-color: #bebebe; } progressbar trough.empty progress { @@ -2995,27 +3058,27 @@ levelbar trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; + background-color: #5a5a5a; } levelbar trough:disabled { - background-color: #292929; + background-color: #373737; } levelbar block.low { - background-color: #FF6D00; + background-color: #c7c77b; } levelbar block.high, levelbar block:not(.empty) { - background-color: #338DD6; + background-color: #bebebe; } levelbar block.full { - background-color: #00C853; + background-color: #92dd92; } levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } /**************** @@ -3023,9 +3086,9 @@ levelbar block.empty { *****************/ printdialog paper { padding: 0; - border: 1px solid rgba(0, 0, 0, 0.26); - background-color: #303030; - color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; + color: #bebebe; } printdialog .dialog-action-box { @@ -3039,7 +3102,7 @@ frame > border, .frame { margin: 0; padding: 0; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; } @@ -3052,7 +3115,7 @@ frame.flat > border { actionbar > revealer > box { padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } scrolledwindow viewport.frame { @@ -3060,7 +3123,7 @@ scrolledwindow viewport.frame { } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -3069,7 +3132,7 @@ overshoot.top { } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -3078,7 +3141,7 @@ overshoot.bottom { } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -3087,7 +3150,7 @@ overshoot.left { } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -3097,7 +3160,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3107,7 +3170,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3117,7 +3180,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3127,7 +3190,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3138,8 +3201,8 @@ undershoot.right { junction { border-style: solid none none solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } junction:dir(rtl) { @@ -3149,7 +3212,7 @@ junction:dir(rtl) { separator { min-width: 1px; min-height: 1px; - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(0, 0, 0, 0.2); } @@ -3164,8 +3227,8 @@ button.file separator, .tweak-categories separator { * Lists * *********/ list { - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } list row { @@ -3215,7 +3278,7 @@ expander title > arrow { min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } expander title > arrow:dir(rtl) { @@ -3227,23 +3290,23 @@ expander title > arrow:checked { } expander title > arrow:hover, expander title > arrow:active { - color: #FFFFFF; + color: #bebebe; } expander title > arrow:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } expander title > arrow:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { - color: #FFFFFF; + color: #bebebe; } expander title > arrow:selected:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } /************ @@ -3251,12 +3314,12 @@ expander title > arrow:selected:disabled { ************/ calendar { padding: 1px; - border: 1px solid rgba(0, 0, 0, 0.26); - color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0.2); + color: #bebebe; } calendar:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } calendar:selected { @@ -3269,31 +3332,31 @@ calendar.header { } calendar.highlight { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } calendar:indeterminate { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } /*********** * Dialogs * ***********/ messagedialog.background { - background-color: #424242; + background-color: #414141; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; - color: #FFFFFF; + background-color: #414141; + color: #bebebe; } messagedialog .titlebar:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } messagedialog.csd.background { @@ -3303,7 +3366,7 @@ messagedialog.csd.background { messagedialog.csd .dialog-action-area button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; } @@ -3316,12 +3379,12 @@ messagedialog.csd .dialog-action-area button:last-child { } filechooser .dialog-action-box { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } filechooserbutton:drop(active) { @@ -3333,16 +3396,16 @@ filechooserbutton:drop(active) { ***********/ .sidebar { border-style: none; - background-color: #292929; + background-color: #373737; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); border-right-style: none; } @@ -3367,11 +3430,11 @@ stacksidebar row > label { * File chooser * ****************/ row image.sidebar-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } row:selected image.sidebar-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } placessidebar > viewport.frame { @@ -3393,11 +3456,11 @@ placessidebar row > revealer { } placessidebar row:selected { - color: #FFFFFF; + color: #bebebe; } placessidebar row:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } placessidebar row image.sidebar-icon:dir(ltr) { @@ -3419,16 +3482,16 @@ placessidebar row label.sidebar-label:dir(rtl) { placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; - background-image: image(#009688); + background-image: image(#bebebe); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { - color: #009688; + color: #bebebe; } placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 0 0 2px #009688; + box-shadow: inset 0 0 0 2px #bebebe; } placesview .server-list-button > image { @@ -3453,7 +3516,7 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.26)); + background-image: image(rgba(0, 0, 0, 0.2)); background-size: 1px 1px; background-clip: content-box; } @@ -3461,8 +3524,8 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #212121; - background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26)); + background-color: #323232; + background-image: image(rgba(0, 0, 0, 0.2)), image(rgba(0, 0, 0, 0.2)); background-size: 1px 1px, 1px 1px; } @@ -3511,23 +3574,23 @@ infobar { } infobar.info { - background-color: #66BB6A; + background-color: #3c6e3c; } infobar.question { - background-color: #42A5F5; + background-color: #2a6e6e; } infobar.warning { - background-color: #FFA726; + background-color: #606026; } infobar.error { - background-color: #EF5350; + background-color: #734873; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { - color: #FFFFFF; + color: #bebebe; } /************ @@ -3539,8 +3602,8 @@ tooltip { } tooltip.background { - background-color: rgba(66, 66, 66, 0.9); - color: #FFFFFF; + background-color: rgba(45, 45, 45, 0.9); + color: #bebebe; } tooltip decoration { @@ -3596,7 +3659,7 @@ colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { } colorswatch.dark { - color: #FFFFFF; + color: #bebebe; } colorswatch.light { @@ -3608,11 +3671,11 @@ colorswatch:drop(active) { } colorswatch:drop(active).light overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #bebebe; } colorswatch:drop(active).dark overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #bebebe; } colorswatch overlay { @@ -3626,7 +3689,7 @@ colorswatch overlay:hover { colorswatch#add-color-button { border-radius: 2px 2px 0 0; - color: #FFFFFF; + color: #bebebe; } colorswatch#add-color-button:only-child { @@ -3634,7 +3697,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); + background-image: linear-gradient(to right, #734873 25%, #606026 25%, #606026 50%, #3c6e3c 50%, #3c6e3c 75%, #2a6e6e 75%); } colorswatch:disabled { @@ -3657,7 +3720,7 @@ colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; + background-color: #3c3c3c; } colorchooser .popover.osd:backdrop { @@ -3668,7 +3731,7 @@ colorchooser .popover.osd:backdrop { * Misc * ********/ .content-view { - background-color: #212121; + background-color: #323232; } /********************** @@ -3721,28 +3784,28 @@ messagedialog.csd decoration { margin: 0; border-radius: 0; box-shadow: none; - background-color: #303030; + background-color: #323232; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { - background-color: #338DD6; + background-color: #5a5a5a; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { - color: #FFFFFF; + color: #bebebe; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .monospace { @@ -3754,7 +3817,7 @@ popover.background button.model:disabled:checked, row:disabled:selected, calenda **********************/ cursor-handle { border-radius: 9999px; - background-color: #009688; + background-color: #bebebe; background-image: none; } @@ -3785,18 +3848,18 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) padding-bottom: 2px; padding-left: 8px; padding-right: 8px; - border: solid 1px rgba(0, 0, 0, 0.26); + border: solid 1px rgba(0, 0, 0, 0.2); border-radius: 3px; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); - background-color: #303030; - color: #FFFFFF; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; + color: #bebebe; font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; - caret-color: #009688; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #bebebe; + caret-color: #bebebe; } stackswitcher button.text-button { @@ -3818,14 +3881,14 @@ popover.emoji-picker { } popover.emoji-picker entry { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } button.emoji-section { @@ -3839,16 +3902,16 @@ button.emoji-section { } button.emoji-section:hover { - box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 2px rgba(190, 190, 190, 0.3); } button.emoji-section:active { - box-shadow: inset 0 2px #338DD6; - background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); + box-shadow: inset 0 2px #5a5a5a; + background-image: radial-gradient(circle farthest-corner at center, rgba(90, 90, 90, 0.7) 10%, transparent 0%); } button.emoji-section:checked { - box-shadow: inset 0 2px #338DD6; + box-shadow: inset 0 2px #5a5a5a; background-color: transparent; } @@ -3880,11 +3943,11 @@ button.emoji-section:last-child { .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { - background-color: #303030; + background-color: #3c3c3c; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { - color: #FFFFFF; + color: #bebebe; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -3907,9 +3970,9 @@ button.emoji-section:last-child { padding: 0; border-style: solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 3px 3px 0 0; - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } @@ -3931,35 +3994,35 @@ button.emoji-section:last-child { } .disk-space-display.unknown { - background-color: #FF6D00; + background-color: #606026; } .disk-space-display.used { - background-color: #338DD6; + background-color: #5a5a5a; } .disk-space-display.free { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .nautilus-window paned > separator { - background-color: #212121; + background-color: #323232; } /********* * gedit * *********/ .open-document-selector-path-label { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: smaller; } .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .gedit-document-panel { - background-color: #292929; + background-color: #373737; } .gedit-document-panel row button.flat { @@ -3968,11 +4031,11 @@ button.emoji-section:last-child { } .gedit-document-panel-group-row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .gedit-search-slider { @@ -3985,7 +4048,7 @@ button.emoji-section:last-child { .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .gedit-search-slider entry:dir(ltr) { @@ -4015,15 +4078,15 @@ button.emoji-section:last-child { } .gedit-search-slider entry.error ~ button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { - color: #FFFFFF; + color: #bebebe; } .gedit-search-slider entry.error ~ button:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .gedit-search-slider button { @@ -4050,7 +4113,7 @@ frame.gedit-map-frame > border:dir(rtl) { * Tweak Tool * **************/ .tweak-categories { - background-image: image(#292929); + background-image: image(#373737); } .tweak { @@ -4064,17 +4127,17 @@ frame.gedit-map-frame > border:dir(rtl) { .tweak-group-white, .tweak-white, .tweak-white:hover { - background-image: image(#303030); + background-image: image(#3c3c3c); } .tweak-startup, .tweak-startup:hover { - background-image: image(#303030); + background-image: image(#3c3c3c); } .tweak-group-startup { - background-image: image(#303030); - border: 1px solid rgba(0, 0, 0, 0.26); + background-image: image(#3c3c3c); + border: 1px solid rgba(0, 0, 0, 0.2); } /*********** @@ -4089,16 +4152,16 @@ workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar } perspectiveswitcher { - background-color: #212121; + background-color: #323232; } perspectiveswitcher button:checked { - color: #338DD6; + color: #5a5a5a; } layouttabbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } layouttabbar > box > button { @@ -4109,9 +4172,9 @@ layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - box-shadow: inset 0 -2px #338DD6; - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 -2px #5a5a5a; + background-color: #3c3c3c; } layouttab separator.vertical { @@ -4125,42 +4188,42 @@ layouttab button.text-button, layouttab button.image-button, layouttab button { } layout { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); -PnlDockBin-handle-size: 1; } entry.search-missing { - background-color: #DD2C00; - color: #FFFFFF; + background-color: #734873; + color: #bebebe; } workbench treeview.image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } workbench treeview.image:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } dockbin { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); -PnlDockBin-handle-size: 1; } dockpaned { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } eggsearchbar box.search-bar { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } docktabstrip { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } docktab { @@ -4172,29 +4235,29 @@ docktab { outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } docktab:hover { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); - color: #FFFFFF; + box-shadow: inset 0 -2px rgba(190, 190, 190, 0.3); + color: #bebebe; } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #5a5a5a; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; - color: #FFFFFF; + color: #bebebe; } dockoverlayedge { - background-color: #212121; + background-color: #323232; } dockoverlayedge docktabstrip { @@ -4203,23 +4266,23 @@ dockoverlayedge docktabstrip { } dockoverlayedge.left-edge docktab:hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset -2px 0 rgba(190, 190, 190, 0.3); } dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #338DD6; + box-shadow: inset -2px 0 #5a5a5a; } dockoverlayedge.right-edge docktab:hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset 2px 0 rgba(190, 190, 190, 0.3); } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #338DD6; + box-shadow: inset 2px 0 #5a5a5a; } pillbox { - background-color: #212121; + background-color: #323232; border-radius: 2px; } @@ -4228,8 +4291,8 @@ buildperspective row { } layoutpane entry.search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); - background-color: #303030; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } editortweak entry.search { @@ -4266,8 +4329,8 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #009688; - color: #FFFFFF; + background-color: #bebebe; + color: #bebebe; font-weight: bold; } @@ -4298,28 +4361,28 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { *********/ .side-panel:dir(ltr) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); } .side-panel:dir(rtl) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); } .side-panel .view { - background-image: image(#292929); + background-image: image(#373737); } .side-panel .view:hover { - background-image: image(#343434); + background-image: image(#3e3e3e); } .side-panel .view:selected { - background-image: image(#338DD6); + background-image: image(#5a5a5a); } .side-panel .view:selected:hover { - background-image: image(#3d93d8); + background-image: image(#5f5f5f); } .songs-list:hover { @@ -4335,7 +4398,7 @@ frame.documents-dropdown > border { } box.vertical:not(.titlebar) > revealer > toolbar.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget { @@ -4409,11 +4472,11 @@ frame.commit-frame > border { * Characters * **************/ box.dialog-vbox scrolledwindow.related { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } list.categories { - background-image: image(#292929); + background-image: image(#373737); } /********* @@ -4424,7 +4487,7 @@ list.categories { padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; } /************** @@ -4478,7 +4541,7 @@ overlay > revealer.right > scrolledwindow.frame { .terminix-session-sidebar, .tilix-session-sidebar { - background-image: image(#424242); + background-image: image(#414141); } button.image-button.session-new-button { @@ -4505,14 +4568,14 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ tooltip.chromium { - background-color: #424242; + background-color: #2d2d2d; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.2); } window.background:not(.csd) > widget > scrollbar { @@ -4521,12 +4584,12 @@ window.background:not(.csd) > widget > scrollbar { window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.2); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; box-shadow: none; } @@ -4536,7 +4599,7 @@ window.background:not(.csd) > widget > entry { } window.background:not(.csd) > widget > entry:focus { - border-color: #338DD6; + border-color: #5a5a5a; } window.background:not(.csd) > widget > button > button { @@ -4574,19 +4637,19 @@ window.background:not(.csd) > menu > menu { } window.background:not(.csd) > widget > menubar { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } window.background:not(.csd) > widget > menubar:hover { - color: #FFFFFF; + color: #bebebe; } window.background:not(.csd) > widget > menubar:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } window.background:not(.csd) > widget > frame { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.2); } window.background:not(.csd) > widget > checkbutton > check, @@ -4596,7 +4659,7 @@ window.background:not(.csd) > widget > radiobutton > radio { } window.background:not(.csd) > window.background > menu > separator { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } /************ @@ -4646,15 +4709,15 @@ window.background:not(.csd) > window.background > menu > separator { } #CanvasTable #HorizontalScrollbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } #CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } #CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } #Canvas_and_Dock frame > border { @@ -4681,7 +4744,7 @@ window.background:not(.csd) > window.background > menu > separator { * Synapse * ***********/ box.vertical > widget > widget:selected { - background-color: #338DD6; + background-color: #5a5a5a; } /********* @@ -4697,7 +4760,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #338DD6; + -UnityDecoration-glow-color: #5a5a5a; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -4708,22 +4771,22 @@ UnityDecoration .top { border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } UnityDecoration .top:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } UnityDecoration .menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .background:not(.csd) headerbar:not(.titlebar) { @@ -4737,31 +4800,31 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #212121; - color: #FFFFFF; + background-color: #2d2d2d; + color: #bebebe; } UnityPanelWidget:backdrop, .unity-panel:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unity-panel.menuitem, .unity-panel .menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #338DD6; + color: #5a5a5a; } /************** @@ -4773,12 +4836,12 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar { - background-color: #212121; + background-color: #2d2d2d; font-weight: 500; } .mate-panel-menu-bar:not(.popup) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .mate-panel-menu-bar button { @@ -4789,7 +4852,7 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar button:checked { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } PanelToplevel.horizontal > grid > button { @@ -4801,12 +4864,12 @@ PanelToplevel.vertical > grid > button { } PanelSeparator { - color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.12); } MatePanelAppletFrameDBus { border-style: solid; - border-color: rgba(255, 255, 255, 0.12); + border-color: rgba(190, 190, 190, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { @@ -4818,16 +4881,16 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .mate-panel-menu-bar menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .mate-panel-menu-bar.horizontal menubar > menuitem { @@ -4879,19 +4942,19 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #40C4FF; + color: #808080; } PanelApplet.wnck-applet .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #338DD6; + background-color: #5a5a5a; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -4903,7 +4966,7 @@ PanelApplet.wnck-applet .wnck-pager:selected { } #MatePanelPopupWindow { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } @@ -4917,11 +4980,11 @@ PanelApplet.wnck-applet .wnck-pager:selected { } #MatePanelPopupWindow ClockMap { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } #MatePanelPopupWindow widget { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } na-tray-applet { @@ -4934,10 +4997,10 @@ na-tray-applet { } .mate-panel-applet-slider { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #212121; + background-color: #323232; } .mate-panel-applet-slider frame > border { @@ -4949,24 +5012,24 @@ na-tray-applet { } #PanelApplet:selected > box { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } #mate-menu { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; - color: #FFFFFF; + color: #bebebe; font-weight: normal; } #mate-menu button label:not(:first-child) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #mate-menu entry { @@ -5000,12 +5063,12 @@ na-tray-applet { .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { - background-color: #303030; + background-color: #3c3c3c; } .caja-side-pane notebook, .caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .caja-side-pane notebook .frame, @@ -5016,7 +5079,7 @@ na-tray-applet { .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .caja-notebook frame > border { @@ -5024,8 +5087,8 @@ na-tray-applet { } #caja-extra-view-widget { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } #caja-extra-view-widget > box > box > label { @@ -5038,7 +5101,7 @@ na-tray-applet { .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .pluma-window statusbar frame > border { @@ -5056,7 +5119,7 @@ na-tray-applet { } .pluma-print-preview toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -5069,11 +5132,11 @@ na-tray-applet { .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /********* @@ -5084,7 +5147,7 @@ na-tray-applet { } .atril-window paned.horizontal box.vertical notebook .frame { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } /* mate-screensaver lock dialog */ @@ -5119,7 +5182,7 @@ na-tray-applet { border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #424242; + background-color: #414141; } .budgie-popover .container { @@ -5145,12 +5208,12 @@ na-tray-applet { .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; - color: #FFFFFF; + color: #bebebe; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-popover.budgie-menu .container { @@ -5180,7 +5243,7 @@ na-tray-applet { .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .budgie-popover.places-menu .alternative-label { @@ -5201,7 +5264,7 @@ na-tray-applet { } .workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(190, 190, 190, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), @@ -5221,7 +5284,7 @@ na-tray-applet { .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(190, 190, 190, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), @@ -5253,7 +5316,7 @@ na-tray-applet { } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -5277,7 +5340,7 @@ na-tray-applet { .budgie-menu.background { padding: 0; - background-color: #303030; + background-color: #3c3c3c; } .budgie-menu scrollbar, @@ -5286,7 +5349,7 @@ na-tray-applet { } .budgie-menu entry.search { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; font-size: 120%; @@ -5304,16 +5367,16 @@ na-tray-applet { min-height: 32px; padding: 0 8px; border-radius: 0; - color: #FFFFFF; + color: #bebebe; font-weight: normal; } .budgie-menu button:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-menu button:checked:disabled { - background-color: #338DD6; + background-color: #5a5a5a; } .budgie-menu row { @@ -5370,7 +5433,7 @@ popover.background.places-menu .places-section-header > image:dir(rtl) { popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); background-color: transparent; } @@ -5382,13 +5445,13 @@ popover.background.places-menu row { .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: #212121; - color: rgba(255, 255, 255, 0.7); + background-color: #2d2d2d; + color: rgba(190, 190, 190, 0.7); font-weight: 500; } .budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .budgie-panel button { @@ -5399,7 +5462,7 @@ popover.background.places-menu row { } .budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .budgie-panel.horizontal button { @@ -5411,11 +5474,11 @@ popover.background.places-menu row { } .budgie-panel separator { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .budgie-panel .alert { - color: #FF5252; + color: #f1a8a8; } .budgie-panel #tasklist-button { @@ -5431,15 +5494,15 @@ popover.background.places-menu row { } .budgie-panel button.flat.launcher:not(:checked) { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { @@ -5500,7 +5563,7 @@ frame.raven-frame > border { } .raven { - background-color: #424242; + background-color: #414141; } .raven > box { @@ -5512,12 +5575,12 @@ frame.raven-frame > border { } .raven stackswitcher.linked > button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } @@ -5532,8 +5595,8 @@ frame.raven-frame > border { .raven .raven-header.top { padding: 2px 0; - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .raven .raven-header.top stackswitcher button { @@ -5559,7 +5622,7 @@ frame.raven-frame > border { } .raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .raven viewport.frame .raven-header { @@ -5569,8 +5632,8 @@ frame.raven-frame > border { .raven .raven-background { border-style: solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } .raven .raven-background.frame { @@ -5578,7 +5641,7 @@ frame.raven-frame > border { } .raven .raven-background > overlay > widget > image { - color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.12); } .raven .raven-background grid > label:first-child { @@ -5591,8 +5654,8 @@ frame.raven-frame > border { .raven .raven-header.top + .raven-background { border-style: none; - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .raven .raven-header.top + .raven-background stackswitcher button { @@ -5615,12 +5678,12 @@ calendar.raven-calendar { calendar.raven-calendar:selected { border-radius: 2px; - background-color: #338DD6; + background-color: #5a5a5a; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); - color: #FFFFFF; + color: #bebebe; } .raven-mpris label { @@ -5648,7 +5711,7 @@ calendar.raven-calendar:selected { padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #414141; } .drop-shadow .linked > button { @@ -5657,7 +5720,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; - background-color: #424242; + background-color: #414141; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { @@ -5671,7 +5734,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; } @@ -5684,15 +5747,15 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .message { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-polkit-dialog .failure { - color: #FF5252; + color: #f1a8a8; } .budgie-run-dialog { - background-color: #303030; + background-color: #3c3c3c; } .budgie-run-dialog entry.search { @@ -5708,7 +5771,7 @@ calendar.raven-calendar:selected { } .budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } /************************ @@ -5716,7 +5779,7 @@ calendar.raven-calendar:selected { ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; } #panel_window menubar, @@ -5733,15 +5796,15 @@ calendar.raven-calendar:selected { } #panel_window menubar > menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #panel_window menubar > menuitem:hover { - color: #FFFFFF; + color: #bebebe; } #panel_window menubar > menuitem:disabled label { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } #login_window, @@ -5750,12 +5813,12 @@ calendar.raven-calendar:selected { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #414141; } #content_frame { padding-bottom: 20px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #buttonbox_frame { @@ -5774,22 +5837,22 @@ calendar.raven-calendar:selected { * Nemo * *******/ .nemo-window .nemo-inactive-pane .view { - background-color: #292929; - color: #FFFFFF; + background-color: #373737; + color: #bebebe; } .nemo-window .sidebar .cell { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .nemo-window .sidebar .cell:selected { - color: #FFFFFF; - background-color: #338DD6; + color: #bebebe; + background-color: #5a5a5a; } .nemo-desktop.nemo-canvas-item { - color: #FFFFFF; + color: #bebebe; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -5802,64 +5865,64 @@ calendar.raven-calendar:selected { use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #FFFFFF; +@define-color theme_fg_color #bebebe; /* text color for entries, views and content in general */ -@define-color theme_text_color #FFFFFF; +@define-color theme_text_color #bebebe; /* widget base background color */ -@define-color theme_bg_color #212121; +@define-color theme_bg_color #323232; /* text widgets and the like base background color */ -@define-color theme_base_color #303030; +@define-color theme_base_color #3c3c3c; /* base background color of selections */ -@define-color theme_selected_bg_color #338DD6; +@define-color theme_selected_bg_color #5a5a5a; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #FFFFFF; +@define-color theme_selected_fg_color #bebebe; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #212121; +@define-color insensitive_bg_color #323232; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); +@define-color insensitive_fg_color rgba(190, 190, 190, 0.5); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #292929; +@define-color insensitive_base_color #373737; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #FFFFFF; +@define-color theme_unfocused_fg_color #bebebe; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #FFFFFF; +@define-color theme_unfocused_text_color #bebebe; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #212121; +@define-color theme_unfocused_bg_color #323232; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #303030; +@define-color theme_unfocused_base_color #3c3c3c; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #338DD6; +@define-color theme_unfocused_selected_bg_color #5a5a5a; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #FFFFFF; +@define-color theme_unfocused_selected_fg_color #bebebe; /* insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); +@define-color unfocused_insensitive_color rgba(190, 190, 190, 0.5); /* widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.26); +@define-color borders rgba(0, 0, 0, 0.2); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(0, 0, 0, 0.26); +@define-color unfocused_borders rgba(0, 0, 0, 0.2); /* these are pretty self explicative */ -@define-color warning_color #FF6D00; -@define-color error_color #DD2C00; -@define-color success_color #00C853; +@define-color warning_color #c7c77b; +@define-color error_color #dea8de; +@define-color success_color #92dd92; /* FIXME this is really an API */ -@define-color content_view_bg #303030; -@define-color placeholder_text_color #c1c1c1; +@define-color content_view_bg #3c3c3c; +@define-color placeholder_text_color #c5c5c5; diff --git a/src/gtk/3.22/gtk-dark-compact.css b/src/gtk/3.22/gtk-dark-compact.css index ca2a9f7dc..94a935c79 100644 --- a/src/gtk/3.22/gtk-dark-compact.css +++ b/src/gtk/3.22/gtk-dark-compact.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ @keyframes ripple_effect { to { background-size: 1000% 1000%; @@ -6,17 +69,17 @@ @keyframes header_ripple_effect { from { - background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 0%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #DD2C00; + -GtkTextView-error-underline-color: #dea8de; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; @@ -28,7 +91,7 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; - -gtk-secondary-caret-color: #338DD6; + -gtk-secondary-caret-color: #5a5a5a; } notebook:focus tab, @@ -40,8 +103,8 @@ notebook:focus tab, * Base States * ***************/ .background { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } /* @@ -55,37 +118,37 @@ notebook:focus tab, } .gtkstyle-fallback { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .gtkstyle-fallback:hover { - background-color: #141414; - color: #FFFFFF; + background-color: #252525; + color: #bebebe; } .gtkstyle-fallback:active { - background-color: #080808; - color: #FFFFFF; + background-color: #191919; + color: #bebebe; } .gtkstyle-fallback:disabled { - background-color: #212121; - color: rgba(255, 255, 255, 0.5); + background-color: #323232; + color: rgba(190, 190, 190, 0.5); } .gtkstyle-fallback:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .view { - background-color: #303030; - color: #FFFFFF; + background-color: #3c3c3c; + color: #bebebe; } .view:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .view:hover, .view:active, .view:selected { @@ -93,12 +156,12 @@ notebook:focus tab, } textview text { - background-color: #303030; + background-color: #3c3c3c; } textview border { - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } .rubberband, @@ -107,8 +170,8 @@ flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { - border: 1px solid #40C4FF; - background-color: rgba(64, 196, 255, 0.3); + border: 1px solid #808080; + background-color: rgba(128, 128, 128, 0.3); } flowbox flowboxchild { @@ -126,16 +189,16 @@ label { } label.separator { - color: #FFFFFF; + color: #bebebe; } label selection { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } label:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } tab label:disabled, @@ -155,12 +218,12 @@ assistant .sidebar { assistant .sidebar label { min-height: 32px; padding: 0 12px; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-weight: 500; } assistant .sidebar label.highlight { - color: #FFFFFF; + color: #bebebe; } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { @@ -202,8 +265,8 @@ entry { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; - color: #FFFFFF; + background-color: #3c3c3c; + color: #bebebe; } spinbutton:focus:not(.vertical), @@ -215,8 +278,8 @@ entry:focus { spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), @@ -224,41 +287,41 @@ notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); background-color: transparent; - color: #FFFFFF; + color: #bebebe; } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton:not(.vertical) image, entry image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { - color: #FFFFFF; + color: #bebebe; } spinbutton:not(.vertical) image:disabled, entry image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton:not(.vertical) image.left, @@ -276,7 +339,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -287,7 +350,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -300,8 +363,8 @@ entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #DD2C00; - color: #FFFFFF; + background-color: #734873; + color: #bebebe; } spinbutton.error:focus:not(.vertical), @@ -313,49 +376,49 @@ entry.error:focus { spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #DD2C00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #734873 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px #734873; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px #DD2C00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #734873 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px #734873; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.error:not(.vertical) image, entry.error image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { - color: #FFFFFF; + color: #bebebe; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.warning:not(.vertical), @@ -363,8 +426,8 @@ entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #FF6D00; - color: #FFFFFF; + background-color: #606026; + color: #bebebe; } spinbutton.warning:focus:not(.vertical), @@ -376,55 +439,55 @@ entry.warning:focus { spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #FF6D00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px #606026; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px #FF6D00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px #606026; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.warning:not(.vertical) image, entry.warning image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { - color: #FFFFFF; + color: #bebebe; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; - border-bottom: 2px solid #338DD6; + border-bottom: 2px solid #5a5a5a; background-color: transparent; } @@ -450,7 +513,7 @@ treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; - background-color: #303030; + background-color: #3c3c3c; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { @@ -462,8 +525,8 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f margin: 4px; border-radius: 9999px; box-shadow: none; - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { @@ -490,7 +553,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /*********** @@ -498,10 +561,10 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f ***********/ @keyframes needs_attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#bebebe), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bebebe), to(transparent)); } } @@ -514,18 +577,18 @@ button { font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; - background-color: #424242; + background-color: #414141; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(255, 255, 255, 0.8); + color: rgba(190, 190, 190, 0.8); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; - color: #FFFFFF; + color: #bebebe; } @@ -535,26 +598,26 @@ button:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; - color: #FFFFFF; + color: #bebebe; } button:disabled { box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.3); } button:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } button:checked:disabled { - background-color: rgba(51, 141, 214, 0.3); - color: rgba(51, 141, 214, 0.5); + background-color: rgba(90, 90, 90, 0.3); + color: rgba(90, 90, 90, 0.5); } modelbutton.flat, @@ -570,7 +633,7 @@ button.flat { background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } modelbutton.flat:hover, @@ -580,7 +643,7 @@ radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); - color: #FFFFFF; + color: #bebebe; } modelbutton.flat:active, @@ -594,7 +657,7 @@ button.flat:active { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; - color: #FFFFFF; + color: #bebebe; } modelbutton.flat:disabled, @@ -605,21 +668,21 @@ headerbar button:disabled:not(.suggested-action):not(.destructive-action), actio button.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } @@ -684,36 +747,36 @@ button.flat.text-button.image-button { infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { - color: #FFFFFF; + color: #bebebe; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } @@ -733,74 +796,74 @@ button.osd:disabled { button.suggested-action { - background-color: #009688; - color: #FFFFFF; + background-color: #2a6e6e; + color: #bebebe; } button.suggested-action:disabled { box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } button.suggested-action:checked { - background-color: #4db6ac; + background-color: #568686; } button.suggested-action.flat { background-color: transparent; - color: #009688; + color: #2a6e6e; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } button.suggested-action.flat:checked { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(42, 110, 110, 0.3); } button.destructive-action { - background-color: #FF5252; - color: #FFFFFF; + background-color: #844848; + color: #bebebe; } button.destructive-action:disabled { box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } button.destructive-action:checked { - background-color: #ff8686; + background-color: #956b6b; } button.destructive-action.flat { background-color: transparent; - color: #FF5252; + color: #844848; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } button.destructive-action.flat:checked { - background-color: rgba(255, 82, 82, 0.3); + background-color: rgba(132, 72, 72, 0.3); } .stack-switcher > @@ -956,14 +1019,14 @@ button.color { button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { - color: #338DD6; + color: #b6b6ff; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { - color: #E040FB; + color: #8888af; } infobar.info *:link, infobar.info button:link, @@ -976,7 +1039,7 @@ headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { - color: #FFFFFF; + color: #bebebe; } button:link > label, @@ -1014,7 +1077,7 @@ spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.d } spinbutton.vertical:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.vertical:drop(active) { @@ -1100,23 +1163,23 @@ notebook > stack:not(:only-child) button.combo, .raven .raven-background button. background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); background-color: transparent; - color: #FFFFFF; + color: #bebebe; } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -2px rgba(190, 190, 190, 0.5); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } /************ @@ -1125,7 +1188,7 @@ notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-backgroun toolbar { -GtkWidget-window-dragging: true; padding: 2px; - background-color: #212121; + background-color: #323232; } .osd toolbar { @@ -1137,7 +1200,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown { padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; + background-color: #3c3c3c; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { @@ -1188,8 +1251,8 @@ toolbar:not(.inline-toolbar):not(.osd) switch { padding: 6px; border-style: solid; border-width: 0 1px 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #292929; + border-color: rgba(0, 0, 0, 0.2); + background-color: #373737; } searchbar > revealer > box, @@ -1197,8 +1260,8 @@ searchbar > revealer > box, padding: 6px; border-style: solid; border-width: 0 0 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #212121; + border-color: rgba(0, 0, 0, 0.2); + background-color: #323232; background-clip: border-box; } @@ -1216,23 +1279,23 @@ headerbar { min-height: 44px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) .title, @@ -1255,29 +1318,29 @@ headerbar .linked:not(.vertical) > entry:not(.flat) { .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { - color: #FFFFFF; + color: #bebebe; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: #FFFFFF; + color: #bebebe; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, @@ -1288,35 +1351,35 @@ headerbar button:not(.suggested-action):not(.destructive-action):checked:disable .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .selection-mode.titlebar:not(headerbar), @@ -1324,55 +1387,55 @@ headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; - color: #FFFFFF; + color: #bebebe; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: #FFFFFF; + color: #bebebe; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, @@ -1535,8 +1598,8 @@ window.csd > .titlebar:not(headerbar) { } .titlebar:not(headerbar) > separator { - background-color: #303030; - background-image: image(rgba(0, 0, 0, 0.26)); + background-color: #323232; + background-image: image(rgba(0, 0, 0, 0.2)); } /************ @@ -1566,13 +1629,13 @@ window.csd > .titlebar:not(headerbar) { :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) @@ -1585,8 +1648,8 @@ window.csd > .titlebar:not(headerbar) { * Tree Views * **************/ treeview.view { - border-left-color: rgba(255, 255, 255, 0.3); - border-top-color: rgba(0, 0, 0, 0.26); + border-left-color: rgba(190, 190, 190, 0.3); + border-top-color: rgba(0, 0, 0, 0.2); } * { @@ -1599,7 +1662,7 @@ treeview.view { } treeview.view:selected { - border-left-color: rgba(255, 255, 255, 0.3); + border-left-color: rgba(190, 190, 190, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { @@ -1608,13 +1671,13 @@ treeview.view:hover, treeview.view:active, treeview.view:selected { treeview.view.separator { min-height: 5px; - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; - border-color: #009688; + border-color: #bebebe; } treeview.view:drop(active).after { @@ -1628,7 +1691,7 @@ treeview.view:drop(active).before { treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view.expander:dir(rtl) { @@ -1640,50 +1703,50 @@ treeview.view.expander:checked { } treeview.view.expander:hover, treeview.view.expander:active { - color: #FFFFFF; + color: #bebebe; } treeview.view.expander:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view.expander:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { - color: #FFFFFF; + color: #bebebe; } treeview.view.expander:selected:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view.progressbar { - border-bottom: 4px solid #338DD6; + border-bottom: 4px solid #bebebe; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { - border-bottom-color: #FFFFFF; + border-bottom-color: #bebebe; } treeview.view.trough { - border-bottom: 4px solid rgba(51, 141, 214, 0.3); + border-bottom: 4px solid rgba(190, 190, 190, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { - border-bottom-color: rgba(255, 255, 255, 0.3); + border-bottom-color: rgba(190, 190, 190, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 0; background-clip: border-box; } @@ -1693,7 +1756,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he } treeview.view header button, treeview.view header button:disabled { - background-color: #303030; + background-color: #3c3c3c; } treeview.view header button:last-child { @@ -1705,16 +1768,16 @@ treeview.view header.button.dnd { padding: 2px 6px; border-style: none solid solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; - color: #338DD6; + color: #5a5a5a; } treeview.view acceleditor > label { - background-color: #338DD6; + background-color: #5a5a5a; } /********* @@ -1724,7 +1787,7 @@ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; - background-color: #303030; + background-color: #323232; } menubar > menuitem, @@ -1732,19 +1795,19 @@ menubar > menuitem, transition: all 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } menubar > menuitem label:disabled, @@ -1762,8 +1825,8 @@ menu, margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #3c3c3c; + border: 1px solid rgba(0, 0, 0, 0.2); } .csd menu, .csd @@ -1788,13 +1851,13 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } menu menuitem arrow, @@ -1832,15 +1895,15 @@ menu > arrow, min-height: 16px; min-width: 16px; padding: 4px; - background-color: #303030; - color: rgba(255, 255, 255, 0.7); + background-color: #3c3c3c; + color: rgba(190, 190, 190, 0.7); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } @@ -1849,7 +1912,7 @@ menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1857,8 +1920,8 @@ menu > arrow.bottom, menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - color: #FFFFFF; + background-image: image(rgba(190, 190, 190, 0.12)); + color: #bebebe; } menu > arrow:disabled, @@ -1876,23 +1939,23 @@ menu separator, } menuitem accelerator { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .popup:not(.csd) menu menuitem { - color: #FFFFFF; + color: #bebebe; } .popup:not(.csd) menu menuitem:hover { - background-color: #494949; + background-color: #4c4c4c; } .popup:not(.csd) menu menuitem:disabled { - color: #989898; + color: #7d7d7d; } .popup:not(.csd) menu accelerator { - color: #c1c1c1; + color: #979797; } /************ @@ -1902,7 +1965,7 @@ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #424242; + background-color: #414141; } popover.background:backdrop { @@ -1952,8 +2015,8 @@ popover.background list separator { *************/ notebook > header { border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #212121; + border-color: rgba(0, 0, 0, 0.2); + background-color: #323232; background-clip: border-box; } @@ -1966,11 +2029,11 @@ notebook > header.top > tabs { } notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -2px rgba(190, 190, 190, 0.3); } notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #bebebe; } notebook > header.bottom { @@ -1982,11 +2045,11 @@ notebook > header.bottom > tabs { } notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 2px rgba(190, 190, 190, 0.3); } notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 2px #338DD6; + box-shadow: inset 0 2px #bebebe; } notebook > header.left { @@ -1998,11 +2061,11 @@ notebook > header.left > tabs { } notebook > header.left > tabs > tab:hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset -2px 0 rgba(190, 190, 190, 0.3); } notebook > header.left > tabs > tab:checked { - box-shadow: inset -2px 0 #338DD6; + box-shadow: inset -2px 0 #bebebe; } notebook > header.right { @@ -2014,11 +2077,11 @@ notebook > header.right > tabs { } notebook > header.right > tabs > tab:hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset 2px 0 rgba(190, 190, 190, 0.3); } notebook > header.right > tabs > tab:checked { - box-shadow: inset 2px 0 #338DD6; + box-shadow: inset 2px 0 #bebebe; } notebook > header.top > tabs > arrow { @@ -2081,41 +2144,41 @@ notebook > header tab { outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } notebook > header tab:hover { - color: #FFFFFF; + color: #bebebe; } notebook > header tab:hover.reorderable-page { - border-color: rgba(0, 0, 0, 0.26); - background-color: #292929; + border-color: rgba(0, 0, 0, 0.2); + background-color: #373737; } notebook > header tab:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; - color: #FFFFFF; + color: #bebebe; } notebook > header tab:checked:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } notebook > header tab:checked.reorderable-page { - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } notebook > header tab button.flat:last-child { @@ -2165,7 +2228,7 @@ notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs t } notebook > stack:not(:only-child) { - background-color: #303030; + background-color: #3c3c3c; } /************** @@ -2173,7 +2236,7 @@ notebook > stack:not(:only-child) { **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; } @@ -2183,19 +2246,19 @@ scrollbar { } scrollbar.top { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } scrollbar.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } scrollbar.left { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } scrollbar.right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } scrollbar slider { @@ -2205,19 +2268,19 @@ scrollbar slider { border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } scrollbar slider:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } scrollbar slider:active { - background-color: #FFFFFF; + background-color: #bebebe; } scrollbar slider:disabled { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scrollbar.fine-tune slider { @@ -2243,22 +2306,22 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(60, 60, 60, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(60, 60, 60, 0.3); border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { @@ -2278,7 +2341,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(48, 48, 48, 0.9); + background-color: rgba(60, 60, 60, 0.9); } scrollbar.horizontal slider { @@ -2321,21 +2384,21 @@ switch { padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); background-clip: padding-box; font-size: 0; } switch:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } switch:checked { - background-color: rgba(0, 150, 136, 0.5); + background-color: rgba(190, 190, 190, 0.5); } switch:checked:disabled { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } switch slider { @@ -2345,11 +2408,11 @@ switch slider { margin: -3px -2px; border-radius: 9999px; outline-width: 0; - outline-color: rgba(255, 255, 255, 0.12); + outline-color: rgba(190, 190, 190, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #424242; + background-color: #4b4b4b; } switch:focus slider { @@ -2361,12 +2424,12 @@ switch:hover slider { } switch:checked slider { - background-color: #009688; - outline-color: rgba(0, 150, 136, 0.2); + background-color: #bebebe; + outline-color: rgba(190, 190, 190, 0.2); } switch:disabled slider { - background-color: #212121; + background-color: #3c3c3c; } /************************* @@ -2422,29 +2485,29 @@ radio { check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #009688; + color: #bebebe; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { - color: rgba(0, 150, 136, 0.5); + color: rgba(190, 190, 190, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { - color: #FFFFFF; + color: #bebebe; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover @@ -2458,7 +2521,7 @@ radio:disabled { popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } popover check.left:dir(rtl), popover @@ -2492,7 +2555,7 @@ radio:dir(rtl) { menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem @@ -2531,17 +2594,17 @@ radio:indeterminate { radio { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#bebebe), to(transparent)); } radio:checked:not(:indeterminate) { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#bebebe), to(transparent)); } radio:checked:not(:indeterminate):disabled { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(190, 190, 190, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, @@ -2612,7 +2675,7 @@ treeview.view radio { treeview.view check:hover, treeview.view radio:hover { - box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); + box-shadow: inset 0 0 0 9999px alpha(#bebebe, 0.05); } treeview.view check:hover:disabled, @@ -2622,63 +2685,63 @@ treeview.view radio:hover:disabled { treeview.view check:hover:selected, treeview.view radio:hover:selected { - box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); + box-shadow: inset 0 0 0 9999px alpha(#bebebe, 0.05); } treeview.view check, treeview.view radio { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { - color: #FFFFFF; + color: #bebebe; } treeview.view check:disabled, treeview.view radio:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { - color: #009688; + color: #bebebe; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { - color: rgba(0, 150, 136, 0.5); + color: rgba(190, 190, 190, 0.5); } treeview.view check:selected, treeview.view radio:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { - color: #FFFFFF; + color: #bebebe; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { - color: #009688; + color: #bebebe; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { - color: rgba(0, 150, 136, 0.5); + color: rgba(190, 190, 190, 0.5); } treeview.view radio:checked { @@ -2704,16 +2767,16 @@ scale slider { scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scale trough:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: #009688; + background-color: #bebebe; } scale highlight:disabled { @@ -2722,7 +2785,7 @@ scale highlight:disabled { scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scale fill:disabled { @@ -2758,11 +2821,11 @@ scale.fine-tune slider { scale marks label, scale value { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } scale marks { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } scale marks.top { @@ -2939,7 +3002,7 @@ scale.color.vertical:dir(rtl) slider { * Progress bars * *****************/ progressbar { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: smaller; } @@ -2954,11 +3017,11 @@ progressbar.vertical progress { } progressbar trough { - background-color: rgba(51, 141, 214, 0.3); + background-color: rgba(190, 190, 190, 0.3); } progressbar progress { - background-color: #338DD6; + background-color: #bebebe; } progressbar trough.empty progress { @@ -2996,27 +3059,27 @@ levelbar trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; + background-color: #5a5a5a; } levelbar trough:disabled { - background-color: #292929; + background-color: #373737; } levelbar block.low { - background-color: #FF6D00; + background-color: #c7c77b; } levelbar block.high, levelbar block:not(.empty) { - background-color: #338DD6; + background-color: #bebebe; } levelbar block.full { - background-color: #00C853; + background-color: #92dd92; } levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } /**************** @@ -3024,9 +3087,9 @@ levelbar block.empty { *****************/ printdialog paper { padding: 0; - border: 1px solid rgba(0, 0, 0, 0.26); - background-color: #303030; - color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; + color: #bebebe; } printdialog .dialog-action-box { @@ -3040,7 +3103,7 @@ frame > border, .frame { margin: 0; padding: 0; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; } @@ -3053,7 +3116,7 @@ frame.flat > border { actionbar > revealer > box { padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } scrolledwindow viewport.frame { @@ -3061,7 +3124,7 @@ scrolledwindow viewport.frame { } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -3070,7 +3133,7 @@ overshoot.top { } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -3079,7 +3142,7 @@ overshoot.bottom { } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -3088,7 +3151,7 @@ overshoot.left { } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -3098,7 +3161,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3108,7 +3171,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3118,7 +3181,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3128,7 +3191,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3139,8 +3202,8 @@ undershoot.right { junction { border-style: solid none none solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } junction:dir(rtl) { @@ -3150,7 +3213,7 @@ junction:dir(rtl) { separator { min-width: 1px; min-height: 1px; - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(0, 0, 0, 0.2); } @@ -3165,8 +3228,8 @@ button.file separator, .tweak-categories separator, preferences stacksidebar.sid * Lists * *********/ list { - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } list row { @@ -3216,7 +3279,7 @@ expander title > arrow { min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } expander title > arrow:dir(rtl) { @@ -3228,23 +3291,23 @@ expander title > arrow:checked { } expander title > arrow:hover, expander title > arrow:active { - color: #FFFFFF; + color: #bebebe; } expander title > arrow:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } expander title > arrow:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { - color: #FFFFFF; + color: #bebebe; } expander title > arrow:selected:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } /************ @@ -3252,12 +3315,12 @@ expander title > arrow:selected:disabled { ************/ calendar { padding: 1px; - border: 1px solid rgba(0, 0, 0, 0.26); - color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0.2); + color: #bebebe; } calendar:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } calendar:selected { @@ -3270,31 +3333,31 @@ calendar.header { } calendar.highlight { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } calendar:indeterminate { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } /*********** * Dialogs * ***********/ messagedialog.background { - background-color: #424242; + background-color: #414141; } messagedialog .titlebar { min-height: 20px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; - color: #FFFFFF; + background-color: #414141; + color: #bebebe; } messagedialog .titlebar:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } messagedialog.csd.background { @@ -3304,7 +3367,7 @@ messagedialog.csd.background { messagedialog.csd .dialog-action-area button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; } @@ -3317,12 +3380,12 @@ messagedialog.csd .dialog-action-area button:last-child { } filechooser .dialog-action-box { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } filechooserbutton:drop(active) { @@ -3334,16 +3397,16 @@ filechooserbutton:drop(active) { ***********/ .sidebar { border-style: none; - background-color: #292929; + background-color: #373737; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); border-right-style: none; } @@ -3368,11 +3431,11 @@ stacksidebar row > label { * File chooser * ****************/ row image.sidebar-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } row:selected image.sidebar-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } placessidebar > viewport.frame { @@ -3394,11 +3457,11 @@ placessidebar row > revealer { } placessidebar row:selected { - color: #FFFFFF; + color: #bebebe; } placessidebar row:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } placessidebar row image.sidebar-icon:dir(ltr) { @@ -3420,16 +3483,16 @@ placessidebar row label.sidebar-label:dir(rtl) { placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; - background-image: image(#009688); + background-image: image(#bebebe); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { - color: #009688; + color: #bebebe; } placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 0 0 2px #009688; + box-shadow: inset 0 0 0 2px #bebebe; } placesview .server-list-button > image { @@ -3454,7 +3517,7 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.26)); + background-image: image(rgba(0, 0, 0, 0.2)); background-size: 1px 1px; background-clip: content-box; } @@ -3462,8 +3525,8 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #212121; - background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26)); + background-color: #323232; + background-image: image(rgba(0, 0, 0, 0.2)), image(rgba(0, 0, 0, 0.2)); background-size: 1px 1px, 1px 1px; } @@ -3512,23 +3575,23 @@ infobar { } infobar.info { - background-color: #66BB6A; + background-color: #3c6e3c; } infobar.question { - background-color: #42A5F5; + background-color: #2a6e6e; } infobar.warning { - background-color: #FFA726; + background-color: #606026; } infobar.error { - background-color: #EF5350; + background-color: #734873; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { - color: #FFFFFF; + color: #bebebe; } /************ @@ -3540,8 +3603,8 @@ tooltip { } tooltip.background { - background-color: rgba(66, 66, 66, 0.9); - color: #FFFFFF; + background-color: rgba(45, 45, 45, 0.9); + color: #bebebe; } tooltip decoration { @@ -3597,7 +3660,7 @@ colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { } colorswatch.dark { - color: #FFFFFF; + color: #bebebe; } colorswatch.light { @@ -3609,11 +3672,11 @@ colorswatch:drop(active) { } colorswatch:drop(active).light overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #bebebe; } colorswatch:drop(active).dark overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #bebebe; } colorswatch overlay { @@ -3627,7 +3690,7 @@ colorswatch overlay:hover { colorswatch#add-color-button { border-radius: 2px 2px 0 0; - color: #FFFFFF; + color: #bebebe; } colorswatch#add-color-button:only-child { @@ -3635,7 +3698,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); + background-image: linear-gradient(to right, #734873 25%, #606026 25%, #606026 50%, #3c6e3c 50%, #3c6e3c 75%, #2a6e6e 75%); } colorswatch:disabled { @@ -3658,7 +3721,7 @@ colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; + background-color: #3c3c3c; } colorchooser .popover.osd:backdrop { @@ -3669,7 +3732,7 @@ colorchooser .popover.osd:backdrop { * Misc * ********/ .content-view { - background-color: #212121; + background-color: #323232; } /********************** @@ -3722,28 +3785,28 @@ messagedialog.csd decoration { margin: 0; border-radius: 0; box-shadow: none; - background-color: #303030; + background-color: #323232; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { - background-color: #338DD6; + background-color: #5a5a5a; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { - color: #FFFFFF; + color: #bebebe; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .monospace { @@ -3755,7 +3818,7 @@ popover.background button.model:disabled:checked, row:disabled:selected, calenda **********************/ cursor-handle { border-radius: 9999px; - background-color: #009688; + background-color: #bebebe; background-image: none; } @@ -3786,18 +3849,18 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) padding-bottom: 2px; padding-left: 8px; padding-right: 8px; - border: solid 1px rgba(0, 0, 0, 0.26); + border: solid 1px rgba(0, 0, 0, 0.2); border-radius: 3px; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); - background-color: #303030; - color: #FFFFFF; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; + color: #bebebe; font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; - caret-color: #009688; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #bebebe; + caret-color: #bebebe; } stackswitcher button.text-button { @@ -3819,14 +3882,14 @@ popover.emoji-picker { } popover.emoji-picker entry { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } button.emoji-section { @@ -3840,16 +3903,16 @@ button.emoji-section { } button.emoji-section:hover { - box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 2px rgba(190, 190, 190, 0.3); } button.emoji-section:active { - box-shadow: inset 0 2px #338DD6; - background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); + box-shadow: inset 0 2px #5a5a5a; + background-image: radial-gradient(circle farthest-corner at center, rgba(90, 90, 90, 0.7) 10%, transparent 0%); } button.emoji-section:checked { - box-shadow: inset 0 2px #338DD6; + box-shadow: inset 0 2px #5a5a5a; background-color: transparent; } @@ -3881,11 +3944,11 @@ button.emoji-section:last-child { .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { - background-color: #303030; + background-color: #3c3c3c; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { - color: #FFFFFF; + color: #bebebe; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -3908,9 +3971,9 @@ button.emoji-section:last-child { padding: 0; border-style: solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 3px 3px 0 0; - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } @@ -3932,19 +3995,19 @@ button.emoji-section:last-child { } .disk-space-display.unknown { - background-color: #FF6D00; + background-color: #606026; } .disk-space-display.used { - background-color: #338DD6; + background-color: #5a5a5a; } .disk-space-display.free { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .conflict-row:not(:selected) { - background-color: #6e4222; + background-color: #474735; } .nautilus-window flowboxchild > widget > .icon-item-background { @@ -3957,7 +4020,7 @@ button.emoji-section:last-child { } .nautilus-window flowboxchild:selected > widget > .icon-item-background { - background-color: #338DD6; + background-color: #5a5a5a; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { @@ -3966,7 +4029,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow. dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { @@ -4003,27 +4066,27 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .nautilus-menu-sort-heading:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .nautilus-window paned > separator { - background-color: #212121; + background-color: #323232; } /********* * gedit * *********/ .open-document-selector-path-label { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: smaller; } .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .gedit-document-panel { - background-color: #292929; + background-color: #373737; } .gedit-document-panel row button.flat { @@ -4032,11 +4095,11 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .gedit-document-panel-group-row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .gedit-search-slider { @@ -4049,7 +4112,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .gedit-search-slider entry:dir(ltr) { @@ -4079,15 +4142,15 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .gedit-search-slider entry.error ~ button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { - color: #FFFFFF; + color: #bebebe; } .gedit-search-slider entry.error ~ button:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .gedit-search-slider button { @@ -4114,7 +4177,7 @@ frame.gedit-map-frame > border:dir(rtl) { * Tweak Tool * **************/ .tweak-categories { - background-image: image(#292929); + background-image: image(#373737); } .tweak { @@ -4128,17 +4191,17 @@ frame.gedit-map-frame > border:dir(rtl) { .tweak-group-white, .tweak-white, .tweak-white:hover { - background-image: image(#303030); + background-image: image(#3c3c3c); } .tweak-startup, .tweak-startup:hover { - background-image: image(#303030); + background-image: image(#3c3c3c); } .tweak-group-startup { - background-image: image(#303030); - border: 1px solid rgba(0, 0, 0, 0.26); + background-image: image(#3c3c3c); + border: 1px solid rgba(0, 0, 0, 0.2); } row#Focus, @@ -4147,7 +4210,7 @@ row#dynamic-workspaces, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { padding: 0; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } row#Focus row:not(:last-child), @@ -4155,7 +4218,7 @@ row#StaticWorkspaceTweak row:not(:last-child), row#dynamic-workspaces row:not(:last-child), row#PrimaryWorkspaceTweak row:not(:last-child), row#workspaces-only-on-primary row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } row#Focus.tweak > list, @@ -4176,8 +4239,8 @@ row#workspaces-only-on-primary { * Builder * ***********/ layouttabbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } layouttabbar > box > button { @@ -4188,9 +4251,9 @@ layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - box-shadow: inset 0 -2px #338DD6; - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 -2px #5a5a5a; + background-color: #3c3c3c; } layouttab separator.vertical { @@ -4204,21 +4267,21 @@ layouttab button.text-button, layouttab button.image-button, layouttab button { } layout { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); -PnlDockBin-handle-size: 1; } entry.search-missing { - background-color: #DD2C00; - color: #FFFFFF; + background-color: #734873; + color: #bebebe; } window.workbench treeview.image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } window.workbench treeview.image:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } popover.popover-selector list { @@ -4250,20 +4313,20 @@ omnibar.linked:not(.vertical) entry { } omnibar:not(:hover):not(:active) entry { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } popover.omnibar list row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } entry.preferences-search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); - background-color: #303030; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } preferences stacksidebar.sidebar list { - background-color: #292929; + background-color: #373737; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { @@ -4271,11 +4334,11 @@ preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar } preferences > box > box:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } preferences > box > box:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } popover.messagepopover.background { @@ -4284,7 +4347,7 @@ popover.messagepopover.background { popover.messagepopover .popover-action-area button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; } @@ -4305,7 +4368,7 @@ popover.transfers list { } popover.transfers list row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } popover.transfers list row > box { @@ -4313,24 +4376,24 @@ popover.transfers list row > box { } dockbin { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); -PnlDockBin-handle-size: 1; } dockpaned { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } eggsearchbar box.search-bar { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } docktabstrip { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } docktab { @@ -4342,29 +4405,29 @@ docktab { outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } docktab:hover { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); - color: #FFFFFF; + box-shadow: inset 0 -2px rgba(190, 190, 190, 0.3); + color: #bebebe; } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #5a5a5a; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; - color: #FFFFFF; + color: #bebebe; } dockoverlayedge { - background-color: #212121; + background-color: #323232; } dockoverlayedge docktabstrip { @@ -4373,29 +4436,29 @@ dockoverlayedge docktabstrip { } dockoverlayedge.left-edge docktab:hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset -2px 0 rgba(190, 190, 190, 0.3); } dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #338DD6; + box-shadow: inset -2px 0 #5a5a5a; } dockoverlayedge.right-edge docktab:hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset 2px 0 rgba(190, 190, 190, 0.3); } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #338DD6; + box-shadow: inset 2px 0 #5a5a5a; } pillbox { - background-color: #212121; + background-color: #323232; border-radius: 2px; } layoutpane entry.search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); - background-color: #303030; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } editortweak entry.search { @@ -4431,33 +4494,33 @@ button.dzlmenubutton image.arrow { } button.dzlmenubuttonitem { - color: #FFFFFF; + color: #bebebe; font-weight: normal; } button.dzlmenubuttonitem:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } idelayoutstackheader { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } idelayoutstackheader button:checked { - color: #FFFFFF; + color: #bebebe; } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; - background-color: #212121; + background-color: #323232; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } ideeditorutilities > dzldockpaned > box > stackswitcher button { @@ -4468,12 +4531,12 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button { } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, rgba(90, 90, 90, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; - color: #FFFFFF; + color: #bebebe; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { @@ -4481,11 +4544,11 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset -2px 0 rgba(190, 190, 190, 0.3); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #338DD6; + box-shadow: inset -2px 0 #5a5a5a; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { @@ -4493,11 +4556,11 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset 2px 0 rgba(190, 190, 190, 0.3); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #338DD6; + box-shadow: inset 2px 0 #5a5a5a; } ideeditorsidebar notebook header { @@ -4505,11 +4568,11 @@ ideeditorsidebar notebook header { } popover.messagepopover list { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } popover.messagepopover list row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /********** @@ -4523,8 +4586,8 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #009688; - color: #FFFFFF; + background-color: #bebebe; + color: #bebebe; font-weight: bold; } @@ -4559,28 +4622,28 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { *********/ .side-panel:dir(ltr) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); } .side-panel:dir(rtl) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); } .side-panel .view { - background-image: image(#292929); + background-image: image(#373737); } .side-panel .view:hover { - background-image: image(#343434); + background-image: image(#3e3e3e); } .side-panel .view:selected { - background-image: image(#338DD6); + background-image: image(#5a5a5a); } .side-panel .view:selected:hover { - background-image: image(#3d93d8); + background-image: image(#5f5f5f); } .songs-list:hover { @@ -4596,7 +4659,7 @@ frame.documents-dropdown > border { } box.vertical > revealer > toolbar.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); background-clip: border-box; } @@ -4661,11 +4724,11 @@ frame.commit-frame > border { * Characters * **************/ box.dialog-vbox scrolledwindow.related { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } list.categories { - background-image: image(#292929); + background-image: image(#373737); } /********* @@ -4676,7 +4739,7 @@ list.categories { padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; } /************** @@ -4730,7 +4793,7 @@ overlay > revealer.right > scrolledwindow.frame { .terminix-session-sidebar, .tilix-session-sidebar { - background-image: image(#424242); + background-image: image(#414141); } button.image-button.session-new-button { @@ -4757,14 +4820,14 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ tooltip.chromium { - background-color: #424242; + background-color: #2d2d2d; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.2); } window.background:not(.csd) > widget > scrollbar { @@ -4773,12 +4836,12 @@ window.background:not(.csd) > widget > scrollbar { window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.2); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; box-shadow: none; } @@ -4788,7 +4851,7 @@ window.background:not(.csd) > widget > entry { } window.background:not(.csd) > widget > entry:focus { - border-color: #338DD6; + border-color: #5a5a5a; } window.background:not(.csd) > widget > button > button { @@ -4826,19 +4889,19 @@ window.background:not(.csd) > menu > menu { } window.background:not(.csd) > widget > menubar { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } window.background:not(.csd) > widget > menubar:hover { - color: #FFFFFF; + color: #bebebe; } window.background:not(.csd) > widget > menubar:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } window.background:not(.csd) > widget > frame { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.2); } window.background:not(.csd) > widget > checkbutton > check, @@ -4848,7 +4911,7 @@ window.background:not(.csd) > widget > radiobutton > radio { } window.background:not(.csd) > window.background > menu > separator { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } /************ @@ -4898,15 +4961,15 @@ window.background:not(.csd) > window.background > menu > separator { } #CanvasTable #HorizontalScrollbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } #CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } #CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } #Canvas_and_Dock frame > border { @@ -4933,7 +4996,7 @@ window.background:not(.csd) > window.background > menu > separator { * Synapse * ***********/ box.vertical > widget > widget:selected { - background-color: #338DD6; + background-color: #5a5a5a; } /********* @@ -4949,7 +5012,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #338DD6; + -UnityDecoration-glow-color: #5a5a5a; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -4960,22 +5023,22 @@ UnityDecoration .top { border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } UnityDecoration .top:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } UnityDecoration .menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .background:not(.csd) headerbar:not(.titlebar) { @@ -4989,31 +5052,31 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #212121; - color: #FFFFFF; + background-color: #2d2d2d; + color: #bebebe; } UnityPanelWidget:backdrop, .unity-panel:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unity-panel.menuitem, .unity-panel .menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #338DD6; + color: #5a5a5a; } /************** @@ -5025,12 +5088,12 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar { - background-color: #212121; + background-color: #2d2d2d; font-weight: 500; } .mate-panel-menu-bar:not(.popup) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .mate-panel-menu-bar button { @@ -5041,7 +5104,7 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar button:checked { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } PanelToplevel.horizontal > grid > button { @@ -5053,12 +5116,12 @@ PanelToplevel.vertical > grid > button { } PanelSeparator { - color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.12); } MatePanelAppletFrameDBus { border-style: solid; - border-color: rgba(255, 255, 255, 0.12); + border-color: rgba(190, 190, 190, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { @@ -5070,16 +5133,16 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .mate-panel-menu-bar menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .mate-panel-menu-bar.horizontal menubar > menuitem { @@ -5131,19 +5194,19 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #40C4FF; + color: #808080; } PanelApplet.wnck-applet .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #338DD6; + background-color: #5a5a5a; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -5155,7 +5218,7 @@ PanelApplet.wnck-applet .wnck-pager:selected { } #MatePanelPopupWindow { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } @@ -5169,11 +5232,11 @@ PanelApplet.wnck-applet .wnck-pager:selected { } #MatePanelPopupWindow ClockMap { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } #MatePanelPopupWindow widget { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } na-tray-applet { @@ -5186,10 +5249,10 @@ na-tray-applet { } .mate-panel-applet-slider { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #212121; + background-color: #323232; } .mate-panel-applet-slider frame > border { @@ -5201,24 +5264,24 @@ na-tray-applet { } #PanelApplet:selected > box { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } #mate-menu { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; - color: #FFFFFF; + color: #bebebe; font-weight: normal; } #mate-menu button label:not(:first-child) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #mate-menu entry { @@ -5252,12 +5315,12 @@ na-tray-applet { .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { - background-color: #303030; + background-color: #3c3c3c; } .caja-side-pane notebook, .caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .caja-side-pane notebook .frame, @@ -5268,7 +5331,7 @@ na-tray-applet { .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .caja-notebook frame > border { @@ -5276,8 +5339,8 @@ na-tray-applet { } #caja-extra-view-widget { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } #caja-extra-view-widget > box > box > label { @@ -5290,7 +5353,7 @@ na-tray-applet { .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .pluma-window statusbar frame > border { @@ -5308,7 +5371,7 @@ na-tray-applet { } .pluma-print-preview toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -5321,11 +5384,11 @@ na-tray-applet { .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /********* @@ -5336,7 +5399,7 @@ na-tray-applet { } .atril-window paned.horizontal box.vertical notebook .frame { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } /* mate-screensaver lock dialog */ @@ -5371,7 +5434,7 @@ na-tray-applet { border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #424242; + background-color: #414141; } .budgie-popover .container { @@ -5397,12 +5460,12 @@ na-tray-applet { .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; - color: #FFFFFF; + color: #bebebe; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-popover.budgie-menu .container { @@ -5432,7 +5495,7 @@ na-tray-applet { .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .budgie-popover.places-menu .alternative-label { @@ -5453,7 +5516,7 @@ na-tray-applet { } .workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(190, 190, 190, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), @@ -5473,7 +5536,7 @@ na-tray-applet { .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(190, 190, 190, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), @@ -5505,7 +5568,7 @@ na-tray-applet { } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -5529,7 +5592,7 @@ na-tray-applet { .budgie-menu.background { padding: 0; - background-color: #303030; + background-color: #3c3c3c; } .budgie-menu scrollbar, @@ -5538,7 +5601,7 @@ na-tray-applet { } .budgie-menu entry.search { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; font-size: 120%; @@ -5556,16 +5619,16 @@ na-tray-applet { min-height: 32px; padding: 0 8px; border-radius: 0; - color: #FFFFFF; + color: #bebebe; font-weight: normal; } .budgie-menu button:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-menu button:checked:disabled { - background-color: #338DD6; + background-color: #5a5a5a; } .budgie-menu row { @@ -5622,7 +5685,7 @@ popover.background.places-menu .places-section-header > image:dir(rtl) { popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); background-color: transparent; } @@ -5634,13 +5697,13 @@ popover.background.places-menu row { .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: #212121; - color: rgba(255, 255, 255, 0.7); + background-color: #2d2d2d; + color: rgba(190, 190, 190, 0.7); font-weight: 500; } .budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .budgie-panel button { @@ -5651,7 +5714,7 @@ popover.background.places-menu row { } .budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .budgie-panel.horizontal button { @@ -5663,11 +5726,11 @@ popover.background.places-menu row { } .budgie-panel separator { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .budgie-panel .alert { - color: #FF5252; + color: #f1a8a8; } .budgie-panel #tasklist-button { @@ -5683,15 +5746,15 @@ popover.background.places-menu row { } .budgie-panel button.flat.launcher:not(:checked) { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { @@ -5752,7 +5815,7 @@ frame.raven-frame > border { } .raven { - background-color: #424242; + background-color: #414141; } .raven > box { @@ -5764,12 +5827,12 @@ frame.raven-frame > border { } .raven stackswitcher.linked > button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } @@ -5784,8 +5847,8 @@ frame.raven-frame > border { .raven .raven-header.top { padding: 2px 0; - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .raven .raven-header.top stackswitcher button { @@ -5811,7 +5874,7 @@ frame.raven-frame > border { } .raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .raven viewport.frame .raven-header { @@ -5821,8 +5884,8 @@ frame.raven-frame > border { .raven .raven-background { border-style: solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } .raven .raven-background.frame { @@ -5830,7 +5893,7 @@ frame.raven-frame > border { } .raven .raven-background > overlay > widget > image { - color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.12); } .raven .raven-background grid > label:first-child { @@ -5843,8 +5906,8 @@ frame.raven-frame > border { .raven .raven-header.top + .raven-background { border-style: none; - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .raven .raven-header.top + .raven-background stackswitcher button { @@ -5867,12 +5930,12 @@ calendar.raven-calendar { calendar.raven-calendar:selected { border-radius: 2px; - background-color: #338DD6; + background-color: #5a5a5a; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); - color: #FFFFFF; + color: #bebebe; } .raven-mpris label { @@ -5900,7 +5963,7 @@ calendar.raven-calendar:selected { padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #414141; } .drop-shadow .linked > button { @@ -5909,7 +5972,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; - background-color: #424242; + background-color: #414141; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { @@ -5923,7 +5986,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; } @@ -5936,15 +5999,15 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .message { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-polkit-dialog .failure { - color: #FF5252; + color: #f1a8a8; } .budgie-run-dialog { - background-color: #303030; + background-color: #3c3c3c; } .budgie-run-dialog entry.search { @@ -5960,7 +6023,7 @@ calendar.raven-calendar:selected { } .budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } /************************ @@ -5968,7 +6031,7 @@ calendar.raven-calendar:selected { ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; } #panel_window menubar, @@ -5985,15 +6048,15 @@ calendar.raven-calendar:selected { } #panel_window menubar > menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #panel_window menubar > menuitem:hover { - color: #FFFFFF; + color: #bebebe; } #panel_window menubar > menuitem:disabled label { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } #login_window, @@ -6002,12 +6065,12 @@ calendar.raven-calendar:selected { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #414141; } #content_frame { padding-bottom: 20px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #buttonbox_frame { @@ -6026,22 +6089,22 @@ calendar.raven-calendar:selected { * Nemo * *******/ .nemo-window .nemo-inactive-pane .view { - background-color: #292929; - color: #FFFFFF; + background-color: #373737; + color: #bebebe; } .nemo-window .sidebar .cell { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .nemo-window .sidebar .cell:selected { - color: #FFFFFF; - background-color: #338DD6; + color: #bebebe; + background-color: #5a5a5a; } .nemo-desktop.nemo-canvas-item { - color: #FFFFFF; + color: #bebebe; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -6054,64 +6117,64 @@ calendar.raven-calendar:selected { use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #FFFFFF; +@define-color theme_fg_color #bebebe; /* text color for entries, views and content in general */ -@define-color theme_text_color #FFFFFF; +@define-color theme_text_color #bebebe; /* widget base background color */ -@define-color theme_bg_color #212121; +@define-color theme_bg_color #323232; /* text widgets and the like base background color */ -@define-color theme_base_color #303030; +@define-color theme_base_color #3c3c3c; /* base background color of selections */ -@define-color theme_selected_bg_color #338DD6; +@define-color theme_selected_bg_color #5a5a5a; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #FFFFFF; +@define-color theme_selected_fg_color #bebebe; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #212121; +@define-color insensitive_bg_color #323232; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); +@define-color insensitive_fg_color rgba(190, 190, 190, 0.5); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #292929; +@define-color insensitive_base_color #373737; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #FFFFFF; +@define-color theme_unfocused_fg_color #bebebe; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #FFFFFF; +@define-color theme_unfocused_text_color #bebebe; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #212121; +@define-color theme_unfocused_bg_color #323232; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #303030; +@define-color theme_unfocused_base_color #3c3c3c; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #338DD6; +@define-color theme_unfocused_selected_bg_color #5a5a5a; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #FFFFFF; +@define-color theme_unfocused_selected_fg_color #bebebe; /* insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); +@define-color unfocused_insensitive_color rgba(190, 190, 190, 0.5); /* widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.26); +@define-color borders rgba(0, 0, 0, 0.2); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(0, 0, 0, 0.26); +@define-color unfocused_borders rgba(0, 0, 0, 0.2); /* these are pretty self explicative */ -@define-color warning_color #FF6D00; -@define-color error_color #DD2C00; -@define-color success_color #00C853; +@define-color warning_color #c7c77b; +@define-color error_color #dea8de; +@define-color success_color #92dd92; /* FIXME this is really an API */ -@define-color content_view_bg #303030; -@define-color placeholder_text_color #c1c1c1; +@define-color content_view_bg #3c3c3c; +@define-color placeholder_text_color #c5c5c5; diff --git a/src/gtk/3.22/gtk-dark.css b/src/gtk/3.22/gtk-dark.css index c66f4a940..e08d099d7 100644 --- a/src/gtk/3.22/gtk-dark.css +++ b/src/gtk/3.22/gtk-dark.css @@ -1,3 +1,66 @@ +/* + +Equilux Palette (version 0.2) +Author: Domizio Demichelis (dd.nexus@gmail.com) +_____________________________ + + +Equilux Color Sets +================== + +The Equilux sets are useful to create highlighting syntax themes and user +interface that reduce eye strain and look smooth and balanced. + +A set of Equilux colors is a group of color with different hue but equal +_perceived_ brightness and saturation. That means that if you desaturate all the +colors in an Equilux set you produce the same shade of gray for all. + + +Equilux Palette +=============== + +A ready to use small subset of 30 Equilux sets is captured in the Equilux +Palette. + +The palette is composed of 5 tables of different saturation. Each table contains +6 sets of different brightness, each set contains 7 hues (a neutral gray plus +the classic 6 hues: red, yellow, green, cyan, blue, magenta). + +The palette contains also 256 shades of neutral gray named according to the same +convention, useful to use for other UI elements. + +Chose a set for brightness and saturation, considering the brightness level of +the neutral background to generate more or less contrast. Use the different +colors in the same set for different items of the same kind. + +Color Naming +============ + +The colors are named as follow: + +[] + +- prefix: literal "e" brightness-level: integer representing the +- brightness-level. "0-255" for neutrals and one of "65", "90", "115", "140", + "165", "190" for non-neutral hues +- hue: one of "r", "y", "g", "c", "b", "m" +- relative-saturation: percentage of saturation considering "100" the maximum + achievable saturation for a complete Equilux set. Available for "100", "90", + "80", "70", "60" saturation percent. + +Examples: + +- e35: neutral gray with brightness level of 35 (#232323) + +- e190: neutral gray with brightness level of 190 (#bebebe) + +- e115r80: red hue with brightness level of 115 and relative saturation of 80 + (#996262) + +- e140c100: cyan hue with brightness level of 140 and maximum possible + saturation (#4ba8a8) + +*/ @keyframes ripple_effect { to { background-size: 1000% 1000%; @@ -6,17 +69,17 @@ @keyframes header_ripple_effect { from { - background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 0%, transparent 0%); } to { - background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #DD2C00; + -GtkTextView-error-underline-color: #dea8de; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; @@ -28,7 +91,7 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 2px; - -gtk-secondary-caret-color: #338DD6; + -gtk-secondary-caret-color: #5a5a5a; } notebook:focus tab, @@ -40,8 +103,8 @@ notebook:focus tab, * Base States * ***************/ .background { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } /* @@ -55,37 +118,37 @@ notebook:focus tab, } .gtkstyle-fallback { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .gtkstyle-fallback:hover { - background-color: #141414; - color: #FFFFFF; + background-color: #252525; + color: #bebebe; } .gtkstyle-fallback:active { - background-color: #080808; - color: #FFFFFF; + background-color: #191919; + color: #bebebe; } .gtkstyle-fallback:disabled { - background-color: #212121; - color: rgba(255, 255, 255, 0.5); + background-color: #323232; + color: rgba(190, 190, 190, 0.5); } .gtkstyle-fallback:selected { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .view { - background-color: #303030; - color: #FFFFFF; + background-color: #3c3c3c; + color: #bebebe; } .view:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .view:hover, .view:active, .view:selected { @@ -93,12 +156,12 @@ notebook:focus tab, } textview text { - background-color: #303030; + background-color: #3c3c3c; } textview border { - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } .rubberband, @@ -107,8 +170,8 @@ flowbox rubberband, treeview.view rubberband, .content-view rubberband, .content-view .rubberband { - border: 1px solid #40C4FF; - background-color: rgba(64, 196, 255, 0.3); + border: 1px solid #808080; + background-color: rgba(128, 128, 128, 0.3); } flowbox flowboxchild { @@ -126,16 +189,16 @@ label { } label.separator { - color: #FFFFFF; + color: #bebebe; } label selection { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } label:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } tab label:disabled, @@ -155,12 +218,12 @@ assistant .sidebar { assistant .sidebar label { min-height: 36px; padding: 0 12px; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-weight: 500; } assistant .sidebar label.highlight { - color: #FFFFFF; + color: #bebebe; } popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd { @@ -202,8 +265,8 @@ entry { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; - color: #FFFFFF; + background-color: #3c3c3c; + color: #bebebe; } spinbutton:focus:not(.vertical), @@ -215,8 +278,8 @@ entry:focus { spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search), @@ -224,41 +287,41 @@ notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry entry.flat { border-radius: 0; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); background-color: transparent; - color: #FFFFFF; + color: #bebebe; } spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search), notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus, entry.flat:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); } spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search), notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled, entry.flat:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton:not(.vertical) image, entry image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { - color: #FFFFFF; + color: #bebebe; } spinbutton:not(.vertical) image:disabled, entry image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton:not(.vertical) image.left, @@ -276,7 +339,7 @@ entry image.right { spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -287,7 +350,7 @@ entry undershoot.left { spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -300,8 +363,8 @@ entry.error { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #DD2C00; - color: #FFFFFF; + background-color: #734873; + color: #bebebe; } spinbutton.error:focus:not(.vertical), @@ -313,49 +376,49 @@ entry.error:focus { spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search), notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error, entry.error.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #DD2C00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #734873 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px #734873; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search), notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus, entry.error.flat:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px #DD2C00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #734873 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px #734873; } spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled, entry.error.flat:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.error:not(.vertical) image, entry.error image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active, entry.error image:hover, entry.error image:active { - color: #FFFFFF; + color: #bebebe; } spinbutton.error:not(.vertical) image:disabled, entry.error image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.warning:not(.vertical), @@ -363,8 +426,8 @@ entry.warning { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-image: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #FF6D00; - color: #FFFFFF; + background-color: #606026; + color: #bebebe; } spinbutton.warning:focus:not(.vertical), @@ -376,55 +439,55 @@ entry.warning:focus { spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #292929; - color: rgba(255, 255, 255, 0.5); + background-color: #373737; + color: rgba(190, 190, 190, 0.5); } spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search), notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning, entry.warning.flat { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px #FF6D00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px #606026; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search), notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus, entry.warning.flat:focus { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px; - box-shadow: inset 0 -1px #FF6D00; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 100%, transparent 0%) 0 0 2/0 0 2px; + box-shadow: inset 0 -1px #606026; } spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search), notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled, entry.warning.flat:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.warning:not(.vertical) image, entry.warning image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active, entry.warning image:hover, entry.warning image:active { - color: #FFFFFF; + color: #bebebe; } spinbutton.warning:not(.vertical) image:disabled, entry.warning image:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton:not(.vertical) progress, entry progress { margin: 2px -6px; - border-bottom: 2px solid #338DD6; + border-bottom: 2px solid #5a5a5a; background-color: transparent; } @@ -450,7 +513,7 @@ treeview entry.flat, treeview entry { min-height: 0; padding: 2px; border-radius: 0; - background-color: #303030; + background-color: #3c3c3c; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { @@ -462,8 +525,8 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f margin: 6px; border-radius: 9999px; box-shadow: none; - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover { @@ -490,7 +553,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } /*********** @@ -498,10 +561,10 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f ***********/ @keyframes needs_attention { from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#bebebe), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#bebebe), to(transparent)); } } @@ -514,18 +577,18 @@ button { font-weight: 500; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent; - background-color: #424242; + background-color: #414141; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(255, 255, 255, 0.8); + color: rgba(190, 190, 190, 0.8); } button:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent; - color: #FFFFFF; + color: #bebebe; } @@ -535,26 +598,26 @@ button:active { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; - color: #FFFFFF; + color: #bebebe; } button:disabled { box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.3); } button:checked { - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } button:checked:disabled { - background-color: rgba(51, 141, 214, 0.3); - color: rgba(51, 141, 214, 0.5); + background-color: rgba(90, 90, 90, 0.3); + color: rgba(90, 90, 90, 0.5); } modelbutton.flat, @@ -570,7 +633,7 @@ button.flat { background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } modelbutton.flat:hover, @@ -580,7 +643,7 @@ radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); - color: #FFFFFF; + color: #bebebe; } modelbutton.flat:active, @@ -594,7 +657,7 @@ button.flat:active { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15); background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%); background-size: 0% 0%; - color: #FFFFFF; + color: #bebebe; } modelbutton.flat:disabled, @@ -605,21 +668,21 @@ headerbar button:disabled:not(.suggested-action):not(.destructive-action), actio button.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, button.flat:checked { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, button.flat:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } @@ -684,36 +747,36 @@ button.flat.text-button.image-button { infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected button:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.3); } row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected button.flat { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected button.flat:hover, row:selected button.flat:active { - color: #FFFFFF; + color: #bebebe; } row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected button.flat:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected button.flat:checked { - background-color: rgba(255, 255, 255, 0.3); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.3); + color: #bebebe; } row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected button.flat:checked:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } @@ -733,74 +796,74 @@ button.osd:disabled { button.suggested-action { - background-color: #009688; - color: #FFFFFF; + background-color: #2a6e6e; + color: #bebebe; } button.suggested-action:disabled { box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } button.suggested-action:checked { - background-color: #4db6ac; + background-color: #568686; } button.suggested-action.flat { background-color: transparent; - color: #009688; + color: #2a6e6e; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } button.suggested-action.flat:checked { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(42, 110, 110, 0.3); } button.destructive-action { - background-color: #FF5252; - color: #FFFFFF; + background-color: #844848; + color: #bebebe; } button.destructive-action:disabled { box-shadow: none; - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } button.destructive-action:checked { - background-color: #ff8686; + background-color: #956b6b; } button.destructive-action.flat { background-color: transparent; - color: #FF5252; + color: #844848; } button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } button.destructive-action.flat:checked { - background-color: rgba(255, 82, 82, 0.3); + background-color: rgba(132, 72, 72, 0.3); } .stack-switcher > @@ -956,14 +1019,14 @@ button.color { button:visited, *:link:hover, button:hover:link, button:hover:visited, *:link:active, button:active:link, button:active:visited { - color: #338DD6; + color: #b6b6ff; } *:link:visited, button:visited, *:link:visited:hover, button:visited:hover, *:link:visited:active, button:visited:active { - color: #E040FB; + color: #8888af; } infobar.info *:link, infobar.info button:link, @@ -976,7 +1039,7 @@ headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { - color: #FFFFFF; + color: #bebebe; } button:link > label, @@ -1014,7 +1077,7 @@ spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.d } spinbutton.vertical:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } spinbutton.vertical:drop(active) { @@ -1100,23 +1163,23 @@ notebook > stack:not(:only-child) button.combo, .raven .raven-background button. background-image: none; font-weight: inherit; transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 0%, transparent 0%) 0 0 0/0 0 0px; + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.3); background-color: transparent; - color: #FFFFFF; + color: #bebebe; } notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -2px rgba(190, 190, 190, 0.5); } notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 100%, transparent 0%) 0 0 2/0 0 2px; } notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled { - box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 -1px rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } /************ @@ -1125,7 +1188,7 @@ notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-backgroun toolbar { -GtkWidget-window-dragging: true; padding: 2px; - background-color: #212121; + background-color: #323232; } .osd toolbar { @@ -1137,7 +1200,7 @@ toolbar.osd, .app-notification, frame.documents-dropdown { padding: 6px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; + background-color: #3c3c3c; } toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop { @@ -1188,8 +1251,8 @@ toolbar:not(.inline-toolbar):not(.osd) switch { padding: 6px; border-style: solid; border-width: 0 1px 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #292929; + border-color: rgba(0, 0, 0, 0.2); + background-color: #373737; } searchbar > revealer > box, @@ -1197,8 +1260,8 @@ searchbar > revealer > box, padding: 6px; border-style: solid; border-width: 0 0 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #212121; + border-color: rgba(0, 0, 0, 0.2); + background-color: #323232; background-clip: border-box; } @@ -1216,23 +1279,23 @@ headerbar { min-height: 48px; padding: 0 6px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .titlebar:disabled:not(headerbar) :not(button) > label, headerbar:disabled :not(button) > label { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar:backdrop:not(headerbar), headerbar:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:backdrop:disabled:not(headerbar) :not(button) > label, headerbar:backdrop:disabled :not(button) > label { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) .title, @@ -1255,29 +1318,29 @@ headerbar .linked:not(.vertical) > entry:not(.flat) { .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active, headerbar button:not(.suggested-action):not(.destructive-action):hover, headerbar button:not(.suggested-action):not(.destructive-action):active { - color: #FFFFFF; + color: #bebebe; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: #FFFFFF; + color: #bebebe; } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, @@ -1288,35 +1351,35 @@ headerbar button:not(.suggested-action):not(.destructive-action):checked:disable .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled, headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { - background-color: rgba(255, 255, 255, 0.12); - color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.12); + color: rgba(190, 190, 190, 0.5); } .selection-mode.titlebar:not(headerbar), @@ -1324,55 +1387,55 @@ headerbar.selection-mode { transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1); animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2); - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .selection-mode.titlebar:backdrop:not(headerbar), headerbar.selection-mode:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action), headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; - color: #FFFFFF; + color: #bebebe; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; - color: #FFFFFF; + color: #bebebe; } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .selection-mode.titlebar:not(headerbar) .selection-menu, @@ -1535,8 +1598,8 @@ window.csd > .titlebar:not(headerbar) { } .titlebar:not(headerbar) > separator { - background-color: #303030; - background-image: image(rgba(0, 0, 0, 0.26)); + background-color: #323232; + background-image: image(rgba(0, 0, 0, 0.2)); } /************ @@ -1566,13 +1629,13 @@ window.csd > .titlebar:not(headerbar) { :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #5a5a5a 100%, transparent 0%) 0 0 2/0 0 2px; } :not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) @@ -1585,8 +1648,8 @@ window.csd > .titlebar:not(headerbar) { * Tree Views * **************/ treeview.view { - border-left-color: rgba(255, 255, 255, 0.3); - border-top-color: rgba(0, 0, 0, 0.26); + border-left-color: rgba(190, 190, 190, 0.3); + border-top-color: rgba(0, 0, 0, 0.2); } * { @@ -1599,7 +1662,7 @@ treeview.view { } treeview.view:selected { - border-left-color: rgba(255, 255, 255, 0.3); + border-left-color: rgba(190, 190, 190, 0.3); } treeview.view:hover, treeview.view:active, treeview.view:selected { @@ -1608,13 +1671,13 @@ treeview.view:hover, treeview.view:active, treeview.view:selected { treeview.view.separator { min-height: 5px; - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } treeview.view:drop(active) { border-style: solid none; border-width: 1px; - border-color: #009688; + border-color: #bebebe; } treeview.view:drop(active).after { @@ -1628,7 +1691,7 @@ treeview.view:drop(active).before { treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view.expander:dir(rtl) { @@ -1640,50 +1703,50 @@ treeview.view.expander:checked { } treeview.view.expander:hover, treeview.view.expander:active { - color: #FFFFFF; + color: #bebebe; } treeview.view.expander:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view.expander:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view.expander:selected:hover, treeview.view.expander:selected:active { - color: #FFFFFF; + color: #bebebe; } treeview.view.expander:selected:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view.progressbar { - border-bottom: 4px solid #338DD6; + border-bottom: 4px solid #bebebe; box-shadow: none; background-color: transparent; } treeview.view.progressbar:selected { - border-bottom-color: #FFFFFF; + border-bottom-color: #bebebe; } treeview.view.trough { - border-bottom: 4px solid rgba(51, 141, 214, 0.3); + border-bottom: 4px solid rgba(190, 190, 190, 0.3); box-shadow: none; background-color: transparent; } treeview.view.trough:selected { - border-bottom-color: rgba(255, 255, 255, 0.3); + border-bottom-color: rgba(190, 190, 190, 0.3); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 0; background-clip: border-box; } @@ -1693,7 +1756,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he } treeview.view header button, treeview.view header button:disabled { - background-color: #303030; + background-color: #3c3c3c; } treeview.view header button:last-child { @@ -1705,16 +1768,16 @@ treeview.view header.button.dnd { padding: 2px 6px; border-style: none solid solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; - color: #338DD6; + color: #5a5a5a; } treeview.view acceleditor > label { - background-color: #338DD6; + background-color: #5a5a5a; } /********* @@ -1724,7 +1787,7 @@ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; - background-color: #303030; + background-color: #323232; } menubar > menuitem, @@ -1732,19 +1795,19 @@ menubar > menuitem, transition: all 180ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } menubar > menuitem label:disabled, @@ -1762,8 +1825,8 @@ menu, margin: 4px 0; padding: 4px 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - border: 1px solid rgba(0, 0, 0, 0.26); + background-color: #3c3c3c; + border: 1px solid rgba(0, 0, 0, 0.2); } .csd menu, .csd @@ -1788,13 +1851,13 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { transition: none; - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } menu menuitem arrow, @@ -1832,15 +1895,15 @@ menu > arrow, min-height: 16px; min-width: 16px; padding: 4px; - background-color: #303030; - color: rgba(255, 255, 255, 0.7); + background-color: #3c3c3c; + color: rgba(190, 190, 190, 0.7); } menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px 2px 0 0; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } @@ -1849,7 +1912,7 @@ menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-bottom: -12px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0 0 2px 2px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } @@ -1857,8 +1920,8 @@ menu > arrow.bottom, menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { - background-image: image(rgba(255, 255, 255, 0.12)); - color: #FFFFFF; + background-image: image(rgba(190, 190, 190, 0.12)); + color: #bebebe; } menu > arrow:disabled, @@ -1876,23 +1939,23 @@ menu separator, } menuitem accelerator { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .popup:not(.csd) menu menuitem { - color: #FFFFFF; + color: #bebebe; } .popup:not(.csd) menu menuitem:hover { - background-color: #494949; + background-color: #4c4c4c; } .popup:not(.csd) menu menuitem:disabled { - color: #989898; + color: #7d7d7d; } .popup:not(.csd) menu accelerator { - color: #c1c1c1; + color: #979797; } /************ @@ -1902,7 +1965,7 @@ popover.background { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); padding: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #424242; + background-color: #414141; } popover.background:backdrop { @@ -1952,8 +2015,8 @@ popover.background list separator { *************/ notebook > header { border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #212121; + border-color: rgba(0, 0, 0, 0.2); + background-color: #323232; background-clip: border-box; } @@ -1966,11 +2029,11 @@ notebook > header.top > tabs { } notebook > header.top > tabs > tab:hover { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 -2px rgba(190, 190, 190, 0.3); } notebook > header.top > tabs > tab:checked { - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #bebebe; } notebook > header.bottom { @@ -1982,11 +2045,11 @@ notebook > header.bottom > tabs { } notebook > header.bottom > tabs > tab:hover { - box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 2px rgba(190, 190, 190, 0.3); } notebook > header.bottom > tabs > tab:checked { - box-shadow: inset 0 2px #338DD6; + box-shadow: inset 0 2px #bebebe; } notebook > header.left { @@ -1998,11 +2061,11 @@ notebook > header.left > tabs { } notebook > header.left > tabs > tab:hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset -2px 0 rgba(190, 190, 190, 0.3); } notebook > header.left > tabs > tab:checked { - box-shadow: inset -2px 0 #338DD6; + box-shadow: inset -2px 0 #bebebe; } notebook > header.right { @@ -2014,11 +2077,11 @@ notebook > header.right > tabs { } notebook > header.right > tabs > tab:hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset 2px 0 rgba(190, 190, 190, 0.3); } notebook > header.right > tabs > tab:checked { - box-shadow: inset 2px 0 #338DD6; + box-shadow: inset 2px 0 #bebebe; } notebook > header.top > tabs > arrow { @@ -2081,41 +2144,41 @@ notebook > header tab { outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } notebook > header tab:hover { - color: #FFFFFF; + color: #bebebe; } notebook > header tab:hover.reorderable-page { - border-color: rgba(0, 0, 0, 0.26); - background-color: #292929; + border-color: rgba(0, 0, 0, 0.2); + background-color: #373737; } notebook > header tab:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } notebook > header tab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; - color: #FFFFFF; + color: #bebebe; } notebook > header tab:checked:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } notebook > header tab:checked.reorderable-page { - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } notebook > header tab button.flat:last-child { @@ -2165,7 +2228,7 @@ notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs t } notebook > stack:not(:only-child) { - background-color: #303030; + background-color: #3c3c3c; } /************** @@ -2173,7 +2236,7 @@ notebook > stack:not(:only-child) { **************/ scrollbar { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; } @@ -2183,19 +2246,19 @@ scrollbar { } scrollbar.top { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } scrollbar.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } scrollbar.left { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } scrollbar.right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } scrollbar slider { @@ -2205,19 +2268,19 @@ scrollbar slider { border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); } scrollbar slider:hover { - background-color: rgba(255, 255, 255, 0.7); + background-color: rgba(190, 190, 190, 0.7); } scrollbar slider:active { - background-color: #FFFFFF; + background-color: #bebebe; } scrollbar slider:disabled { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scrollbar.fine-tune slider { @@ -2243,22 +2306,22 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(60, 60, 60, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(48, 48, 48, 0.3); + border: 1px solid rgba(60, 60, 60, 0.3); border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.5); + background-color: rgba(190, 190, 190, 0.5); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { @@ -2278,7 +2341,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(48, 48, 48, 0.9); + background-color: rgba(60, 60, 60, 0.9); } scrollbar.horizontal slider { @@ -2321,21 +2384,21 @@ switch { padding: 0 2px; border: 5px solid transparent; border-radius: 9999px; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); background-clip: padding-box; font-size: 0; } switch:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } switch:checked { - background-color: rgba(0, 150, 136, 0.5); + background-color: rgba(190, 190, 190, 0.5); } switch:checked:disabled { - background-color: rgba(0, 150, 136, 0.3); + background-color: rgba(190, 190, 190, 0.3); } switch slider { @@ -2345,11 +2408,11 @@ switch slider { margin: -3px -2px; border-radius: 9999px; outline-width: 0; - outline-color: rgba(255, 255, 255, 0.12); + outline-color: rgba(190, 190, 190, 0.12); outline-offset: 0; -gtk-outline-radius: 9999px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #424242; + background-color: #4b4b4b; } switch:focus slider { @@ -2361,12 +2424,12 @@ switch:hover slider { } switch:checked slider { - background-color: #009688; - outline-color: rgba(0, 150, 136, 0.2); + background-color: #bebebe; + outline-color: rgba(190, 190, 190, 0.2); } switch:disabled slider { - background-color: #212121; + background-color: #3c3c3c; } /************************* @@ -2422,29 +2485,29 @@ radio { check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #009688; + color: #bebebe; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { - color: rgba(0, 150, 136, 0.5); + color: rgba(190, 190, 190, 0.5); } row:selected check:not(:checked):not(:indeterminate), row:selected radio:not(:checked):not(:indeterminate) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected radio:not(:checked):not(:indeterminate):hover, row:selected radio:not(:checked):not(:indeterminate):active { - color: #FFFFFF; + color: #bebebe; } row:selected check:not(:checked):not(:indeterminate):disabled, row:selected radio:not(:checked):not(:indeterminate):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } popover check, popover check:hover, popover check:active, popover check:disabled, popover @@ -2458,7 +2521,7 @@ radio:disabled { popover check:not(:checked):not(:indeterminate):not(:disabled), popover radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } popover check.left:dir(rtl), popover @@ -2492,7 +2555,7 @@ radio:dir(rtl) { menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem @@ -2531,17 +2594,17 @@ radio:indeterminate { radio { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#bebebe), to(transparent)); } radio:checked:not(:indeterminate) { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#bebebe), to(transparent)); } radio:checked:not(:indeterminate):disabled { - border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent)); + border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(190, 190, 190, 0.5)), to(transparent)); } window.background:not(.csd) > widget > checkbutton > check, @@ -2612,7 +2675,7 @@ treeview.view radio { treeview.view check:hover, treeview.view radio:hover { - box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); + box-shadow: inset 0 0 0 9999px alpha(#bebebe, 0.05); } treeview.view check:hover:disabled, @@ -2622,63 +2685,63 @@ treeview.view radio:hover:disabled { treeview.view check:hover:selected, treeview.view radio:hover:selected { - box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05); + box-shadow: inset 0 0 0 9999px alpha(#bebebe, 0.05); } treeview.view check, treeview.view radio { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view check:hover, treeview.view check:active, treeview.view radio:hover, treeview.view radio:active { - color: #FFFFFF; + color: #bebebe; } treeview.view check:disabled, treeview.view radio:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view check:checked, treeview.view check:indeterminate, treeview.view radio:checked, treeview.view radio:indeterminate { - color: #009688; + color: #bebebe; } treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled, treeview.view radio:checked:disabled, treeview.view radio:indeterminate:disabled { - color: rgba(0, 150, 136, 0.5); + color: rgba(190, 190, 190, 0.5); } treeview.view check:selected, treeview.view radio:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } treeview.view check:selected:hover, treeview.view check:selected:active, treeview.view radio:selected:hover, treeview.view radio:selected:active { - color: #FFFFFF; + color: #bebebe; } treeview.view check:selected:disabled, treeview.view radio:selected:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } treeview.view check:selected:checked, treeview.view check:selected:indeterminate, treeview.view radio:selected:checked, treeview.view radio:selected:indeterminate { - color: #009688; + color: #bebebe; } treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled, treeview.view radio:selected:checked:disabled, treeview.view radio:selected:indeterminate:disabled { - color: rgba(0, 150, 136, 0.5); + color: rgba(190, 190, 190, 0.5); } treeview.view radio:checked { @@ -2704,16 +2767,16 @@ scale slider { scale trough { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); outline-offset: 2px; - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scale trough:disabled { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } scale highlight { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: #009688; + background-color: #bebebe; } scale highlight:disabled { @@ -2722,7 +2785,7 @@ scale highlight:disabled { scale fill { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } scale fill:disabled { @@ -2758,11 +2821,11 @@ scale.fine-tune slider { scale marks label, scale value { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } scale marks { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } scale marks.top { @@ -2939,7 +3002,7 @@ scale.color.vertical:dir(rtl) slider { * Progress bars * *****************/ progressbar { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); font-size: smaller; } @@ -2954,11 +3017,11 @@ progressbar.vertical progress { } progressbar trough { - background-color: rgba(51, 141, 214, 0.3); + background-color: rgba(190, 190, 190, 0.3); } progressbar progress { - background-color: #338DD6; + background-color: #bebebe; } progressbar trough.empty progress { @@ -2996,27 +3059,27 @@ levelbar trough { padding: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - background-color: #303030; + background-color: #5a5a5a; } levelbar trough:disabled { - background-color: #292929; + background-color: #373737; } levelbar block.low { - background-color: #FF6D00; + background-color: #c7c77b; } levelbar block.high, levelbar block:not(.empty) { - background-color: #338DD6; + background-color: #bebebe; } levelbar block.full { - background-color: #00C853; + background-color: #92dd92; } levelbar block.empty { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } /**************** @@ -3024,9 +3087,9 @@ levelbar block.empty { *****************/ printdialog paper { padding: 0; - border: 1px solid rgba(0, 0, 0, 0.26); - background-color: #303030; - color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; + color: #bebebe; } printdialog .dialog-action-box { @@ -3040,7 +3103,7 @@ frame > border, .frame { margin: 0; padding: 0; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; } @@ -3053,7 +3116,7 @@ frame.flat > border { actionbar > revealer > box { padding: 6px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } scrolledwindow viewport.frame { @@ -3061,7 +3124,7 @@ scrolledwindow viewport.frame { } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: center top; background-color: transparent; @@ -3070,7 +3133,7 @@ overshoot.top { } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; @@ -3079,7 +3142,7 @@ overshoot.bottom { } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: left center; background-color: transparent; @@ -3088,7 +3151,7 @@ overshoot.left { } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent)); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(128, 128, 128, 0.3)), to(transparent)); background-repeat: no-repeat; background-position: right center; background-color: transparent; @@ -3098,7 +3161,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3108,7 +3171,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to left, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3118,7 +3181,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3128,7 +3191,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%); + background-image: linear-gradient(to top, rgba(60, 60, 60, 0.3) 50%, rgba(190, 190, 190, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3139,8 +3202,8 @@ undershoot.right { junction { border-style: solid none none solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } junction:dir(rtl) { @@ -3150,7 +3213,7 @@ junction:dir(rtl) { separator { min-width: 1px; min-height: 1px; - background-color: rgba(0, 0, 0, 0.26); + background-color: rgba(0, 0, 0, 0.2); } @@ -3165,8 +3228,8 @@ button.file separator, .tweak-categories separator, preferences stacksidebar.sid * Lists * *********/ list { - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } list row { @@ -3216,7 +3279,7 @@ expander title > arrow { min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } expander title > arrow:dir(rtl) { @@ -3228,23 +3291,23 @@ expander title > arrow:checked { } expander title > arrow:hover, expander title > arrow:active { - color: #FFFFFF; + color: #bebebe; } expander title > arrow:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } expander title > arrow:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } expander title > arrow:selected:hover, expander title > arrow:selected:active { - color: #FFFFFF; + color: #bebebe; } expander title > arrow:selected:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } /************ @@ -3252,12 +3315,12 @@ expander title > arrow:selected:disabled { ************/ calendar { padding: 1px; - border: 1px solid rgba(0, 0, 0, 0.26); - color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0.2); + color: #bebebe; } calendar:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } calendar:selected { @@ -3270,31 +3333,31 @@ calendar.header { } calendar.highlight { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } calendar:indeterminate { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } /*********** * Dialogs * ***********/ messagedialog.background { - background-color: #424242; + background-color: #414141; } messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; - color: #FFFFFF; + background-color: #414141; + color: #bebebe; } messagedialog .titlebar:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } messagedialog.csd.background { @@ -3304,7 +3367,7 @@ messagedialog.csd.background { messagedialog.csd .dialog-action-area button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; } @@ -3317,12 +3380,12 @@ messagedialog.csd .dialog-action-area button:last-child { } filechooser .dialog-action-box { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } filechooser #pathbarbox { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } filechooserbutton:drop(active) { @@ -3334,16 +3397,16 @@ filechooserbutton:drop(active) { ***********/ .sidebar { border-style: none; - background-color: #292929; + background-color: #373737; } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); border-right-style: none; } @@ -3368,11 +3431,11 @@ stacksidebar row > label { * File chooser * ****************/ row image.sidebar-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } row:selected image.sidebar-icon { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } placessidebar > viewport.frame { @@ -3394,11 +3457,11 @@ placessidebar row > revealer { } placessidebar row:selected { - color: #FFFFFF; + color: #bebebe; } placessidebar row:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } placessidebar row image.sidebar-icon:dir(ltr) { @@ -3420,16 +3483,16 @@ placessidebar row label.sidebar-label:dir(rtl) { placessidebar row.sidebar-placeholder-row { min-height: 2px; padding: 0 8px; - background-image: image(#009688); + background-image: image(#bebebe); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { - color: #009688; + color: #bebebe; } placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 0 0 2px #009688; + box-shadow: inset 0 0 0 2px #bebebe; } placesview .server-list-button > image { @@ -3454,7 +3517,7 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(rgba(0, 0, 0, 0.26)); + background-image: image(rgba(0, 0, 0, 0.2)); background-size: 1px 1px; background-clip: content-box; } @@ -3462,8 +3525,8 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #212121; - background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26)); + background-color: #323232; + background-image: image(rgba(0, 0, 0, 0.2)), image(rgba(0, 0, 0, 0.2)); background-size: 1px 1px, 1px 1px; } @@ -3512,23 +3575,23 @@ infobar { } infobar.info { - background-color: #66BB6A; + background-color: #3c6e3c; } infobar.question { - background-color: #42A5F5; + background-color: #2a6e6e; } infobar.warning { - background-color: #FFA726; + background-color: #606026; } infobar.error { - background-color: #EF5350; + background-color: #734873; } infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error { - color: #FFFFFF; + color: #bebebe; } /************ @@ -3540,8 +3603,8 @@ tooltip { } tooltip.background { - background-color: rgba(66, 66, 66, 0.9); - color: #FFFFFF; + background-color: rgba(45, 45, 45, 0.9); + color: #bebebe; } tooltip decoration { @@ -3597,7 +3660,7 @@ colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { } colorswatch.dark { - color: #FFFFFF; + color: #bebebe; } colorswatch.light { @@ -3609,11 +3672,11 @@ colorswatch:drop(active) { } colorswatch:drop(active).light overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #bebebe; } colorswatch:drop(active).dark overlay { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #bebebe; } colorswatch overlay { @@ -3627,7 +3690,7 @@ colorswatch overlay:hover { colorswatch#add-color-button { border-radius: 2px 2px 0 0; - color: #FFFFFF; + color: #bebebe; } colorswatch#add-color-button:only-child { @@ -3635,7 +3698,7 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%); + background-image: linear-gradient(to right, #734873 25%, #606026 25%, #606026 50%, #3c6e3c 50%, #3c6e3c 75%, #2a6e6e 75%); } colorswatch:disabled { @@ -3658,7 +3721,7 @@ colorchooser .popover.osd { transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1); border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; + background-color: #3c3c3c; } colorchooser .popover.osd:backdrop { @@ -3669,7 +3732,7 @@ colorchooser .popover.osd:backdrop { * Misc * ********/ .content-view { - background-color: #212121; + background-color: #323232; } /********************** @@ -3722,28 +3785,28 @@ messagedialog.csd decoration { margin: 0; border-radius: 0; box-shadow: none; - background-color: #303030; + background-color: #323232; } .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { - background-color: #338DD6; + background-color: #5a5a5a; } row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection, entry selection, modelbutton.flat:selected, .menuitem.button.flat:selected, popover.background.menu button:checked, popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked { - color: #FFFFFF; + color: #bebebe; } row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, entry selection:disabled, modelbutton.flat:disabled:selected, .menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked, popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .monospace { @@ -3755,7 +3818,7 @@ popover.background button.model:disabled:checked, row:disabled:selected, calenda **********************/ cursor-handle { border-radius: 9999px; - background-color: #009688; + background-color: #bebebe; background-image: none; } @@ -3786,18 +3849,18 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) padding-bottom: 2px; padding-left: 8px; padding-right: 8px; - border: solid 1px rgba(0, 0, 0, 0.26); + border: solid 1px rgba(0, 0, 0, 0.2); border-radius: 3px; - box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26); - background-color: #303030; - color: #FFFFFF; + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; + color: #bebebe; font-size: smaller; } :not(decoration):not(window):drop(active) { transition: all 270ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688; - caret-color: #009688; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #bebebe; + caret-color: #bebebe; } stackswitcher button.text-button { @@ -3819,14 +3882,14 @@ popover.emoji-picker { } popover.emoji-picker entry { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; } popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } button.emoji-section { @@ -3840,16 +3903,16 @@ button.emoji-section { } button.emoji-section:hover { - box-shadow: inset 0 2px rgba(255, 255, 255, 0.3); + box-shadow: inset 0 2px rgba(190, 190, 190, 0.3); } button.emoji-section:active { - box-shadow: inset 0 2px #338DD6; - background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); + box-shadow: inset 0 2px #5a5a5a; + background-image: radial-gradient(circle farthest-corner at center, rgba(90, 90, 90, 0.7) 10%, transparent 0%); } button.emoji-section:checked { - box-shadow: inset 0 2px #338DD6; + box-shadow: inset 0 2px #5a5a5a; background-color: transparent; } @@ -3881,11 +3944,11 @@ button.emoji-section:last-child { .nautilus-window, .nautilus-window notebook, .nautilus-window notebook > stack { - background-color: #303030; + background-color: #3c3c3c; } .nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) { - color: #FFFFFF; + color: #bebebe; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -3908,9 +3971,9 @@ button.emoji-section:last-child { padding: 0; border-style: solid solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); border-radius: 3px 3px 0 0; - background-color: #303030; + background-color: #3c3c3c; background-clip: border-box; transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0; } @@ -3932,19 +3995,19 @@ button.emoji-section:last-child { } .disk-space-display.unknown { - background-color: #FF6D00; + background-color: #606026; } .disk-space-display.used { - background-color: #338DD6; + background-color: #5a5a5a; } .disk-space-display.free { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .conflict-row:not(:selected) { - background-color: #6e4222; + background-color: #474735; } .nautilus-window flowboxchild > widget > .icon-item-background { @@ -3957,7 +4020,7 @@ button.emoji-section:last-child { } .nautilus-window flowboxchild:selected > widget > .icon-item-background { - background-color: #338DD6; + background-color: #5a5a5a; } dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { @@ -3966,7 +4029,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow. dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { margin: -6px 0 0 -6px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { @@ -4003,27 +4066,27 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .nautilus-menu-sort-heading:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .nautilus-window paned > separator { - background-color: #212121; + background-color: #323232; } /********* * gedit * *********/ .open-document-selector-path-label { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-size: smaller; } .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .gedit-document-panel { - background-color: #292929; + background-color: #373737; } .gedit-document-panel row button.flat { @@ -4032,11 +4095,11 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .gedit-document-panel-group-row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .gedit-search-slider { @@ -4049,7 +4112,7 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: .gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag { all: unset; - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .gedit-search-slider entry:dir(ltr) { @@ -4079,15 +4142,15 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .gedit-search-slider entry.error ~ button { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active { - color: #FFFFFF; + color: #bebebe; } .gedit-search-slider entry.error ~ button:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .gedit-search-slider button { @@ -4114,7 +4177,7 @@ frame.gedit-map-frame > border:dir(rtl) { * Tweak Tool * **************/ .tweak-categories { - background-image: image(#292929); + background-image: image(#373737); } .tweak { @@ -4128,17 +4191,17 @@ frame.gedit-map-frame > border:dir(rtl) { .tweak-group-white, .tweak-white, .tweak-white:hover { - background-image: image(#303030); + background-image: image(#3c3c3c); } .tweak-startup, .tweak-startup:hover { - background-image: image(#303030); + background-image: image(#3c3c3c); } .tweak-group-startup { - background-image: image(#303030); - border: 1px solid rgba(0, 0, 0, 0.26); + background-image: image(#3c3c3c); + border: 1px solid rgba(0, 0, 0, 0.2); } row#Focus, @@ -4147,7 +4210,7 @@ row#dynamic-workspaces, row#PrimaryWorkspaceTweak, row#workspaces-only-on-primary { padding: 0; - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } row#Focus row:not(:last-child), @@ -4155,7 +4218,7 @@ row#StaticWorkspaceTweak row:not(:last-child), row#dynamic-workspaces row:not(:last-child), row#PrimaryWorkspaceTweak row:not(:last-child), row#workspaces-only-on-primary row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } row#Focus.tweak > list, @@ -4176,8 +4239,8 @@ row#workspaces-only-on-primary { * Builder * ***********/ layouttabbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } layouttabbar > box > button { @@ -4188,9 +4251,9 @@ layouttab { margin: 0 8px; border-style: none solid; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - box-shadow: inset 0 -2px #338DD6; - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 0 -2px #5a5a5a; + background-color: #3c3c3c; } layouttab separator.vertical { @@ -4204,21 +4267,21 @@ layouttab button.text-button, layouttab button.image-button, layouttab button { } layout { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); -PnlDockBin-handle-size: 1; } entry.search-missing { - background-color: #DD2C00; - color: #FFFFFF; + background-color: #734873; + color: #bebebe; } window.workbench treeview.image { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } window.workbench treeview.image:selected { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } popover.popover-selector list { @@ -4250,20 +4313,20 @@ omnibar.linked:not(.vertical) entry { } omnibar:not(:hover):not(:active) entry { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } popover.omnibar list row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } entry.preferences-search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); - background-color: #303030; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } preferences stacksidebar.sidebar list { - background-color: #292929; + background-color: #373737; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { @@ -4271,11 +4334,11 @@ preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar } preferences > box > box:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } preferences > box > box:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } popover.messagepopover.background { @@ -4284,7 +4347,7 @@ popover.messagepopover.background { popover.messagepopover .popover-action-area button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; } @@ -4305,7 +4368,7 @@ popover.transfers list { } popover.transfers list row:not(:first-child) { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } popover.transfers list row > box { @@ -4313,24 +4376,24 @@ popover.transfers list row > box { } dockbin { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); -PnlDockBin-handle-size: 1; } dockpaned { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } eggsearchbar box.search-bar { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } docktabstrip { padding: 0 8px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } docktab { @@ -4342,29 +4405,29 @@ docktab { outline-offset: -6px; border-width: 1px; border-color: transparent; - background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, #5a5a5a 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); font-weight: 500; } docktab:hover { - box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3); - color: #FFFFFF; + box-shadow: inset 0 -2px rgba(190, 190, 190, 0.3); + color: #bebebe; } docktab:checked { transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #338DD6; + box-shadow: inset 0 -2px #5a5a5a; background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-size: 1000% 1000%; - color: #FFFFFF; + color: #bebebe; } dockoverlayedge { - background-color: #212121; + background-color: #323232; } dockoverlayedge docktabstrip { @@ -4373,29 +4436,29 @@ dockoverlayedge docktabstrip { } dockoverlayedge.left-edge docktab:hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset -2px 0 rgba(190, 190, 190, 0.3); } dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #338DD6; + box-shadow: inset -2px 0 #5a5a5a; } dockoverlayedge.right-edge docktab:hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset 2px 0 rgba(190, 190, 190, 0.3); } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #338DD6; + box-shadow: inset 2px 0 #5a5a5a; } pillbox { - background-color: #212121; + background-color: #323232; border-radius: 2px; } layoutpane entry.search { - box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26); - background-color: #303030; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } editortweak entry.search { @@ -4431,33 +4494,33 @@ button.dzlmenubutton image.arrow { } button.dzlmenubuttonitem { - color: #FFFFFF; + color: #bebebe; font-weight: normal; } button.dzlmenubuttonitem:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } idelayoutstackheader { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } idelayoutstackheader button:checked { - color: #FFFFFF; + color: #bebebe; } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; - background-color: #212121; + background-color: #323232; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } ideeditorutilities > dzldockpaned > box > stackswitcher button { @@ -4468,12 +4531,12 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button { } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%); + background-image: radial-gradient(circle farthest-corner at center, rgba(90, 90, 90, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; - color: #FFFFFF; + color: #bebebe; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { @@ -4481,11 +4544,11 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover { - box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset -2px 0 rgba(190, 190, 190, 0.3); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #338DD6; + box-shadow: inset -2px 0 #5a5a5a; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { @@ -4493,11 +4556,11 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover { - box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3); + box-shadow: inset 2px 0 rgba(190, 190, 190, 0.3); } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #338DD6; + box-shadow: inset 2px 0 #5a5a5a; } ideeditorsidebar notebook header { @@ -4505,11 +4568,11 @@ ideeditorsidebar notebook header { } popover.messagepopover list { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } popover.messagepopover list row:not(:last-child) { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /********** @@ -4523,8 +4586,8 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #009688; - color: #FFFFFF; + background-color: #bebebe; + color: #bebebe; font-weight: bold; } @@ -4559,28 +4622,28 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { *********/ .side-panel:dir(ltr) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); } .side-panel:dir(rtl) { border-style: solid; - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(0, 0, 0, 0.2); } .side-panel .view { - background-image: image(#292929); + background-image: image(#373737); } .side-panel .view:hover { - background-image: image(#343434); + background-image: image(#3e3e3e); } .side-panel .view:selected { - background-image: image(#338DD6); + background-image: image(#5a5a5a); } .side-panel .view:selected:hover { - background-image: image(#3d93d8); + background-image: image(#5f5f5f); } .songs-list:hover { @@ -4596,7 +4659,7 @@ frame.documents-dropdown > border { } box.vertical > revealer > toolbar.search-bar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); background-clip: border-box; } @@ -4661,11 +4724,11 @@ frame.commit-frame > border { * Characters * **************/ box.dialog-vbox scrolledwindow.related { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } list.categories { - background-image: image(#292929); + background-image: image(#373737); } /********* @@ -4676,7 +4739,7 @@ list.categories { padding: 0 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; } /************** @@ -4730,7 +4793,7 @@ overlay > revealer.right > scrolledwindow.frame { .terminix-session-sidebar, .tilix-session-sidebar { - background-image: image(#424242); + background-image: image(#414141); } button.image-button.session-new-button { @@ -4757,14 +4820,14 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ tooltip.chromium { - background-color: #424242; + background-color: #2d2d2d; } /*********** * Firefox * ***********/ window.background:not(.csd) > widget > separator { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.2); } window.background:not(.csd) > widget > scrollbar { @@ -4773,12 +4836,12 @@ window.background:not(.csd) > widget > scrollbar { window.background:not(.csd) > widget > scrollbar, window.background:not(.csd) > widget > frame > border { - border-color: rgba(0, 0, 0, 0.26); + border-color: rgba(255, 255, 255, 0.2); } window.background:not(.csd) > widget > entry, window.background:not(.csd) > widget > button > button { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; box-shadow: none; } @@ -4788,7 +4851,7 @@ window.background:not(.csd) > widget > entry { } window.background:not(.csd) > widget > entry:focus { - border-color: #338DD6; + border-color: #5a5a5a; } window.background:not(.csd) > widget > button > button { @@ -4826,19 +4889,19 @@ window.background:not(.csd) > menu > menu { } window.background:not(.csd) > widget > menubar { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } window.background:not(.csd) > widget > menubar:hover { - color: #FFFFFF; + color: #bebebe; } window.background:not(.csd) > widget > menubar:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } window.background:not(.csd) > widget > frame { - color: rgba(0, 0, 0, 0.26); + color: rgba(255, 255, 255, 0.2); } window.background:not(.csd) > widget > checkbutton > check, @@ -4848,7 +4911,7 @@ window.background:not(.csd) > widget > radiobutton > radio { } window.background:not(.csd) > window.background > menu > separator { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } /************ @@ -4898,15 +4961,15 @@ window.background:not(.csd) > window.background > menu > separator { } #CanvasTable #HorizontalScrollbar { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } #CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(0, 0, 0, 0.26); + border-left: 1px solid rgba(0, 0, 0, 0.2); } #CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(0, 0, 0, 0.26); + border-right: 1px solid rgba(0, 0, 0, 0.2); } #Canvas_and_Dock frame > border { @@ -4933,7 +4996,7 @@ window.background:not(.csd) > window.background > menu > separator { * Synapse * ***********/ box.vertical > widget > widget:selected { - background-color: #338DD6; + background-color: #5a5a5a; } /********* @@ -4949,7 +5012,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #338DD6; + -UnityDecoration-glow-color: #5a5a5a; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -4960,22 +5023,22 @@ UnityDecoration .top { border-style: none; border-radius: 2px 2px 0 0; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #303030; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } UnityDecoration .top:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } UnityDecoration .menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .background:not(.csd) headerbar:not(.titlebar) { @@ -4989,31 +5052,31 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #212121; - color: #FFFFFF; + background-color: #2d2d2d; + color: #bebebe; } UnityPanelWidget:backdrop, .unity-panel:backdrop { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unity-panel.menuitem, .unity-panel .menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; - color: #FFFFFF; + color: #bebebe; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #338DD6; + color: #5a5a5a; } /************** @@ -5025,12 +5088,12 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar { - background-color: #212121; + background-color: #2d2d2d; font-weight: 500; } .mate-panel-menu-bar:not(.popup) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .mate-panel-menu-bar button { @@ -5041,7 +5104,7 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar button:checked { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } PanelToplevel.horizontal > grid > button { @@ -5053,12 +5116,12 @@ PanelToplevel.vertical > grid > button { } PanelSeparator { - color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.12); } MatePanelAppletFrameDBus { border-style: solid; - border-color: rgba(255, 255, 255, 0.12); + border-color: rgba(190, 190, 190, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { @@ -5070,16 +5133,16 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } .mate-panel-menu-bar menubar > menuitem:disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .mate-panel-menu-bar.horizontal menubar > menuitem { @@ -5131,19 +5194,19 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #40C4FF; + color: #808080; } PanelApplet.wnck-applet .wnck-pager:hover { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } PanelApplet.wnck-applet .wnck-pager:active { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #338DD6; + background-color: #5a5a5a; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -5155,7 +5218,7 @@ PanelApplet.wnck-applet .wnck-pager:selected { } #MatePanelPopupWindow { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } @@ -5169,11 +5232,11 @@ PanelApplet.wnck-applet .wnck-pager:selected { } #MatePanelPopupWindow ClockMap { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } #MatePanelPopupWindow widget { - color: rgba(0, 0, 0, 0.26); + color: rgba(0, 0, 0, 0.2); } na-tray-applet { @@ -5186,10 +5249,10 @@ na-tray-applet { } .mate-panel-applet-slider { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #212121; + background-color: #323232; } .mate-panel-applet-slider frame > border { @@ -5201,24 +5264,24 @@ na-tray-applet { } #PanelApplet:selected > box { - background-color: rgba(255, 255, 255, 0.12); - color: #FFFFFF; + background-color: rgba(190, 190, 190, 0.12); + color: #bebebe; } #mate-menu { - border: 1px solid rgba(0, 0, 0, 0.26); + border: 1px solid rgba(0, 0, 0, 0.2); } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; - color: #FFFFFF; + color: #bebebe; font-weight: normal; } #mate-menu button label:not(:first-child) { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #mate-menu entry { @@ -5252,12 +5315,12 @@ na-tray-applet { .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { - background-color: #303030; + background-color: #3c3c3c; } .caja-side-pane notebook, .caja-notebook { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .caja-side-pane notebook .frame, @@ -5268,7 +5331,7 @@ na-tray-applet { .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .caja-notebook frame > border { @@ -5276,8 +5339,8 @@ na-tray-applet { } #caja-extra-view-widget { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - background-color: #212121; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + background-color: #323232; } #caja-extra-view-widget > box > box > label { @@ -5290,7 +5353,7 @@ na-tray-applet { .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .pluma-window statusbar frame > border { @@ -5308,7 +5371,7 @@ na-tray-applet { } .pluma-print-preview toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -5321,11 +5384,11 @@ na-tray-applet { .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } /********* @@ -5336,7 +5399,7 @@ na-tray-applet { } .atril-window paned.horizontal box.vertical notebook .frame { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } /* mate-screensaver lock dialog */ @@ -5371,7 +5434,7 @@ na-tray-applet { border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3); border-radius: 3px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23); - background-color: #424242; + background-color: #414141; } .budgie-popover .container { @@ -5397,12 +5460,12 @@ na-tray-applet { .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { min-height: 28px; padding: 0 8px; - color: #FFFFFF; + color: #bebebe; font-weight: normal; } .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-popover.budgie-menu .container { @@ -5432,7 +5495,7 @@ na-tray-applet { .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 4px; padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .budgie-popover.places-menu .alternative-label { @@ -5453,7 +5516,7 @@ na-tray-applet { } .workspace-switcher .workspace-layout { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(190, 190, 190, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), @@ -5473,7 +5536,7 @@ na-tray-applet { .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(255, 255, 255, 0.12); + border: 0 solid rgba(190, 190, 190, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), @@ -5505,7 +5568,7 @@ na-tray-applet { } .workspace-switcher .workspace-item.current-workspace { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .workspace-switcher .workspace-add-button:hover { @@ -5529,7 +5592,7 @@ na-tray-applet { .budgie-menu.background { padding: 0; - background-color: #303030; + background-color: #3c3c3c; } .budgie-menu scrollbar, @@ -5538,7 +5601,7 @@ na-tray-applet { } .budgie-menu entry.search { - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; font-size: 120%; @@ -5556,16 +5619,16 @@ na-tray-applet { min-height: 32px; padding: 0 8px; border-radius: 0; - color: #FFFFFF; + color: #bebebe; font-weight: normal; } .budgie-menu button:disabled { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-menu button:checked:disabled { - background-color: #338DD6; + background-color: #5a5a5a; } .budgie-menu row { @@ -5622,7 +5685,7 @@ popover.background.places-menu .places-section-header > image:dir(rtl) { popover.background.places-menu .places-list { margin-top: 4px; padding-top: 4px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); background-color: transparent; } @@ -5634,13 +5697,13 @@ popover.background.places-menu row { .budgie-panel { transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1); - background-color: #212121; - color: rgba(255, 255, 255, 0.7); + background-color: #2d2d2d; + color: rgba(190, 190, 190, 0.7); font-weight: 500; } .budgie-panel.transparent { - background-color: rgba(0, 0, 0, 0.6); + background-color: #2d2d2d; } .budgie-panel button { @@ -5651,7 +5714,7 @@ popover.background.places-menu row { } .budgie-panel button:checked { - background-color: rgba(255, 255, 255, 0.12); + background-color: rgba(190, 190, 190, 0.12); } .budgie-panel.horizontal button { @@ -5663,11 +5726,11 @@ popover.background.places-menu row { } .budgie-panel separator { - background-color: rgba(255, 255, 255, 0.3); + background-color: rgba(190, 190, 190, 0.3); } .budgie-panel .alert { - color: #FF5252; + color: #f1a8a8; } .budgie-panel #tasklist-button { @@ -5683,15 +5746,15 @@ popover.background.places-menu row { } .budgie-panel button.flat.launcher:not(:checked) { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } .top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { @@ -5752,7 +5815,7 @@ frame.raven-frame > border { } .raven { - background-color: #424242; + background-color: #414141; } .raven > box { @@ -5764,12 +5827,12 @@ frame.raven-frame > border { } .raven stackswitcher.linked > button { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 0%, transparent 0%) 0 0 0/0 0 0px; border-radius: 0; } .raven stackswitcher.linked > button:checked { - border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px; + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #606026 100%, transparent 0%) 0 0 2/0 0 2px; background-color: transparent; } @@ -5784,8 +5847,8 @@ frame.raven-frame > border { .raven .raven-header.top { padding: 2px 0; - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .raven .raven-header.top stackswitcher button { @@ -5811,7 +5874,7 @@ frame.raven-frame > border { } .raven .raven-header.bottom { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } .raven viewport.frame .raven-header { @@ -5821,8 +5884,8 @@ frame.raven-frame > border { .raven .raven-background { border-style: solid none; border-width: 1px; - border-color: rgba(0, 0, 0, 0.26); - background-color: #303030; + border-color: rgba(0, 0, 0, 0.2); + background-color: #3c3c3c; } .raven .raven-background.frame { @@ -5830,7 +5893,7 @@ frame.raven-frame > border { } .raven .raven-background > overlay > widget > image { - color: rgba(255, 255, 255, 0.12); + color: rgba(190, 190, 190, 0.12); } .raven .raven-background grid > label:first-child { @@ -5843,8 +5906,8 @@ frame.raven-frame > border { .raven .raven-header.top + .raven-background { border-style: none; - background-color: #338DD6; - color: #FFFFFF; + background-color: #5a5a5a; + color: #bebebe; } .raven .raven-header.top + .raven-background stackswitcher button { @@ -5867,12 +5930,12 @@ calendar.raven-calendar { calendar.raven-calendar:selected { border-radius: 2px; - background-color: #338DD6; + background-color: #5a5a5a; } .raven-mpris { background-color: rgba(0, 0, 0, 0.6); - color: #FFFFFF; + color: #bebebe; } .raven-mpris label { @@ -5900,7 +5963,7 @@ calendar.raven-calendar:selected { padding: 3px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #414141; } .drop-shadow .linked > button { @@ -5909,7 +5972,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { border-radius: 2px; - background-color: #424242; + background-color: #414141; } .budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { @@ -5923,7 +5986,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog .linked.horizontal > button { padding: 8px 16px; - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; } @@ -5936,15 +5999,15 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .message { - color: rgba(255, 255, 255, 0.5); + color: rgba(190, 190, 190, 0.5); } .budgie-polkit-dialog .failure { - color: #FF5252; + color: #f1a8a8; } .budgie-run-dialog { - background-color: #303030; + background-color: #3c3c3c; } .budgie-run-dialog entry.search { @@ -5960,7 +6023,7 @@ calendar.raven-calendar:selected { } .budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(0, 0, 0, 0.26); + border-top: 1px solid rgba(0, 0, 0, 0.2); } /************************ @@ -5968,7 +6031,7 @@ calendar.raven-calendar:selected { ************************/ #panel_window { background-color: rgba(0, 0, 0, 0.3); - color: #FFFFFF; + color: #bebebe; } #panel_window menubar, @@ -5985,15 +6048,15 @@ calendar.raven-calendar:selected { } #panel_window menubar > menuitem { - color: rgba(255, 255, 255, 0.7); + color: rgba(190, 190, 190, 0.7); } #panel_window menubar > menuitem:hover { - color: #FFFFFF; + color: #bebebe; } #panel_window menubar > menuitem:disabled label { - color: rgba(255, 255, 255, 0.3); + color: rgba(190, 190, 190, 0.3); } #login_window, @@ -6002,12 +6065,12 @@ calendar.raven-calendar:selected { margin: 8px; border-radius: 2px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1); - background-color: #424242; + background-color: #414141; } #content_frame { padding-bottom: 20px; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } #buttonbox_frame { @@ -6026,22 +6089,22 @@ calendar.raven-calendar:selected { * Nemo * *******/ .nemo-window .nemo-inactive-pane .view { - background-color: #292929; - color: #FFFFFF; + background-color: #373737; + color: #bebebe; } .nemo-window .sidebar .cell { - background-color: #212121; - color: #FFFFFF; + background-color: #323232; + color: #bebebe; } .nemo-window .sidebar .cell:selected { - color: #FFFFFF; - background-color: #338DD6; + color: #bebebe; + background-color: #5a5a5a; } .nemo-desktop.nemo-canvas-item { - color: #FFFFFF; + color: #bebebe; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @@ -6054,64 +6117,64 @@ calendar.raven-calendar:selected { use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #FFFFFF; +@define-color theme_fg_color #bebebe; /* text color for entries, views and content in general */ -@define-color theme_text_color #FFFFFF; +@define-color theme_text_color #bebebe; /* widget base background color */ -@define-color theme_bg_color #212121; +@define-color theme_bg_color #323232; /* text widgets and the like base background color */ -@define-color theme_base_color #303030; +@define-color theme_base_color #3c3c3c; /* base background color of selections */ -@define-color theme_selected_bg_color #338DD6; +@define-color theme_selected_bg_color #5a5a5a; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #FFFFFF; +@define-color theme_selected_fg_color #bebebe; /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #212121; +@define-color insensitive_bg_color #323232; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(255, 255, 255, 0.5); +@define-color insensitive_fg_color rgba(190, 190, 190, 0.5); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #292929; +@define-color insensitive_base_color #373737; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #FFFFFF; +@define-color theme_unfocused_fg_color #bebebe; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #FFFFFF; +@define-color theme_unfocused_text_color #bebebe; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #212121; +@define-color theme_unfocused_bg_color #323232; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #303030; +@define-color theme_unfocused_base_color #3c3c3c; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #338DD6; +@define-color theme_unfocused_selected_bg_color #5a5a5a; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #FFFFFF; +@define-color theme_unfocused_selected_fg_color #bebebe; /* insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5); +@define-color unfocused_insensitive_color rgba(190, 190, 190, 0.5); /* widgets main borders color */ -@define-color borders rgba(0, 0, 0, 0.26); +@define-color borders rgba(0, 0, 0, 0.2); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(0, 0, 0, 0.26); +@define-color unfocused_borders rgba(0, 0, 0, 0.2); /* these are pretty self explicative */ -@define-color warning_color #FF6D00; -@define-color error_color #DD2C00; -@define-color success_color #00C853; +@define-color warning_color #c7c77b; +@define-color error_color #dea8de; +@define-color success_color #92dd92; /* FIXME this is really an API */ -@define-color content_view_bg #303030; -@define-color placeholder_text_color #c1c1c1; +@define-color content_view_bg #3c3c3c; +@define-color placeholder_text_color #c5c5c5;