diff --git a/Releases/Catppuccin-Macchiato-Green.zip b/Releases/Catppuccin-Macchiato-Green.zip new file mode 100644 index 00000000..c916b162 Binary files /dev/null and b/Releases/Catppuccin-Macchiato-Green.zip differ diff --git a/Releases/Catppuccin-Macchiato-Grey.zip b/Releases/Catppuccin-Macchiato-Grey.zip new file mode 100644 index 00000000..795ceb79 Binary files /dev/null and b/Releases/Catppuccin-Macchiato-Grey.zip differ diff --git a/Releases/Catppuccin-Macchiato-Mauve.zip b/Releases/Catppuccin-Macchiato-Mauve.zip new file mode 100644 index 00000000..ad042e1c Binary files /dev/null and b/Releases/Catppuccin-Macchiato-Mauve.zip differ diff --git a/Releases/Catppuccin-Macchiato-Peach.zip b/Releases/Catppuccin-Macchiato-Peach.zip new file mode 100644 index 00000000..1157be0f Binary files /dev/null and b/Releases/Catppuccin-Macchiato-Peach.zip differ diff --git a/Releases/Catppuccin-Macchiato-Pink.zip b/Releases/Catppuccin-Macchiato-Pink.zip new file mode 100644 index 00000000..8549f87c Binary files /dev/null and b/Releases/Catppuccin-Macchiato-Pink.zip differ diff --git a/Releases/Catppuccin-Macchiato-Red.zip b/Releases/Catppuccin-Macchiato-Red.zip new file mode 100644 index 00000000..47663dca Binary files /dev/null and b/Releases/Catppuccin-Macchiato-Red.zip differ diff --git a/Releases/Catppuccin-Macchiato-Teal.zip b/Releases/Catppuccin-Macchiato-Teal.zip new file mode 100644 index 00000000..dda76ee8 Binary files /dev/null and b/Releases/Catppuccin-Macchiato-Teal.zip differ diff --git a/Releases/Catppuccin-Macchiato-Yellow.zip b/Releases/Catppuccin-Macchiato-Yellow.zip new file mode 100644 index 00000000..993cc102 Binary files /dev/null and b/Releases/Catppuccin-Macchiato-Yellow.zip differ diff --git a/Releases/Catppuccin-Macchiato.zip b/Releases/Catppuccin-Macchiato.zip new file mode 100644 index 00000000..8a2f99d2 Binary files /dev/null and b/Releases/Catppuccin-Macchiato.zip differ diff --git a/src/assets/gtk/assets-Green.svg b/src/assets/gtk/assets-Green.svg index 7acef9b2..7d479509 100644 --- a/src/assets/gtk/assets-Green.svg +++ b/src/assets/gtk/assets-Green.svg @@ -14,7 +14,7 @@ - + diff --git a/src/assets/gtk/assets-Grey.svg b/src/assets/gtk/assets-Grey.svg index cd9dde58..f658183c 100644 --- a/src/assets/gtk/assets-Grey.svg +++ b/src/assets/gtk/assets-Grey.svg @@ -14,7 +14,7 @@ - + diff --git a/src/assets/gtk/assets-Orange.svg b/src/assets/gtk/assets-Orange.svg index db951b64..31df98f3 100644 --- a/src/assets/gtk/assets-Orange.svg +++ b/src/assets/gtk/assets-Orange.svg @@ -14,7 +14,7 @@ - + diff --git a/src/assets/gtk/assets-Pink.svg b/src/assets/gtk/assets-Pink.svg index e33a85e7..3efe117e 100644 --- a/src/assets/gtk/assets-Pink.svg +++ b/src/assets/gtk/assets-Pink.svg @@ -14,7 +14,7 @@ - + diff --git a/src/assets/gtk/assets-Purple.svg b/src/assets/gtk/assets-Purple.svg index 1c863b0c..d47ff934 100644 --- a/src/assets/gtk/assets-Purple.svg +++ b/src/assets/gtk/assets-Purple.svg @@ -14,7 +14,7 @@ - + diff --git a/src/assets/gtk/assets-Red.svg b/src/assets/gtk/assets-Red.svg index 0c6d74d5..dca5ad9c 100644 --- a/src/assets/gtk/assets-Red.svg +++ b/src/assets/gtk/assets-Red.svg @@ -14,7 +14,7 @@ - + diff --git a/src/assets/gtk/assets-Teal.svg b/src/assets/gtk/assets-Teal.svg index c5ab7a51..92f66693 100644 --- a/src/assets/gtk/assets-Teal.svg +++ b/src/assets/gtk/assets-Teal.svg @@ -14,7 +14,7 @@ - + diff --git a/src/assets/gtk/assets-Yellow.svg b/src/assets/gtk/assets-Yellow.svg index 0f8521f2..96a3caf2 100644 --- a/src/assets/gtk/assets-Yellow.svg +++ b/src/assets/gtk/assets-Yellow.svg @@ -14,7 +14,7 @@ - + diff --git a/src/assets/gtk/assets-green-nord.svg b/src/assets/gtk/assets-green-nord.svg deleted file mode 100644 index f948ba5c..00000000 --- a/src/assets/gtk/assets-green-nord.svg +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-green.svg b/src/assets/gtk/assets-green.svg deleted file mode 100644 index 045ce9d2..00000000 --- a/src/assets/gtk/assets-green.svg +++ /dev/null @@ -1,505 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-grey-nord.svg b/src/assets/gtk/assets-grey-nord.svg deleted file mode 100644 index 947b5fa3..00000000 --- a/src/assets/gtk/assets-grey-nord.svg +++ /dev/null @@ -1,88 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-grey.svg b/src/assets/gtk/assets-grey.svg deleted file mode 100644 index f3e411cf..00000000 --- a/src/assets/gtk/assets-grey.svg +++ /dev/null @@ -1,558 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-nord.svg b/src/assets/gtk/assets-nord.svg deleted file mode 100644 index 88b27161..00000000 --- a/src/assets/gtk/assets-nord.svg +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-orange-nord.svg b/src/assets/gtk/assets-orange-nord.svg deleted file mode 100644 index d0e9e449..00000000 --- a/src/assets/gtk/assets-orange-nord.svg +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-orange.svg b/src/assets/gtk/assets-orange.svg deleted file mode 100644 index 38defad3..00000000 --- a/src/assets/gtk/assets-orange.svg +++ /dev/null @@ -1,505 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-pink-nord.svg b/src/assets/gtk/assets-pink-nord.svg deleted file mode 100644 index 806cf393..00000000 --- a/src/assets/gtk/assets-pink-nord.svg +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-pink.svg b/src/assets/gtk/assets-pink.svg deleted file mode 100644 index b5781229..00000000 --- a/src/assets/gtk/assets-pink.svg +++ /dev/null @@ -1,505 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-purple-nord.svg b/src/assets/gtk/assets-purple-nord.svg deleted file mode 100644 index c51678db..00000000 --- a/src/assets/gtk/assets-purple-nord.svg +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-purple.svg b/src/assets/gtk/assets-purple.svg deleted file mode 100644 index 7e51c50b..00000000 --- a/src/assets/gtk/assets-purple.svg +++ /dev/null @@ -1,505 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-red-nord.svg b/src/assets/gtk/assets-red-nord.svg deleted file mode 100644 index 8fabfead..00000000 --- a/src/assets/gtk/assets-red-nord.svg +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-red.svg b/src/assets/gtk/assets-red.svg deleted file mode 100644 index 391ed94a..00000000 --- a/src/assets/gtk/assets-red.svg +++ /dev/null @@ -1,505 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-teal-nord.svg b/src/assets/gtk/assets-teal-nord.svg deleted file mode 100644 index 44f8a914..00000000 --- a/src/assets/gtk/assets-teal-nord.svg +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-teal.svg b/src/assets/gtk/assets-teal.svg deleted file mode 100644 index 3ecc0a3f..00000000 --- a/src/assets/gtk/assets-teal.svg +++ /dev/null @@ -1,505 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-yellow-nord.svg b/src/assets/gtk/assets-yellow-nord.svg deleted file mode 100644 index 2dcd29ed..00000000 --- a/src/assets/gtk/assets-yellow-nord.svg +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/assets-yellow.svg b/src/assets/gtk/assets-yellow.svg deleted file mode 100644 index 7737503a..00000000 --- a/src/assets/gtk/assets-yellow.svg +++ /dev/null @@ -1,505 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk/make-assets.sh b/src/assets/gtk/make-assets.sh index bfe51bc2..b1171d70 100755 --- a/src/assets/gtk/make-assets.sh +++ b/src/assets/gtk/make-assets.sh @@ -4,39 +4,39 @@ for theme in '' '-Purple' '-Pink' '-Red' '-Orange' '-Yellow' '-Green' '-Teal' '- for type in '' '-Nord' '-Dracula'; do case "$theme" in '') - theme_color_dark='#1e66f5' + theme_color_dark='#8caaee' theme_color_light='#8caaee' ;; -Purple) - theme_color_dark='#8839ef' + theme_color_dark='#ca9ee6' theme_color_light='#ca9ee6' ;; -Pink) - theme_color_dark='#ea76cb' + theme_color_dark='#f4b8e4' theme_color_light='#f4b8e4' ;; -Red) - theme_color_dark='#d20f39' + theme_color_dark='#e78284' theme_color_light='#e78284' ;; -Orange) - theme_color_dark='#fe640b' + theme_color_dark='#ef9f76' theme_color_light='#ef9f76' ;; -Yellow) - theme_color_dark='#df8e1d' + theme_color_dark='#e5c890' theme_color_light='#e5c890' ;; -Green) - theme_color_dark='#40a02b' + theme_color_dark='#a6d189' theme_color_light='#a6d189' ;; -Teal) - theme_color_dark='#179299' + theme_color_dark='#81c8be' theme_color_light='#81c8be' ;; -Grey) - theme_color_dark='#45475a' + theme_color_dark='#ccd0da' theme_color_light='#ccd0da' ;; esac diff --git a/src/main/cinnamon/cinnamon-Dark.css b/src/main/cinnamon/cinnamon-Dark.css index 6f4320e5..34f09a44 100644 --- a/src/main/cinnamon/cinnamon-Dark.css +++ b/src/main/cinnamon/cinnamon-Dark.css @@ -1,5 +1,5 @@ stage { - color: #eff1f5; + color: #c6d0f5; } .label-shadow { @@ -11,64 +11,64 @@ stage { padding: 5px 32px; transition-duration: 100ms; border-radius: 6px; - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.04); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.04); } .sound-button:focus { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); border-radius: 6px; } .sound-button:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); border-radius: 6px; } .sound-button:hover:focus { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.3); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.3); border-radius: 6px; } .sound-button:active { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.3); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.3); border-radius: 6px; } .sound-button:insensitive { - color: rgba(239, 241, 245, 0.5); - background-color: rgba(239, 241, 245, 0.04); + color: rgba(198, 208, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); border-radius: 6px; } .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button, .calendar-today-home-button-enabled { border-radius: 6px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-color: transparent; } .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover, .calendar-today-home-button:hover, .calendar-today-home-button-enabled:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); border-radius: 6px; } .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active, .calendar-today-home-button-enabled:active { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.3); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.3); border-radius: 6px; } .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive, .calendar-today-home-button-enabled:insensitive { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); background-color: transparent; border-radius: 6px; } @@ -78,26 +78,26 @@ stage { padding: 6px 30px; transition-duration: 100ms; border-radius: 6px; - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.04); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.04); } .modal-dialog-button-box .modal-dialog-button:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); } .modal-dialog-button-box .modal-dialog-button:focus { - color: #b4befe; + color: #8caaee; } .modal-dialog-button-box .modal-dialog-button:active { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.3); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.3); } .modal-dialog-button-box .modal-dialog-button:insensitive { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); background-color: transparent; } @@ -105,25 +105,25 @@ stage { padding: 3px 12px; min-height: 24px; caret-size: 1px; - selection-background-color: #b4befe; + selection-background-color: #8caaee; selected-color: rgba(17, 17, 27, 0.87); transition-duration: 300ms; border-radius: 6px; - color: #eff1f5; + color: #c6d0f5; border: 2px solid transparent; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } #menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.04); - border: 2px solid #b4befe; + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.04); + border: 2px solid #8caaee; } #menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { border: 2px solid transparent; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } #menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { @@ -150,23 +150,23 @@ StScrollView StScrollBar { } StScrollBar StBin#trough { - background-color: rgba(30, 30, 46, 0.1); + background-color: rgba(48, 52, 70, 0.1); border-radius: 9999px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 9999px; - background-color: #72727e; + background-color: #6c728c; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #5d5d6a; + background-color: #5d637b; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #b4befe; + background-color: #8caaee; } .separator { @@ -180,9 +180,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-slider-menu-item, .slider { -slider-height: 4px; - -slider-background-color: rgba(239, 241, 245, 0.12); + -slider-background-color: rgba(198, 208, 245, 0.12); -slider-border-color: transparent; - -slider-active-background-color: #b4befe; + -slider-active-background-color: #8caaee; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 4px; @@ -257,19 +257,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .cinnamon-link { - color: #7287fd; + color: #8caaee; text-decoration: underline; } .cinnamon-link:hover { - color: #a4b2fe; + color: #b8cbf5; } #Tooltip { border-radius: 9999px; padding: 6px 12px; - background-color: rgba(11, 11, 18, 0.9); - color: #eff1f5; + background-color: rgba(29, 31, 43, 0.9); + color: #c6d0f5; margin: 6px; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); font-size: 1em; @@ -281,8 +281,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu, .popup-combo-menu { padding: 0; - color: #eff1f5; - background-color: #1e1e2e; + color: #c6d0f5; + background-color: #303446; border-radius: 12px; margin: 6px; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); @@ -299,15 +299,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 6px; background-gradient-direction: none; box-shadow: none; - background-color: #333342; - color: rgba(239, 241, 245, 0.7); + background-color: #3f4458; + color: rgba(198, 208, 245, 0.7); } .menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item:active, .popup-combo-menu .popup-sub-menu .popup-menu-item:active { - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } .menu .popup-sub-menu StScrollBar, @@ -330,8 +330,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px; border-radius: 12px; background-clip: padding-box; - background-color: #1e1e2e; - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); + background-color: #303446; + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1); border: 1px solid rgba(17, 17, 27, 0); } @@ -348,33 +348,33 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:hover, .popup-combo-menu .popup-menu-item:active { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); } .menu .popup-menu-item:insensitive, .popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); background: none; } .menu .popup-inactive-menu-item, .popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .menu .popup-inactive-menu-item:insensitive, .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive { - color: rgba(239, 241, 245, 0.12); + color: rgba(198, 208, 245, 0.12); } .menu .popup-menu-item:active .popup-inactive-menu-item, .popup-menu .popup-menu-item:active .popup-inactive-menu-item, .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .menu-icon, @@ -407,7 +407,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 0; margin: 0; padding: 0; - border-color: rgba(239, 241, 245, 0.12); + border-color: rgba(198, 208, 245, 0.12); border-bottom-width: 0; border-bottom-style: solid; background-color: transparent; @@ -472,8 +472,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panelRight:dnd { background-gradient-direction: vertical; - background-gradient-start: rgba(180, 190, 254, 0.35); - background-gradient-end: rgba(180, 190, 254, 0.35); + background-gradient-start: rgba(140, 170, 238, 0.35); + background-gradient-end: rgba(140, 170, 238, 0.35); } #panelRight:ltr { @@ -509,10 +509,10 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .panel-top, .panel-bottom, .panel-left, .panel-right { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-size: 1em; padding: 0px; - background-color: rgba(17, 17, 27, 0.75); + background-color: rgba(35, 38, 52, 0.75); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); } @@ -521,8 +521,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, .panel-left .panel-status-button:hover, .panel-right .panel-button:hover, .panel-right .panel-status-button:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.04); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.04); } .panel-top .panel-button:active, @@ -530,8 +530,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .panel-bottom .panel-status-button:active, .panel-left .panel-button:active, .panel-left .panel-status-button:active, .panel-right .panel-button:active, .panel-right .panel-status-button:active { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); } .panel-dummy { @@ -548,7 +548,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -minimum-hpadding: 3px; font-weight: bold; height: 22px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .panel-button { @@ -556,7 +556,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -minimum-hpadding: 2px; font-weight: bold; transition-duration: 100ms; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .system-status-icon { @@ -569,9 +569,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-caption { - background-color: rgba(11, 11, 18, 0.9); - border: 1px solid rgba(11, 11, 18, 0.9); - color: #eff1f5; + background-color: rgba(29, 31, 43, 0.9); + border: 1px solid rgba(29, 31, 43, 0.9); + color: #c6d0f5; spacing: 25px; border-radius: 6px; font-size: 9pt; @@ -580,9 +580,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-caption#selected { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); - border: 1px solid #b4befe; + border: 1px solid #8caaee; spacing: 25px; } @@ -593,20 +593,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.04); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.04); border: 2px solid transparent; } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { - border: 1px solid #b4befe; - background-color: #b4befe; + border: 1px solid #8caaee; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); font-style: italic; transition-duration: 300; selection-background-color: rgba(17, 17, 27, 0.87); - selected-color: #b4befe; + selected-color: #8caaee; } .expo-workspace-thumbnail-frame { @@ -616,13 +616,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .expo-workspace-thumbnail-frame#active { - border: 4px solid #b4befe; + border: 4px solid #8caaee; background-color: black; border-radius: 6px; } .expo-background { - background-color: #0b0b12; + background-color: #1d1f2b; } .workspace-thumbnails { @@ -717,9 +717,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .about-scrollBox { - border: 1px solid rgba(239, 241, 245, 0.12); + border: 1px solid rgba(198, 208, 245, 0.12); border-radius: 6px; - background-color: #1e1e2e; + background-color: #303446; padding: 4px; padding-right: 0; border-radius: 0; @@ -742,12 +742,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassDialog { - background-color: #1e1e2e; + background-color: #303446; spacing: 6px; padding: 6px; margin: 32px; border-radius: 12px; - color: #eff1f5; + color: #c6d0f5; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); border: none; } @@ -770,7 +770,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-today-day-label { font-size: 1.75em; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: bold; text-align: center; padding-bottom: .1em; @@ -778,13 +778,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-today-date-label { font-size: 1.1em; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-weight: bold; text-align: center; } .calendar-month-label { - color: #eff1f5; + color: #c6d0f5; font-weight: bold; margin: 0 2px; padding: 2px; @@ -802,12 +802,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-change-month-back:focus, .calendar-change-month-back:hover, .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { - background-color: rgba(239, 241, 245, 0.1); + background-color: rgba(198, 208, 245, 0.1); } .calendar-change-month-back:active, .calendar-change-month-forward:active { - background-color: rgba(239, 241, 245, 0.25); + background-color: rgba(198, 208, 245, 0.25); } .calendar-change-month-back { @@ -831,7 +831,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { font-weight: normal; text-align: center; font-size: 14px; - color: #eff1f5; + color: #c6d0f5; border-radius: 6px; } @@ -845,21 +845,21 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-day-base:hover { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } .calendar-day-base:active { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .calendar-day-heading { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); margin-top: 1em; } .calendar-day { border-width: 0; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .calendar-day-top { @@ -871,7 +871,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-nonwork-day { - color: #eff1f5; + color: #c6d0f5; background-color: transparent; font-weight: bold; } @@ -882,12 +882,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-today:hover { font-weight: bold; color: rgba(17, 17, 27, 0.87); - background-color: #b4befe; + background-color: #8caaee; border-width: 0; } .calendar-other-month-day { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); opacity: 1; } @@ -895,9 +895,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 20px; height: 20px; margin: 6px 0; - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); font-weight: bold; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); border-radius: 9999px; } @@ -914,9 +914,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border: none; border-radius: 6px; background-gradient-direction: vertical; - background-gradient-start: rgba(239, 241, 245, 0.04); - background-gradient-end: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.7); + background-gradient-start: rgba(198, 208, 245, 0.04); + background-gradient-end: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.7); } .calendar-events-no-events-button { @@ -927,18 +927,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-events-no-events-button:hover { background-gradient-direction: vertical; - background-gradient-start: rgba(239, 241, 245, 0.04); - background-gradient-end: rgba(239, 241, 245, 0.04); + background-gradient-start: rgba(198, 208, 245, 0.04); + background-gradient-end: rgba(198, 208, 245, 0.04); box-shadow: none; } .calendar-events-no-events-icon { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .calendar-events-no-events-label { font-size: 1.1em; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-weight: bold; text-align: center; margin-top: 9px; @@ -947,7 +947,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-events-date-label { padding: 3px 0 12px 3px; font-size: 1.1em; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: bold; text-align: center; } @@ -959,8 +959,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-events-main-box .separator { -margin-horizontal: 1em; -gradient-height: 1px; - -gradient-start: rgba(239, 241, 245, 0); - -gradient-end: rgba(239, 241, 245, 0); + -gradient-start: rgba(198, 208, 245, 0); + -gradient-end: rgba(198, 208, 245, 0); } .calendar-event-button { @@ -970,8 +970,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-event-button:hover { background-gradient-direction: vertical; - background-gradient-start: rgba(239, 241, 245, 0.04); - background-gradient-end: rgba(239, 241, 245, 0.04); + background-gradient-start: rgba(198, 208, 245, 0.04); + background-gradient-end: rgba(198, 208, 245, 0.04); box-shadow: none; } @@ -985,7 +985,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-event-time-past { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); font-weight: bold; text-align: left; margin-bottom: .6em; @@ -1007,7 +1007,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-event-countdown { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-weight: bold; text-align: right; margin-bottom: .6em; @@ -1026,7 +1026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-event-summary { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); text-align: left; width: 200px; } @@ -1038,8 +1038,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { spacing-columns: 9px; margin-from-right-edge-of-screen: 18px; width: 28em; - color: #eff1f5; - background-color: rgba(30, 30, 46, 0.8); + color: #c6d0f5; + background-color: rgba(48, 52, 70, 0.8); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); margin: 7px 12px 17px 12px; } @@ -1051,18 +1051,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .menu #notification, .popup-menu #notification { border: none; border-radius: 6px; - background-color: rgba(239, 241, 245, 0.05); + background-color: rgba(198, 208, 245, 0.05); box-shadow: none; margin: 0; } .menu #notification:hover, .popup-menu #notification:hover { - background-color: rgba(239, 241, 245, 0.1); + background-color: rgba(198, 208, 245, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); } .menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { - color: #eff1f5; + color: #c6d0f5; } .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { @@ -1071,7 +1071,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #notification.multi-line-notification { padding-bottom: 12px; - color: #eff1f5; + color: #c6d0f5; } #notification-scrollview { @@ -1100,7 +1100,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .notification-with-image { min-height: 159px; - color: #eff1f5; + color: #c6d0f5; } .notification-button, .notification-icon-button { @@ -1117,8 +1117,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list { - color: #eff1f5; - background-color: #1e1e2e; + color: #c6d0f5; + background-color: #303446; border: none; border-radius: 6px; padding: 20px; @@ -1139,13 +1139,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .item-box:outlined { padding: 8px; - border: 1px solid #b4befe; + border: 1px solid #8caaee; } .switcher-list .item-box:selected { color: rgba(17, 17, 27, 0.87); - background-color: #b4befe; - border: 0px solid #b4befe; + background-color: #8caaee; + border: 0px solid #8caaee; } .switcher-list .thumbnail { @@ -1164,12 +1164,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { border-color: rgba(0, 0, 0, 0); - color: #eff1f5; + color: #c6d0f5; } .switcher-arrow:highlighted { border-color: rgba(0, 0, 0, 0); - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .thumbnail-scroll-gradient-left { @@ -1204,8 +1204,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .modal-dialog { - color: #eff1f5; - background-color: rgba(5, 5, 8, 0.95); + color: #c6d0f5; + background-color: rgba(23, 25, 34, 0.95); padding: 0 5px 6px 5px; border-radius: 6px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); @@ -1231,9 +1231,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .run-dialog { padding: 6px 12px; - background-color: rgba(11, 11, 18, 0.9); + background-color: rgba(29, 31, 43, 0.9); border-radius: 6px; - color: #eff1f5; + color: #c6d0f5; } .run-dialog > * { @@ -1243,7 +1243,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .run-dialog-label { font-size: 0; font-weight: bold; - color: #eff1f5; + color: #c6d0f5; padding-bottom: 0; } @@ -1265,18 +1265,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 21em; padding: 3px 12px; border-radius: 6px; - caret-color: #eff1f5; + caret-color: #c6d0f5; selected-color: rgba(17, 17, 27, 0.87); - selection-background-color: #b4befe; - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.04); + selection-background-color: #8caaee; + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.04); border: 2px solid transparent; } .run-dialog-entry:focus { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.04); - border: 2px solid #b4befe; + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.04); + border: 2px solid #8caaee; } .run-dialog .modal-dialog-button-box { @@ -1373,7 +1373,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #keyboard { - background-color: rgba(11, 11, 18, 0.9); + background-color: rgba(29, 31, 43, 0.9); border-width: 0; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.4); @@ -1395,30 +1395,30 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { font-weight: bold; border-radius: 6px; box-shadow: none; - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.04); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.04); } .keyboard-key:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); } .keyboard-key:active, .keyboard-key:checked { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.3); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.3); } .keyboard-key:grayed { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); background-color: transparent; } .keyboard-subkeys { - color: #eff1f5; + color: #c6d0f5; padding: 5px; -arrow-border-radius: 6px; - -arrow-background-color: rgba(11, 11, 18, 0.9); + -arrow-background-color: rgba(29, 31, 43, 0.9); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; @@ -1431,7 +1431,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin-bottom: 6px; padding: 6px; transition-duration: 300; - background-color: rgba(239, 241, 245, 0.05); + background-color: rgba(198, 208, 245, 0.05); border: none; border-radius: 6px; } @@ -1444,7 +1444,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .menu-favorites-button:hover { border-radius: 6px; - background-color: rgba(239, 241, 245, 0.1); + background-color: rgba(198, 208, 245, 0.1); } .menu-places-box { @@ -1476,8 +1476,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .menu-application-button-selected { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); padding: 6px; border-radius: 6px; border: none; @@ -1498,8 +1498,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .menu StScrollView.menu-application-button { padding: 3px 0; border-radius: 6px; - background-color: #333342; - color: #eff1f5; + background-color: #3f4458; + color: #c6d0f5; } .menu StScrollView.menu-application-button .popup-menu-item { @@ -1507,7 +1507,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { spacing: 0; margin: 0 3px; border-radius: 6px; - color: #eff1f5; + color: #c6d0f5; } .menu StScrollView.menu-application-button .popup-menu-item:ltr { @@ -1520,8 +1520,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .menu StScrollView.menu-application-button .popup-menu-item:active { border-image: none; - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } .menu StScrollView.menu-application-button .popup-menu-item StIcon { @@ -1546,14 +1546,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .menu-category-button-hover, .menu-category-button-selected { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); border-radius: 6px; } .menu-category-button-greyed { padding: 6px; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .menu-category-button-label:ltr { @@ -1597,12 +1597,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 250px; height: 15px; font-weight: normal; - caret-color: #eff1f5; + caret-color: #c6d0f5; } .menu-search-entry-icon { icon-size: 1em; - color: #eff1f5; + color: #c6d0f5; } .info-osd { @@ -1610,8 +1610,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { font-weight: bold; spacing: 1em; padding: 16px; - color: rgba(239, 241, 245, 0.7); - background-color: rgba(17, 17, 27, 0.75); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(35, 38, 52, 0.75); } .osd-window { @@ -1621,9 +1621,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 20px; min-width: 64px; min-height: 64px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border-radius: 0; - background-color: rgba(17, 17, 27, 0.75); + background-color: rgba(35, 38, 52, 0.75); border: none; } @@ -1636,12 +1636,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 4px; background-color: rgba(0, 0, 0, 0.35); border-radius: 6px; - color: #b4befe; + color: #8caaee; } .osd-window .level-bar { border-radius: 6px; - background-color: #b4befe; + background-color: #8caaee; } .window-list-box { @@ -1678,7 +1678,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { font-weight: normal; background-image: none; transition-duration: 100ms; - color: rgba(239, 241, 245, 0.9); + color: rgba(198, 208, 245, 0.9); border-radius: 0; } @@ -1735,32 +1735,32 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-list-item-box:hover { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-gradient-direction: none; - background-color: rgba(239, 241, 245, 0.15); + background-color: rgba(198, 208, 245, 0.15); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-gradient-direction: none; - background-color: rgba(239, 241, 245, 0.25); - border-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.25); + border-color: rgba(198, 208, 245, 0.3); } .window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .window-list-item-box:focus { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(239, 241, 245, 0.7) 0%, rgba(239, 241, 245, 0.7) 100%); - border-color: #b4befe; - background-color: rgba(239, 241, 245, 0.2); + background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(198, 208, 245, 0.7) 0%, rgba(198, 208, 245, 0.7) 100%); + border-color: #8caaee; + background-color: rgba(198, 208, 245, 0.2); } .window-list-item-box:focus:hover { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .panel-top .window-list-item-box:focus { @@ -1801,9 +1801,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px; spacing: 6px; border: none; - background-color: #1e1e2e; + background-color: #303446; border-radius: 6px; - color: #eff1f5; + color: #c6d0f5; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); } @@ -1827,11 +1827,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .grouped-window-list-thumbnail-menu .item-box:outlined { - background-color: rgba(239, 241, 245, 0.1); + background-color: rgba(198, 208, 245, 0.1); } .grouped-window-list-thumbnail-menu .item-box:hover { - background-color: rgba(239, 241, 245, 0.15); + background-color: rgba(198, 208, 245, 0.15); } .grouped-window-list-thumbnail-menu .thumbnail { @@ -1840,7 +1840,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grouped-window-list-thumbnail-menu .separator { width: 1px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .grouped-window-list-number-label { @@ -1856,7 +1856,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grouped-window-list-badge { border-radius: 256px; - background-color: #b4befe; + background-color: #8caaee; } .grouped-window-list-item-box { @@ -1864,7 +1864,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { transition-duration: 100ms; border: none; margin: 0; - color: rgba(239, 241, 245, 0.6); + color: rgba(198, 208, 245, 0.6); border-radius: 0; spacing: 6px; border-bottom: 2px solid transparent; @@ -1875,31 +1875,31 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .grouped-window-list-item-box:hover { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-gradient-direction: none; - background-color: rgba(239, 241, 245, 0.15); + background-color: rgba(198, 208, 245, 0.15); } .grouped-window-list-item-box:active { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-gradient-direction: none; background-color: transparent; - border-color: rgba(239, 241, 245, 0.3); + border-color: rgba(198, 208, 245, 0.3); } .grouped-window-list-item-box:active:hover { - background-color: rgba(239, 241, 245, 0.15); + background-color: rgba(198, 208, 245, 0.15); } .grouped-window-list-item-box:focus { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-gradient-direction: none; - background-color: rgba(239, 241, 245, 0.2); - border-color: #b4befe; + background-color: rgba(198, 208, 245, 0.2); + border-color: #8caaee; } .grouped-window-list-item-box:focus:hover { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .grouped-window-list-item-box .progress { @@ -1988,8 +1988,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 0; margin-top: 6px; border-radius: 6px; - background-color: #333342; - color: #eff1f5; + background-color: #3f4458; + color: #c6d0f5; } .sound-player > StBoxLayout:first-child { @@ -2004,11 +2004,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .sound-player > StBoxLayout:first-child StButton:small:hover { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .sound-player > StBoxLayout:first-child StButton:small:active { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .sound-player > StBoxLayout:first-child StButton:small StIcon { @@ -2027,7 +2027,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.45); border: none; border-radius: 0 0 6px 6px; - color: #eff1f5; + color: #c6d0f5; text-shadow: none; } @@ -2036,7 +2036,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; padding: 8px; margin: 0 6px 6px; - color: #eff1f5; + color: #c6d0f5; border-radius: 9999px; border: none; text-shadow: none; @@ -2047,16 +2047,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .sound-player-overlay StButton:hover { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .sound-player-overlay StButton:active { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .sound-player-overlay StButton:insensitive { opacty: 0.35; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .sound-player-overlay StLabel { @@ -2070,12 +2070,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .sound-player .slider { height: 0.5em; padding: 0; - border: 0px solid rgba(0, 0, 0, 0.9); + border: 0px solid rgba(12, 13, 18, 0.9); border-bottom: 1px; -slider-height: 0.5em; - -slider-background-color: #14141f; + -slider-background-color: #262937; -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #b4befe; + -slider-active-background-color: #8caaee; -slider-active-border-color: rgba(0, 0, 0, 0); -slider-border-width: 0px; -slider-handle-radius: 0px; @@ -2095,18 +2095,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .workspace-button { width: 20px; height: 10px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); padding: 3px; padding-top: 4px; transition-duration: 300; } .workspace-button:outlined, .workspace-button:outlined:hover { - color: #b4befe; + color: #8caaee; } .workspace-button:hover { - color: #e6eaff; + color: #b8cbf5; } /* Controls the style when using the "Visual representation" option */ @@ -2122,21 +2122,21 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-graph .workspace:active { - border: 1px solid #b4befe; + border: 1px solid #8caaee; background-gradient-direction: none; } .workspace-graph .workspace .windows { - -active-window-background: rgba(47, 47, 74, 0.75); + -active-window-background: rgba(66, 71, 98, 0.75); -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(47, 47, 74, 0.75); + -inactive-window-background: rgba(66, 71, 98, 0.75); -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { - -active-window-background: rgba(56, 56, 90, 0.75); + -active-window-background: rgba(76, 83, 113, 0.75); -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(27, 27, 43, 0.75); + -inactive-window-background: rgba(45, 49, 67, 0.75); -inactive-window-border: rgba(0, 0, 0, 0.8); } @@ -2156,11 +2156,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .panel-launcher:hover { background-gradient-direction: none; - background-color: rgba(239, 241, 245, 0.1); + background-color: rgba(198, 208, 245, 0.1); } .panel-launcher:active { - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); } .launcher { @@ -2172,11 +2172,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .launcher:hover { background-gradient-direction: none; - background-color: rgba(239, 241, 245, 0.1); + background-color: rgba(198, 208, 245, 0.1); } .launcher:active { - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); } .launcher .icon-box { @@ -2189,12 +2189,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .applet-separator-line { width: 1px; - background: rgba(239, 241, 245, 0.12); + background: rgba(198, 208, 245, 0.12); } .applet-box { padding: 0 6px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); text-shadow: none; transition-duration: 100ms; border-radius: 0; @@ -2205,13 +2205,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .applet-box:hover { - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.04); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.04); } .applet-box:checked, .applet-box:checked:hover { - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.12); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.12); } .applet-box:highlight { @@ -2222,21 +2222,21 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .applet-label { font-weight: bold; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .applet-box:checked .applet-label { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); text-shadow: none; } .applet-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); icon-size: 16px; } .applet-box:checked .applet-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); text-shadow: none; } @@ -2249,14 +2249,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .user-label { - color: #eff1f5; + color: #c6d0f5; font-size: 1em; font-weight: bold; margin: 0px; } .desklet { - color: #eff1f5; + color: #c6d0f5; } .desklet:highlight { @@ -2264,8 +2264,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .desklet-with-borders { - color: #eff1f5; - background-color: rgba(11, 11, 18, 0.9); + color: #c6d0f5; + background-color: rgba(29, 31, 43, 0.9); padding: 12px; padding-bottom: 16px; } @@ -2275,8 +2275,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .desklet-with-borders-and-header { - color: #eff1f5; - background-color: rgba(11, 11, 18, 0.9); + color: #c6d0f5; + background-color: rgba(29, 31, 43, 0.9); border-radius: 6px; border-radius-topleft: 0; border-radius-topright: 0; @@ -2289,8 +2289,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .desklet-header { - color: #eff1f5; - background-color: rgba(11, 11, 18, 0.9); + color: #c6d0f5; + background-color: rgba(29, 31, 43, 0.9); border-radius: 0; border-radius-topleft: 6px; border-radius-topright: 6px; @@ -2300,13 +2300,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .desklet-drag-placeholder { - border: 2px solid #b4befe; - background-color: rgba(180, 190, 254, 0.3); + border: 2px solid #8caaee; + background-color: rgba(140, 170, 238, 0.3); } .photoframe-box { - color: #eff1f5; - background-color: rgba(11, 11, 18, 0.9); + color: #c6d0f5; + background-color: rgba(29, 31, 43, 0.9); padding: 12px; padding-bottom: 16px; } @@ -2327,8 +2327,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .tile-preview, .tile-preview.snap, .tile-hud, .tile-hud.snap { - background-color: rgba(180, 190, 254, 0.3); - border: 1px solid #b4befe; + background-color: rgba(140, 170, 238, 0.3); + border: 1px solid #8caaee; } .xkcd-box { diff --git a/src/main/cinnamon/cinnamon-Light.css b/src/main/cinnamon/cinnamon-Light.css index 5a33d4f7..8c835481 100644 --- a/src/main/cinnamon/cinnamon-Light.css +++ b/src/main/cinnamon/cinnamon-Light.css @@ -78,26 +78,26 @@ stage { padding: 6px 30px; transition-duration: 100ms; border-radius: 6px; - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.04); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.04); } .modal-dialog-button-box .modal-dialog-button:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); } .modal-dialog-button-box .modal-dialog-button:focus { - color: #7287fd; + color: #8caaee; } .modal-dialog-button-box .modal-dialog-button:active { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.3); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.3); } .modal-dialog-button-box .modal-dialog-button:insensitive { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); background-color: transparent; } @@ -105,8 +105,8 @@ stage { padding: 3px 12px; min-height: 24px; caret-size: 1px; - selection-background-color: #7287fd; - selected-color: #eff1f5; + selection-background-color: #8caaee; + selected-color: rgba(17, 17, 27, 0.87); transition-duration: 300ms; border-radius: 6px; color: rgba(17, 17, 27, 0.87); @@ -117,7 +117,7 @@ stage { #menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.04); - border: 2px solid #7287fd; + border: 2px solid #8caaee; } #menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { @@ -128,7 +128,7 @@ stage { #menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #df8e1d; + warning-color: #e5c890; padding: 0 6px; } @@ -150,23 +150,23 @@ StScrollView StScrollBar { } StScrollBar StBin#trough { - background-color: rgba(239, 241, 245, 0.1); + background-color: rgba(198, 208, 245, 0.1); border-radius: 9999px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 9999px; - background-color: rgba(164, 165, 171, 0.948); + background-color: rgba(137, 143, 171, 0.948); border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(184, 185, 191, 0.961); + background-color: rgba(153, 161, 191, 0.961); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #7287fd; + background-color: #8caaee; } .separator { @@ -182,7 +182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -slider-height: 4px; -slider-background-color: rgba(17, 17, 27, 0.12); -slider-border-color: transparent; - -slider-active-background-color: #7287fd; + -slider-active-background-color: #8caaee; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 4px; @@ -257,19 +257,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .cinnamon-link { - color: #7287fd; + color: #8caaee; text-decoration: underline; } .cinnamon-link:hover { - color: #a4b2fe; + color: #b8cbf5; } #Tooltip { border-radius: 9999px; padding: 6px 12px; - background-color: rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + color: #c6d0f5; margin: 6px; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); font-size: 1em; @@ -282,7 +282,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-combo-menu { padding: 0; color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; margin: 6px; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); @@ -299,7 +299,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 6px; background-gradient-direction: none; box-shadow: none; - background-color: rgba(222, 223, 228, 0.987); + background-color: rgba(184, 193, 228, 0.987); color: rgba(17, 17, 27, 0.6); } @@ -330,8 +330,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px; border-radius: 12px; background-clip: padding-box; - background-color: #eff1f5; - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.15); + background-color: #c6d0f5; + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.15); } .menu .popup-menu-item, @@ -436,7 +436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel:highlight { border-image: none; - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } #panelLeft { @@ -445,8 +445,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panelLeft:dnd { background-gradient-direction: vertical; - background-gradient-start: rgba(210, 15, 57, 0.35); - background-gradient-end: rgba(210, 15, 57, 0.35); + background-gradient-start: rgba(231, 130, 132, 0.35); + background-gradient-end: rgba(231, 130, 132, 0.35); } #panelLeft:ltr { @@ -471,8 +471,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panelRight:dnd { background-gradient-direction: vertical; - background-gradient-start: rgba(114, 135, 253, 0.35); - background-gradient-end: rgba(114, 135, 253, 0.35); + background-gradient-start: rgba(140, 170, 238, 0.35); + background-gradient-end: rgba(140, 170, 238, 0.35); } #panelRight:ltr { @@ -503,8 +503,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panelCenter:dnd { background-gradient-direction: vertical; - background-gradient-start: rgba(64, 160, 43, 0.35); - background-gradient-end: rgba(64, 160, 43, 0.35); + background-gradient-start: rgba(166, 209, 137, 0.35); + background-gradient-end: rgba(166, 209, 137, 0.35); } .panel-top, .panel-bottom, .panel-left, .panel-right { @@ -534,11 +534,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .panel-dummy { - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .panel-dummy:entered { - background-color: rgba(210, 15, 57, 0.6); + background-color: rgba(231, 130, 132, 0.6); } .panel-status-button { @@ -568,9 +568,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-caption { - background-color: rgba(43, 43, 59, 0.9); - border: 1px solid rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + border: 1px solid rgba(59, 62, 80, 0.9); + color: #c6d0f5; spacing: 25px; border-radius: 6px; font-size: 9pt; @@ -579,9 +579,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-caption#selected { - background-color: #7287fd; - color: #eff1f5; - border: 1px solid #7287fd; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); + border: 1px solid #8caaee; spacing: 25px; } @@ -592,20 +592,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.04); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.04); border: 2px solid transparent; } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { - border: 1px solid #7287fd; - background-color: #7287fd; - color: #eff1f5; + border: 1px solid #8caaee; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); font-style: italic; transition-duration: 300; - selection-background-color: #eff1f5; - selected-color: #7287fd; + selection-background-color: rgba(17, 17, 27, 0.87); + selected-color: #8caaee; } .expo-workspace-thumbnail-frame { @@ -615,13 +615,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .expo-workspace-thumbnail-frame#active { - border: 4px solid #7287fd; + border: 4px solid #8caaee; background-color: black; border-radius: 6px; } .expo-background { - background-color: #2b2b3b; + background-color: #3b3e50; } .workspace-thumbnails { @@ -718,7 +718,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .about-scrollBox { border: 1px solid rgba(17, 17, 27, 0.12); border-radius: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; padding: 4px; padding-right: 0; border-radius: 0; @@ -741,7 +741,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassDialog { - background-color: #eff1f5; + background-color: #c6d0f5; spacing: 6px; padding: 6px; margin: 32px; @@ -880,8 +880,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-today:focus, .calendar-today:hover { font-weight: bold; - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; border-width: 0; } @@ -997,7 +997,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-event-time-present:all-day { - color: rgba(64, 160, 43, 0.6); + color: rgba(166, 209, 137, 0.6); } .calendar-event-time-future { @@ -1017,11 +1017,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-event-countdown:imminent { - color: rgba(223, 142, 29, 0.6); + color: rgba(229, 200, 144, 0.6); } .calendar-event-countdown:current { - color: rgba(64, 160, 43, 0.6); + color: rgba(166, 209, 137, 0.6); } .calendar-event-summary { @@ -1038,7 +1038,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin-from-right-edge-of-screen: 18px; width: 28em; color: rgba(17, 17, 27, 0.87); - background-color: rgba(239, 241, 245, 0.8); + background-color: rgba(198, 208, 245, 0.8); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); margin: 7px 12px 17px 12px; } @@ -1117,7 +1117,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; border: none; border-radius: 6px; padding: 20px; @@ -1138,13 +1138,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .item-box:outlined { padding: 8px; - border: 1px solid #7287fd; + border: 1px solid #8caaee; } .switcher-list .item-box:selected { - color: #eff1f5; - background-color: #7287fd; - border: 0px solid #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; + border: 0px solid #8caaee; } .switcher-list .thumbnail { @@ -1163,7 +1163,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { border-color: rgba(0, 0, 0, 0); - color: #eff1f5; + color: #c6d0f5; } .switcher-arrow:highlighted { @@ -1203,8 +1203,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .modal-dialog { - color: #eff1f5; - background-color: rgba(36, 37, 50, 0.95); + color: #c6d0f5; + background-color: rgba(52, 55, 71, 0.95); padding: 0 5px 6px 5px; border-radius: 6px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); @@ -1230,9 +1230,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .run-dialog { padding: 6px 12px; - background-color: rgba(43, 43, 59, 0.9); + background-color: rgba(59, 62, 80, 0.9); border-radius: 6px; - color: #eff1f5; + color: #c6d0f5; } .run-dialog > * { @@ -1242,12 +1242,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .run-dialog-label { font-size: 0; font-weight: bold; - color: #eff1f5; + color: #c6d0f5; padding-bottom: 0; } .run-dialog-error-label { - color: #d20f39; + color: #e78284; } .run-dialog-error-box { @@ -1264,18 +1264,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 21em; padding: 3px 12px; border-radius: 6px; - caret-color: #eff1f5; - selected-color: #eff1f5; - selection-background-color: #7287fd; - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.04); + caret-color: #c6d0f5; + selected-color: rgba(17, 17, 27, 0.87); + selection-background-color: #8caaee; + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.04); border: 2px solid transparent; } .run-dialog-entry:focus { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.04); - border: 2px solid #7287fd; + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.04); + border: 2px solid #8caaee; } .run-dialog .modal-dialog-button-box { @@ -1291,7 +1291,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .mount-password-reask { - color: #df8e1d; + color: #e5c890; } .show-processes-dialog, @@ -1372,7 +1372,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #keyboard { - background-color: rgba(43, 43, 59, 0.9); + background-color: rgba(59, 62, 80, 0.9); border-width: 0; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.4); @@ -1394,30 +1394,30 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { font-weight: bold; border-radius: 6px; box-shadow: none; - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.04); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.04); } .keyboard-key:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); } .keyboard-key:active, .keyboard-key:checked { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.3); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.3); } .keyboard-key:grayed { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); background-color: transparent; } .keyboard-subkeys { - color: #eff1f5; + color: #c6d0f5; padding: 5px; -arrow-border-radius: 6px; - -arrow-background-color: rgba(43, 43, 59, 0.9); + -arrow-background-color: rgba(59, 62, 80, 0.9); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; @@ -1497,7 +1497,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .menu StScrollView.menu-application-button { padding: 3px 0; border-radius: 6px; - background-color: rgba(222, 223, 228, 0.987); + background-color: rgba(184, 193, 228, 0.987); color: rgba(17, 17, 27, 0.87); } @@ -1635,12 +1635,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 4px; background-color: rgba(0, 0, 0, 0.35); border-radius: 6px; - color: #7287fd; + color: #8caaee; } .osd-window .level-bar { border-radius: 6px; - background-color: #7287fd; + background-color: #8caaee; } .window-list-box { @@ -1664,7 +1664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-list-box:highlight { - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .window-list-item-label { @@ -1754,7 +1754,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(17, 17, 27, 0.6); background-gradient-direction: none; background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(17, 17, 27, 0.6) 0%, rgba(17, 17, 27, 0.6) 100%); - border-color: #7287fd; + border-color: #8caaee; background-color: rgba(17, 17, 27, 0.2); } @@ -1785,22 +1785,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-list-item-box .progress { background-gradient-direction: vertical; - background-gradient-start: #40a02b; - background-gradient-end: #40a02b; + background-gradient-start: #a6d189; + background-gradient-end: #a6d189; border-radius: 6px; box-shadow: none; } .window-list-item-demands-attention { - background-gradient-start: #df8e1d; - background-gradient-end: #df8e1d; + background-gradient-start: #e5c890; + background-gradient-end: #e5c890; } .window-list-preview { padding: 6px; spacing: 6px; border: none; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 6px; color: rgba(17, 17, 27, 0.87); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); @@ -1811,7 +1811,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .grouped-window-list-thumbnail-alert { - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .grouped-window-list-thumbnail-menu { @@ -1845,7 +1845,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grouped-window-list-number-label { z-index: 120; text-shadow: none; - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); padding: 0; } @@ -1855,7 +1855,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grouped-window-list-badge { border-radius: 256px; - background-color: #7287fd; + background-color: #8caaee; } .grouped-window-list-item-box { @@ -1894,7 +1894,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { color: rgba(17, 17, 27, 0.6); background-gradient-direction: none; background-color: rgba(17, 17, 27, 0.2); - border-color: #7287fd; + border-color: #8caaee; } .grouped-window-list-item-box:focus:hover { @@ -1903,15 +1903,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grouped-window-list-item-box .progress { background-gradient-direction: vertical; - background-gradient-start: #40a02b; - background-gradient-end: #40a02b; + background-gradient-start: #a6d189; + background-gradient-end: #a6d189; border-radius: 6px; box-shadow: none; } .grouped-window-list-item-demands-attention { - background-gradient-start: #df8e1d; - background-gradient-end: #df8e1d; + background-gradient-start: #e5c890; + background-gradient-end: #e5c890; } .sound-button { @@ -1987,7 +1987,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 0; margin-top: 6px; border-radius: 6px; - background-color: rgba(222, 223, 228, 0.987); + background-color: rgba(184, 193, 228, 0.987); color: rgba(17, 17, 27, 0.87); } @@ -2026,7 +2026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.45); border: none; border-radius: 0 0 6px 6px; - color: #eff1f5; + color: #c6d0f5; text-shadow: none; } @@ -2035,7 +2035,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; padding: 8px; margin: 0 6px 6px; - color: #eff1f5; + color: #c6d0f5; border-radius: 9999px; border: none; text-shadow: none; @@ -2046,16 +2046,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .sound-player-overlay StButton:hover { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .sound-player-overlay StButton:active { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .sound-player-overlay StButton:insensitive { opacty: 0.35; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .sound-player-overlay StLabel { @@ -2069,12 +2069,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .sound-player .slider { height: 0.5em; padding: 0; - border: 0px solid rgba(26, 26, 35, 0.9); + border: 0px solid rgba(41, 44, 57, 0.9); border-bottom: 1px; -slider-height: 0.5em; -slider-background-color: rgba(17, 17, 27, 0.12); -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #7287fd; + -slider-active-background-color: #8caaee; -slider-active-border-color: rgba(0, 0, 0, 0); -slider-border-width: 0px; -slider-handle-radius: 0px; @@ -2101,11 +2101,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-button:outlined, .workspace-button:outlined:hover { - color: #7287fd; + color: #8caaee; } .workspace-button:hover { - color: #a4b2fe; + color: #b8cbf5; } /* Controls the style when using the "Visual representation" option */ @@ -2121,7 +2121,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-graph .workspace:active { - border: 1px solid #7287fd; + border: 1px solid #8caaee; background-gradient-direction: none; } @@ -2216,7 +2216,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .applet-box:highlight { background-image: none; border-image: none; - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .applet-label { @@ -2255,27 +2255,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .desklet { - color: #eff1f5; + color: #c6d0f5; } .desklet:highlight { - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .desklet-with-borders { - color: #eff1f5; - background-color: rgba(43, 43, 59, 0.9); + color: #c6d0f5; + background-color: rgba(59, 62, 80, 0.9); padding: 12px; padding-bottom: 16px; } .desklet-with-borders:highlight { - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .desklet-with-borders-and-header { - color: #eff1f5; - background-color: rgba(43, 43, 59, 0.9); + color: #c6d0f5; + background-color: rgba(59, 62, 80, 0.9); border-radius: 6px; border-radius-topleft: 0; border-radius-topright: 0; @@ -2284,12 +2284,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .desklet-with-borders-and-header:highlight { - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .desklet-header { - color: #eff1f5; - background-color: rgba(43, 43, 59, 0.9); + color: #c6d0f5; + background-color: rgba(59, 62, 80, 0.9); border-radius: 0; border-radius-topleft: 6px; border-radius-topright: 6px; @@ -2299,13 +2299,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .desklet-drag-placeholder { - border: 2px solid #7287fd; - background-color: rgba(114, 135, 253, 0.3); + border: 2px solid #8caaee; + background-color: rgba(140, 170, 238, 0.3); } .photoframe-box { - color: #eff1f5; - background-color: rgba(43, 43, 59, 0.9); + color: #c6d0f5; + background-color: rgba(59, 62, 80, 0.9); padding: 12px; padding-bottom: 16px; } @@ -2326,8 +2326,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .tile-preview, .tile-preview.snap, .tile-hud, .tile-hud.snap { - background-color: rgba(114, 135, 253, 0.3); - border: 1px solid #7287fd; + background-color: rgba(140, 170, 238, 0.3); + border: 1px solid #8caaee; } .xkcd-box { diff --git a/src/main/cinnamon/cinnamon.css b/src/main/cinnamon/cinnamon.css index 6c24b84f..b89d54c0 100644 --- a/src/main/cinnamon/cinnamon.css +++ b/src/main/cinnamon/cinnamon.css @@ -78,26 +78,26 @@ stage { padding: 6px 30px; transition-duration: 100ms; border-radius: 6px; - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.04); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.04); } .modal-dialog-button-box .modal-dialog-button:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); } .modal-dialog-button-box .modal-dialog-button:focus { - color: #7287fd; + color: #8caaee; } .modal-dialog-button-box .modal-dialog-button:active { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.3); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.3); } .modal-dialog-button-box .modal-dialog-button:insensitive { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); background-color: transparent; } @@ -105,8 +105,8 @@ stage { padding: 3px 12px; min-height: 24px; caret-size: 1px; - selection-background-color: #7287fd; - selected-color: #eff1f5; + selection-background-color: #8caaee; + selected-color: rgba(17, 17, 27, 0.87); transition-duration: 300ms; border-radius: 6px; color: rgba(17, 17, 27, 0.87); @@ -117,7 +117,7 @@ stage { #menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.04); - border: 2px solid #7287fd; + border: 2px solid #8caaee; } #menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { @@ -128,7 +128,7 @@ stage { #menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { icon-size: 16px; - warning-color: #df8e1d; + warning-color: #e5c890; padding: 0 6px; } @@ -150,23 +150,23 @@ StScrollView StScrollBar { } StScrollBar StBin#trough { - background-color: rgba(239, 241, 245, 0.1); + background-color: rgba(198, 208, 245, 0.1); border-radius: 9999px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 9999px; - background-color: rgba(164, 165, 171, 0.948); + background-color: rgba(137, 143, 171, 0.948); border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(184, 185, 191, 0.961); + background-color: rgba(153, 161, 191, 0.961); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #7287fd; + background-color: #8caaee; } .separator { @@ -182,7 +182,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -slider-height: 4px; -slider-background-color: rgba(17, 17, 27, 0.12); -slider-border-color: transparent; - -slider-active-background-color: #7287fd; + -slider-active-background-color: #8caaee; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 4px; @@ -257,19 +257,19 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .cinnamon-link { - color: #7287fd; + color: #8caaee; text-decoration: underline; } .cinnamon-link:hover { - color: #a4b2fe; + color: #b8cbf5; } #Tooltip { border-radius: 9999px; padding: 6px 12px; - background-color: rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + color: #c6d0f5; margin: 6px; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); font-size: 1em; @@ -282,7 +282,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-combo-menu { padding: 0; color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; margin: 6px; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); @@ -299,7 +299,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 6px; background-gradient-direction: none; box-shadow: none; - background-color: rgba(222, 223, 228, 0.987); + background-color: rgba(184, 193, 228, 0.987); color: rgba(17, 17, 27, 0.6); } @@ -330,8 +330,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 6px; border-radius: 12px; background-clip: padding-box; - background-color: #eff1f5; - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.15); + background-color: #c6d0f5; + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.15); } .menu .popup-menu-item, @@ -436,7 +436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panel:highlight { border-image: none; - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } #panelLeft { @@ -445,8 +445,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panelLeft:dnd { background-gradient-direction: vertical; - background-gradient-start: rgba(210, 15, 57, 0.35); - background-gradient-end: rgba(210, 15, 57, 0.35); + background-gradient-start: rgba(231, 130, 132, 0.35); + background-gradient-end: rgba(231, 130, 132, 0.35); } #panelLeft:ltr { @@ -471,8 +471,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panelRight:dnd { background-gradient-direction: vertical; - background-gradient-start: rgba(114, 135, 253, 0.35); - background-gradient-end: rgba(114, 135, 253, 0.35); + background-gradient-start: rgba(140, 170, 238, 0.35); + background-gradient-end: rgba(140, 170, 238, 0.35); } #panelRight:ltr { @@ -503,15 +503,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { #panelCenter:dnd { background-gradient-direction: vertical; - background-gradient-start: rgba(64, 160, 43, 0.35); - background-gradient-end: rgba(64, 160, 43, 0.35); + background-gradient-start: rgba(166, 209, 137, 0.35); + background-gradient-end: rgba(166, 209, 137, 0.35); } .panel-top, .panel-bottom, .panel-left, .panel-right { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-size: 1em; padding: 0px; - background-color: rgba(17, 17, 27, 0.75); + background-color: rgba(35, 38, 52, 0.75); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); } @@ -534,11 +534,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .panel-dummy { - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .panel-dummy:entered { - background-color: rgba(210, 15, 57, 0.6); + background-color: rgba(231, 130, 132, 0.6); } .panel-status-button { @@ -547,7 +547,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -minimum-hpadding: 3px; font-weight: bold; height: 22px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .panel-button { @@ -555,7 +555,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { -minimum-hpadding: 2px; font-weight: bold; transition-duration: 100ms; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .system-status-icon { @@ -568,9 +568,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-caption { - background-color: rgba(43, 43, 59, 0.9); - border: 1px solid rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + border: 1px solid rgba(59, 62, 80, 0.9); + color: #c6d0f5; spacing: 25px; border-radius: 6px; font-size: 9pt; @@ -579,9 +579,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-caption#selected { - background-color: #7287fd; - color: #eff1f5; - border: 1px solid #7287fd; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); + border: 1px solid #8caaee; spacing: 25px; } @@ -592,20 +592,20 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.04); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.04); border: 2px solid transparent; } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { - border: 1px solid #7287fd; - background-color: #7287fd; - color: #eff1f5; + border: 1px solid #8caaee; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); font-style: italic; transition-duration: 300; - selection-background-color: #eff1f5; - selected-color: #7287fd; + selection-background-color: rgba(17, 17, 27, 0.87); + selected-color: #8caaee; } .expo-workspace-thumbnail-frame { @@ -615,13 +615,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .expo-workspace-thumbnail-frame#active { - border: 4px solid #7287fd; + border: 4px solid #8caaee; background-color: black; border-radius: 6px; } .expo-background { - background-color: #2b2b3b; + background-color: #3b3e50; } .workspace-thumbnails { @@ -718,7 +718,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .about-scrollBox { border: 1px solid rgba(17, 17, 27, 0.12); border-radius: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; padding: 4px; padding-right: 0; border-radius: 0; @@ -741,7 +741,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #LookingGlassDialog { - background-color: #eff1f5; + background-color: #c6d0f5; spacing: 6px; padding: 6px; margin: 32px; @@ -880,8 +880,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .calendar-today:focus, .calendar-today:hover { font-weight: bold; - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; border-width: 0; } @@ -997,7 +997,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-event-time-present:all-day { - color: rgba(64, 160, 43, 0.6); + color: rgba(166, 209, 137, 0.6); } .calendar-event-time-future { @@ -1017,11 +1017,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .calendar-event-countdown:imminent { - color: rgba(223, 142, 29, 0.6); + color: rgba(229, 200, 144, 0.6); } .calendar-event-countdown:current { - color: rgba(64, 160, 43, 0.6); + color: rgba(166, 209, 137, 0.6); } .calendar-event-summary { @@ -1038,7 +1038,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { margin-from-right-edge-of-screen: 18px; width: 28em; color: rgba(17, 17, 27, 0.87); - background-color: rgba(239, 241, 245, 0.8); + background-color: rgba(198, 208, 245, 0.8); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); margin: 7px 12px 17px 12px; } @@ -1117,7 +1117,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; border: none; border-radius: 6px; padding: 20px; @@ -1138,13 +1138,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .item-box:outlined { padding: 8px; - border: 1px solid #7287fd; + border: 1px solid #8caaee; } .switcher-list .item-box:selected { - color: #eff1f5; - background-color: #7287fd; - border: 0px solid #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; + border: 0px solid #8caaee; } .switcher-list .thumbnail { @@ -1163,12 +1163,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { border-color: rgba(0, 0, 0, 0); - color: #eff1f5; + color: #c6d0f5; } .switcher-arrow:highlighted { border-color: rgba(0, 0, 0, 0); - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .thumbnail-scroll-gradient-left { @@ -1203,8 +1203,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .modal-dialog { - color: #eff1f5; - background-color: rgba(36, 37, 50, 0.95); + color: #c6d0f5; + background-color: rgba(52, 55, 71, 0.95); padding: 0 5px 6px 5px; border-radius: 6px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); @@ -1230,9 +1230,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .run-dialog { padding: 6px 12px; - background-color: rgba(43, 43, 59, 0.9); + background-color: rgba(59, 62, 80, 0.9); border-radius: 6px; - color: #eff1f5; + color: #c6d0f5; } .run-dialog > * { @@ -1242,12 +1242,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .run-dialog-label { font-size: 0; font-weight: bold; - color: #eff1f5; + color: #c6d0f5; padding-bottom: 0; } .run-dialog-error-label { - color: #d20f39; + color: #e78284; } .run-dialog-error-box { @@ -1264,18 +1264,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { width: 21em; padding: 3px 12px; border-radius: 6px; - caret-color: #eff1f5; - selected-color: #eff1f5; - selection-background-color: #7287fd; - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.04); + caret-color: #c6d0f5; + selected-color: rgba(17, 17, 27, 0.87); + selection-background-color: #8caaee; + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.04); border: 2px solid transparent; } .run-dialog-entry:focus { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.04); - border: 2px solid #7287fd; + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.04); + border: 2px solid #8caaee; } .run-dialog .modal-dialog-button-box { @@ -1291,7 +1291,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .mount-password-reask { - color: #df8e1d; + color: #e5c890; } .show-processes-dialog, @@ -1372,7 +1372,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #keyboard { - background-color: rgba(43, 43, 59, 0.9); + background-color: rgba(59, 62, 80, 0.9); border-width: 0; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.4); @@ -1394,30 +1394,30 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { font-weight: bold; border-radius: 6px; box-shadow: none; - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.04); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.04); } .keyboard-key:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); } .keyboard-key:active, .keyboard-key:checked { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.3); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.3); } .keyboard-key:grayed { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); background-color: transparent; } .keyboard-subkeys { - color: #eff1f5; + color: #c6d0f5; padding: 5px; -arrow-border-radius: 6px; - -arrow-background-color: rgba(43, 43, 59, 0.9); + -arrow-background-color: rgba(59, 62, 80, 0.9); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; @@ -1497,7 +1497,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .menu StScrollView.menu-application-button { padding: 3px 0; border-radius: 6px; - background-color: rgba(222, 223, 228, 0.987); + background-color: rgba(184, 193, 228, 0.987); color: rgba(17, 17, 27, 0.87); } @@ -1609,8 +1609,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { font-weight: bold; spacing: 1em; padding: 16px; - color: rgba(239, 241, 245, 0.7); - background-color: rgba(17, 17, 27, 0.75); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(35, 38, 52, 0.75); } .osd-window { @@ -1620,9 +1620,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 20px; min-width: 64px; min-height: 64px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border-radius: 0; - background-color: rgba(17, 17, 27, 0.75); + background-color: rgba(35, 38, 52, 0.75); border: none; } @@ -1635,12 +1635,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 4px; background-color: rgba(0, 0, 0, 0.35); border-radius: 6px; - color: #7287fd; + color: #8caaee; } .osd-window .level-bar { border-radius: 6px; - background-color: #7287fd; + background-color: #8caaee; } .window-list-box { @@ -1664,7 +1664,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-list-box:highlight { - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .window-list-item-label { @@ -1677,7 +1677,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { font-weight: normal; background-image: none; transition-duration: 100ms; - color: rgba(239, 241, 245, 0.9); + color: rgba(198, 208, 245, 0.9); border-radius: 0; } @@ -1734,32 +1734,32 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-list-item-box:hover { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-gradient-direction: none; - background-color: rgba(239, 241, 245, 0.15); + background-color: rgba(198, 208, 245, 0.15); } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-gradient-direction: none; - background-color: rgba(239, 241, 245, 0.25); - border-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.25); + border-color: rgba(198, 208, 245, 0.3); } .window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .window-list-item-box:focus { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-gradient-direction: none; - background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(239, 241, 245, 0.7) 0%, rgba(239, 241, 245, 0.7) 100%); - border-color: #7287fd; - background-color: rgba(239, 241, 245, 0.2); + background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(198, 208, 245, 0.7) 0%, rgba(198, 208, 245, 0.7) 100%); + border-color: #8caaee; + background-color: rgba(198, 208, 245, 0.2); } .window-list-item-box:focus:hover { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .panel-top .window-list-item-box:focus { @@ -1785,22 +1785,22 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .window-list-item-box .progress { background-gradient-direction: vertical; - background-gradient-start: #40a02b; - background-gradient-end: #40a02b; + background-gradient-start: #a6d189; + background-gradient-end: #a6d189; border-radius: 6px; box-shadow: none; } .window-list-item-demands-attention { - background-gradient-start: #df8e1d; - background-gradient-end: #df8e1d; + background-gradient-start: #e5c890; + background-gradient-end: #e5c890; } .window-list-preview { padding: 6px; spacing: 6px; border: none; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 6px; color: rgba(17, 17, 27, 0.87); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); @@ -1811,7 +1811,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .grouped-window-list-thumbnail-alert { - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .grouped-window-list-thumbnail-menu { @@ -1845,7 +1845,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grouped-window-list-number-label { z-index: 120; text-shadow: none; - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); padding: 0; } @@ -1855,7 +1855,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .grouped-window-list-badge { border-radius: 256px; - background-color: #7287fd; + background-color: #8caaee; } .grouped-window-list-item-box { @@ -1863,7 +1863,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { transition-duration: 100ms; border: none; margin: 0; - color: rgba(239, 241, 245, 0.6); + color: rgba(198, 208, 245, 0.6); border-radius: 0; spacing: 6px; border-bottom: 2px solid transparent; @@ -1874,44 +1874,44 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .grouped-window-list-item-box:hover { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-gradient-direction: none; - background-color: rgba(239, 241, 245, 0.15); + background-color: rgba(198, 208, 245, 0.15); } .grouped-window-list-item-box:active { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-gradient-direction: none; background-color: transparent; - border-color: rgba(239, 241, 245, 0.3); + border-color: rgba(198, 208, 245, 0.3); } .grouped-window-list-item-box:active:hover { - background-color: rgba(239, 241, 245, 0.15); + background-color: rgba(198, 208, 245, 0.15); } .grouped-window-list-item-box:focus { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-gradient-direction: none; - background-color: rgba(239, 241, 245, 0.2); - border-color: #7287fd; + background-color: rgba(198, 208, 245, 0.2); + border-color: #8caaee; } .grouped-window-list-item-box:focus:hover { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .grouped-window-list-item-box .progress { background-gradient-direction: vertical; - background-gradient-start: #40a02b; - background-gradient-end: #40a02b; + background-gradient-start: #a6d189; + background-gradient-end: #a6d189; border-radius: 6px; box-shadow: none; } .grouped-window-list-item-demands-attention { - background-gradient-start: #df8e1d; - background-gradient-end: #df8e1d; + background-gradient-start: #e5c890; + background-gradient-end: #e5c890; } .sound-button { @@ -1987,7 +1987,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { padding: 0 0; margin-top: 6px; border-radius: 6px; - background-color: rgba(222, 223, 228, 0.987); + background-color: rgba(184, 193, 228, 0.987); color: rgba(17, 17, 27, 0.87); } @@ -2026,7 +2026,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background-color: rgba(0, 0, 0, 0.45); border: none; border-radius: 0 0 6px 6px; - color: #eff1f5; + color: #c6d0f5; text-shadow: none; } @@ -2035,7 +2035,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { height: 16px; padding: 8px; margin: 0 6px 6px; - color: #eff1f5; + color: #c6d0f5; border-radius: 9999px; border: none; text-shadow: none; @@ -2046,16 +2046,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .sound-player-overlay StButton:hover { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .sound-player-overlay StButton:active { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .sound-player-overlay StButton:insensitive { opacty: 0.35; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .sound-player-overlay StLabel { @@ -2069,12 +2069,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .sound-player .slider { height: 0.5em; padding: 0; - border: 0px solid rgba(26, 26, 35, 0.9); + border: 0px solid rgba(41, 44, 57, 0.9); border-bottom: 1px; -slider-height: 0.5em; -slider-background-color: rgba(17, 17, 27, 0.12); -slider-border-color: rgba(0, 0, 0, 0); - -slider-active-background-color: #7287fd; + -slider-active-background-color: #8caaee; -slider-active-border-color: rgba(0, 0, 0, 0); -slider-border-width: 0px; -slider-handle-radius: 0px; @@ -2094,18 +2094,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .workspace-button { width: 20px; height: 10px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); padding: 3px; padding-top: 4px; transition-duration: 300; } .workspace-button:outlined, .workspace-button:outlined:hover { - color: #7287fd; + color: #8caaee; } .workspace-button:hover { - color: #a4b2fe; + color: #b8cbf5; } /* Controls the style when using the "Visual representation" option */ @@ -2121,21 +2121,21 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-graph .workspace:active { - border: 1px solid #7287fd; + border: 1px solid #8caaee; background-gradient-direction: none; } .workspace-graph .workspace .windows { - -active-window-background: rgba(47, 47, 74, 0.75); + -active-window-background: rgba(66, 71, 98, 0.75); -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(47, 47, 74, 0.75); + -inactive-window-background: rgba(66, 71, 98, 0.75); -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { - -active-window-background: rgba(56, 56, 90, 0.75); + -active-window-background: rgba(76, 83, 113, 0.75); -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(27, 27, 43, 0.75); + -inactive-window-background: rgba(45, 49, 67, 0.75); -inactive-window-border: rgba(0, 0, 0, 0.8); } @@ -2155,11 +2155,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .panel-launcher:hover { background-gradient-direction: none; - background-color: rgba(239, 241, 245, 0.1); + background-color: rgba(198, 208, 245, 0.1); } .panel-launcher:active { - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); } .launcher { @@ -2171,11 +2171,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .launcher:hover { background-gradient-direction: none; - background-color: rgba(239, 241, 245, 0.1); + background-color: rgba(198, 208, 245, 0.1); } .launcher:active { - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); } .launcher .icon-box { @@ -2188,12 +2188,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .applet-separator-line { width: 1px; - background: rgba(239, 241, 245, 0.12); + background: rgba(198, 208, 245, 0.12); } .applet-box { padding: 0 6px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); text-shadow: none; transition-duration: 100ms; border-radius: 0; @@ -2204,38 +2204,38 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .applet-box:hover { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-color: rgba(17, 17, 27, 0.04); } .applet-box:checked, .applet-box:checked:hover { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-color: rgba(17, 17, 27, 0.12); } .applet-box:highlight { background-image: none; border-image: none; - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .applet-label { font-weight: bold; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .applet-box:checked .applet-label { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); text-shadow: none; } .applet-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); icon-size: 16px; } .applet-box:checked .applet-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); text-shadow: none; } @@ -2255,27 +2255,27 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .desklet { - color: #eff1f5; + color: #c6d0f5; } .desklet:highlight { - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .desklet-with-borders { - color: #eff1f5; - background-color: rgba(43, 43, 59, 0.9); + color: #c6d0f5; + background-color: rgba(59, 62, 80, 0.9); padding: 12px; padding-bottom: 16px; } .desklet-with-borders:highlight { - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .desklet-with-borders-and-header { - color: #eff1f5; - background-color: rgba(43, 43, 59, 0.9); + color: #c6d0f5; + background-color: rgba(59, 62, 80, 0.9); border-radius: 6px; border-radius-topleft: 0; border-radius-topright: 0; @@ -2284,12 +2284,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .desklet-with-borders-and-header:highlight { - background-color: rgba(210, 15, 57, 0.5); + background-color: rgba(231, 130, 132, 0.5); } .desklet-header { - color: #eff1f5; - background-color: rgba(43, 43, 59, 0.9); + color: #c6d0f5; + background-color: rgba(59, 62, 80, 0.9); border-radius: 0; border-radius-topleft: 6px; border-radius-topright: 6px; @@ -2299,13 +2299,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .desklet-drag-placeholder { - border: 2px solid #7287fd; - background-color: rgba(114, 135, 253, 0.3); + border: 2px solid #8caaee; + background-color: rgba(140, 170, 238, 0.3); } .photoframe-box { - color: #eff1f5; - background-color: rgba(43, 43, 59, 0.9); + color: #c6d0f5; + background-color: rgba(59, 62, 80, 0.9); padding: 12px; padding-bottom: 16px; } @@ -2326,8 +2326,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .tile-preview, .tile-preview.snap, .tile-hud, .tile-hud.snap { - background-color: rgba(114, 135, 253, 0.3); - border: 1px solid #7287fd; + background-color: rgba(140, 170, 238, 0.3); + border: 1px solid #8caaee; } .xkcd-box { diff --git a/src/main/gnome-shell/gnome-shell-Dark.css b/src/main/gnome-shell/gnome-shell-Dark.css index bb3b86af..05e1e596 100644 --- a/src/main/gnome-shell/gnome-shell-Dark.css +++ b/src/main/gnome-shell/gnome-shell-Dark.css @@ -19,7 +19,7 @@ */ stage { font-size: 11pt; - color: #eff1f5; + color: #c6d0f5; } .ripple-pointer-location { @@ -27,19 +27,19 @@ stage { height: 48px; border-radius: 24px; background-color: rgba(255, 255, 255, 0.3); - box-shadow: 0 0 2px 2px white; + box-shadow: 0 0 2px 2px #e5ecfb; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; - -pie-border-color: #b4befe; + -pie-border-color: #8caaee; -pie-background-color: rgba(255, 255, 255, 0.3); } .magnifier-zoom-region { - border: 2px solid #b4befe; + border: 2px solid #8caaee; } .magnifier-zoom-region.full-screen { @@ -50,7 +50,7 @@ stage { .show-apps .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border-radius: 16px; padding: 6px; border: none; @@ -65,7 +65,7 @@ stage { .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); border-image: none; background-image: none; } @@ -75,7 +75,7 @@ stage { .app-well-app:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); box-shadow: none; } @@ -88,24 +88,24 @@ stage { } .app-well-app.app-folder .overview-icon { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); border-radius: 16px; } .app-well-app.app-folder:hover .overview-icon { - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); } .app-well-app.app-folder:active .overview-icon { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .app-folder-dialog { border-radius: 36px; padding: 12px; - background-color: #11111b; + background-color: #232634; border: 1px solid black; - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1); } .app-folder-dialog .folder-name-container { @@ -122,22 +122,22 @@ stage { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; border: none; - caret-color: #eff1f5; + caret-color: #c6d0f5; } .app-folder-dialog .folder-name-container .folder-name-entry:focus { - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 9px 8px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(239, 241, 245, 0.06); - color: rgba(239, 241, 245, 0.7); + background-color: rgba(198, 208, 245, 0.06); + color: rgba(198, 208, 245, 0.7); border: none; padding: 0; width: 36px; @@ -150,11 +150,11 @@ stage { } .app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } @@ -181,13 +181,13 @@ stage { width: 6px; height: 3px; border-radius: 2px; - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); margin-bottom: 0; } StWidget.focused .app-well-app-running-dot { width: 24px; - background-color: #b4befe !important; + background-color: #8caaee !important; } .app-menu, @@ -205,25 +205,25 @@ StWidget.focused .app-well-app-running-dot { .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; border-radius: 9999px; icon-size: 48px; } .shell-link { border-radius: 6px; - color: #7287fd; + color: #8caaee; } .shell-link:hover { - color: #7287fd; - background-color: rgba(114, 135, 253, 0.15); + color: #8caaee; + background-color: rgba(140, 170, 238, 0.15); } .shell-link:active { - color: #7287fd; - background-color: rgba(114, 135, 253, 0.25); + color: #8caaee; + background-color: rgba(140, 170, 238, 0.25); } .lowres-icon { @@ -236,61 +236,61 @@ StWidget.focused .app-well-app-running-dot { /* Buttons */ .hotplug-notification-item { - color: #eff1f5; - background-color: #1e1e2e; + color: #c6d0f5; + background-color: #303446; box-shadow: none !important; } .hotplug-notification-item:focus { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.08); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.08); box-shadow: none !important; } .hotplug-notification-item:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); box-shadow: none !important; } .hotplug-notification-item:active { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.2); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.2); box-shadow: none !important; } .hotplug-notification-item:insensitive { - color: rgba(239, 241, 245, 0.35); - background-color: #1e1e2e; + color: rgba(198, 208, 245, 0.35); + background-color: #303446; box-shadow: none !important; } .lg-obj-inspector-button, .candidate-page-button, .modal-dialog-linked-button, .popup-menu .button { - color: #eff1f5; + color: #c6d0f5; background-color: transparent; box-shadow: none !important; } .lg-obj-inspector-button:focus, .candidate-page-button:focus, .modal-dialog-linked-button:focus, .popup-menu .button:focus { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.08); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.08); box-shadow: none !important; } .lg-obj-inspector-button:hover, .candidate-page-button:hover, .modal-dialog-linked-button:hover, .popup-menu .button:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); } .lg-obj-inspector-button:active, .candidate-page-button:active, .modal-dialog-linked-button:active, .popup-menu .button:active { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.2); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.2); box-shadow: none !important; } .lg-obj-inspector-button:insensitive, .candidate-page-button:insensitive, .modal-dialog-linked-button:insensitive, .popup-menu .button:insensitive { background-color: transparent; - color: rgba(239, 241, 245, 0.35); + color: rgba(198, 208, 245, 0.35); box-shadow: none !important; } @@ -305,8 +305,8 @@ StWidget.focused .app-well-app-running-dot { .popup-menu .message, .world-clocks-button, .weather-button, .events-button { - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.04); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.04); border-radius: 6px; border: none; box-shadow: none; @@ -318,16 +318,16 @@ StWidget.focused .app-well-app-running-dot { .events-button:hover, .popup-menu .message:focus, .world-clocks-button:focus, .weather-button:focus, .events-button:focus { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); box-shadow: none; } .popup-menu .message:active, .world-clocks-button:active, .weather-button:active, .events-button:active { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.2); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.2); box-shadow: none; } @@ -346,7 +346,7 @@ StWidget.focused .app-well-app-running-dot { .datemenu-calendar-column { spacing: 6px; - border: 0 solid rgba(239, 241, 245, 0); + border: 0 solid rgba(198, 208, 245, 0); padding: 0 12px; } @@ -371,7 +371,7 @@ StWidget.focused .app-well-app-running-dot { .world-clocks-header, .weather-header, .events-section-title { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: bold; } @@ -389,16 +389,16 @@ StWidget.focused .app-well-app-running-dot { padding: 6px; margin: 0 12px; text-shadow: none; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border-radius: 12px; } .datemenu-today-button:hover, .datemenu-today-button:focus { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .datemenu-today-button:active { - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); } .datemenu-today-button .day-label { @@ -424,7 +424,7 @@ StWidget.focused .app-well-app-running-dot { .calendar .calendar-month-label { padding: 6px 0; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: bold; text-align: center; text-shadow: none; @@ -448,15 +448,15 @@ StWidget.focused .app-well-app-running-dot { margin: 2px; border-radius: 9999px; background-color: transparent; - color: #eff1f5; + color: #c6d0f5; } .calendar .pager-button:hover, .calendar .pager-button:focus { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .calendar .pager-button:active { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .calendar .calendar-day-base { @@ -467,24 +467,24 @@ StWidget.focused .app-well-app-running-dot { padding: 0; margin: 2px; border-radius: 9999px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border: none; font-feature-settings: "tnum"; } .calendar .calendar-day-base:hover, .calendar .calendar-day-base:focus { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .calendar .calendar-day-base:active, .calendar .calendar-day-base:selected { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.3); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.3); border-color: transparent; } .calendar .calendar-day-base.calendar-day-heading { margin-top: 1em; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-size: 10pt; } @@ -501,49 +501,49 @@ StWidget.focused .app-well-app-running-dot { } .calendar .calendar-nonwork-day { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-weight: bold; } .calendar .calendar-today { font-weight: bold; - color: rgba(239, 241, 245, 0.7) !important; - background-color: rgba(239, 241, 245, 0.06); + color: rgba(198, 208, 245, 0.7) !important; + background-color: rgba(198, 208, 245, 0.06); border: none; } .calendar .calendar-today:hover, .calendar .calendar-today:focus { - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5 !important; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5 !important; } .calendar .calendar-today:active { - background-color: #9ba8fe; + background-color: #769aeb; color: rgba(17, 17, 27, 0.87) !important; } .calendar .calendar-today:selected { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87) !important; } .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { - background-color: #dce1ff; + background-color: #b0c4f3; color: rgba(17, 17, 27, 0.87) !important; } .calendar .calendar-day-with-events { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-image: url("assets/calendar-today.svg"); } .calendar .calendar-day-with-events.calendar-work-day { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: bold; } .calendar .calendar-other-month-day { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); opacity: 0.5; } @@ -553,8 +553,8 @@ StWidget.focused .app-well-app-running-dot { margin: 6px 2px !important; padding: 0 0; border-radius: 6px; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); font-size: inherit; font-weight: bold; text-align: center; @@ -577,25 +577,25 @@ StWidget.focused .app-well-app-running-dot { } .events-button .events-title { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-weight: bold; text-shadow: none; } .events-button .event-time { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-feature-settings: "tnum"; font-size: 10pt; } .world-clocks-button .world-clocks-city { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-weight: bold; font-size: 11pt; } .world-clocks-button .world-clocks-time { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-feature-settings: "tnum"; font-size: 11pt; } @@ -609,7 +609,7 @@ StWidget.focused .app-well-app-running-dot { } .world-clocks-button .world-clocks-timezone { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-feature-settings: "tnum"; font-size: 10pt; } @@ -633,13 +633,13 @@ StWidget.focused .app-well-app-running-dot { } .weather-button .weather-header { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: bold; } .weather-button .weather-header.location { font-weight: normal; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-size: 10pt; } @@ -649,7 +649,7 @@ StWidget.focused .app-well-app-running-dot { } .weather-button .weather-forecast-time { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-feature-settings: "tnum"; font-size: 9pt; font-weight: normal; @@ -694,8 +694,8 @@ StWidget.focused .app-well-app-running-dot { /* Activities Ripple */ .ripple-box { - background-color: rgba(180, 190, 254, 0.35); - box-shadow: 0 0 2px 2px white; + background-color: rgba(140, 170, 238, 0.35); + box-shadow: 0 0 2px 2px #e5ecfb; width: 52px; height: 52px; border-radius: 0 0 52px 0; @@ -729,30 +729,30 @@ StWidget.focused .app-well-app-running-dot { /* Modal Dialogs */ .candidate-popup-content, .modal-dialog { - background-color: #1e1e2e; + background-color: #303446; border-radius: 12px; border: 1px solid rgba(17, 17, 27, 0); - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1); } .modal-dialog-linked-button:last-child { color: rgba(17, 17, 27, 0.87); - background-color: #b4befe; + background-color: #8caaee; } .modal-dialog-linked-button:hover:last-child { color: rgba(17, 17, 27, 0.87); - background-color: #e1e5ff; + background-color: #b4c8f4; } .modal-dialog-linked-button:active:last-child { color: rgba(17, 17, 27, 0.87); - background-color: #9ba8fe; + background-color: #769aeb; } .modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(180, 190, 254, 0.05); - color: rgba(180, 190, 254, 0.35); + background-color: rgba(140, 170, 238, 0.05); + color: rgba(140, 170, 238, 0.35); } .headline { @@ -760,7 +760,7 @@ StWidget.focused .app-well-app-running-dot { } .modal-dialog { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); padding: 0 6px 6px 6px; } @@ -773,23 +773,23 @@ StWidget.focused .app-well-app-running-dot { } .modal-dialog-linked-button:first-child { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } .modal-dialog-linked-button:first-child:focus { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.08); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.08); box-shadow: none !important; } .modal-dialog-linked-button:first-child:hover { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); } .modal-dialog-linked-button:first-child:active { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.2); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.2); box-shadow: none !important; } @@ -853,7 +853,7 @@ StWidget.focused .app-well-app-running-dot { } .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-size: 10pt; } @@ -868,7 +868,7 @@ StWidget.focused .app-well-app-running-dot { .run-dialog .run-dialog-description { text-align: center; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-size: 10pt; } @@ -919,7 +919,7 @@ StWidget.focused .app-well-app-running-dot { .prompt-dialog-info-label, .prompt-dialog-null-label { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .polkit-dialog-user-layout { @@ -941,16 +941,16 @@ StWidget.focused .app-well-app-running-dot { } .audio-selection-device { - border: 1px solid rgba(239, 241, 245, 0); + border: 1px solid rgba(198, 208, 245, 0); border-radius: 6px; } .audio-selection-device:hover, .audio-selection-device:focus { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .audio-selection-device:active { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } @@ -977,32 +977,32 @@ StEntry, .popup-menu .search-entry { margin: 2px; border-width: 0; border-radius: 6px; - color: #eff1f5; - caret-color: #eff1f5; - selection-background-color: #b4befe; + color: #c6d0f5; + caret-color: #c6d0f5; + selection-background-color: #8caaee; selected-color: rgba(17, 17, 27, 0.87); - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.04); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.04); border: 2px solid transparent; box-shadow: none; } StEntry:hover, .popup-menu .search-entry:hover { - color: #eff1f5; - border-color: rgba(239, 241, 245, 0.3); - background-color: rgba(239, 241, 245, 0.04); + color: #c6d0f5; + border-color: rgba(198, 208, 245, 0.3); + background-color: rgba(198, 208, 245, 0.04); } StEntry:focus, .popup-menu .search-entry:focus { - color: #eff1f5; - border-color: #b4befe; - background-color: rgba(239, 241, 245, 0.04); + color: #c6d0f5; + border-color: #8caaee; + background-color: rgba(198, 208, 245, 0.04); box-shadow: none; } StEntry:insensitive, .popup-menu .search-entry:insensitive { - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.35); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.35); border-color: transparent; } @@ -1019,7 +1019,7 @@ StEntry StIcon.peek-password, .popup-menu .search-entry StIcon.peek-password { StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { margin-left: 2px; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .hotplug-notification-item { @@ -1058,7 +1058,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .candidate-popup-content { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.35); border: none; margin: 3px 8px; @@ -1068,7 +1068,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .candidate-index { padding: 0 0.5em 0 0; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .candidate-box:selected .candidate-index { @@ -1079,21 +1079,21 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { padding: 0.3em 0.5em 0.3em 0.5em; margin-right: 2px; border-radius: 6px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .candidate-box:hover { - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } .candidate-box:active { - background-color: rgba(239, 241, 245, 0.3); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.3); + color: #c6d0f5; } .candidate-box:selected { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } @@ -1155,24 +1155,24 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { padding: 0 !important; border-radius: 9px; border: none; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-color: #707070; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85); } .keyboard-key:focus, .keyboard-key:hover { - color: #eff1f5; + color: #c6d0f5; background-color: #656565; } .keyboard-key:checked, .keyboard-key:active { - color: #eff1f5; + color: #c6d0f5; background-color: #717171; } .keyboard-key:grayed { background-color: #4b4b4b; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .keyboard-key.default-key { @@ -1181,32 +1181,32 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .keyboard-key.default-key:focus, .keyboard-key.default-key:hover { - color: #eff1f5; + color: #c6d0f5; background-color: #585858; } .keyboard-key.default-key:checked, .keyboard-key.default-key:active { - color: #eff1f5; + color: #c6d0f5; background-color: #6a6a6a; } .keyboard-key.enter-key { color: rgba(17, 17, 27, 0.87); - background-color: #b4befe; + background-color: #8caaee; } .keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { color: rgba(17, 17, 27, 0.87); - background-color: #cdd4fe; + background-color: #a2baf1; } .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { color: rgba(17, 17, 27, 0.87); - background-color: #8292fd; + background-color: #6089e7; } .keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #b4befe; + color: #8caaee; } .keyboard-key StIcon { @@ -1216,7 +1216,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .keyboard-subkeys { color: inherit; -arrow-border-radius: 12px; - -arrow-background-color: #323233; + -arrow-background-color: #2e2f33; -arrow-border-width: 0; -arrow-border-color: transparent; -arrow-base: 20px; @@ -1233,7 +1233,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .emoji-panel .keyboard-key:latched { border: none; - background-color: #b4befe; + background-color: #8caaee; } .word-suggestions { @@ -1244,7 +1244,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { /* Login Dialog */ #lockDialogGroup { - background-color: #11111b; + background-color: #232634; } .login-dialog-banner-view { @@ -1260,13 +1260,13 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog StEntry, .unlock-dialog StEntry { - selection-background-color: #b4befe; + selection-background-color: #8caaee; selected-color: rgba(17, 17, 27, 0.87); padding: 4px 8px; min-height: 26px; border-radius: 9999px; caret-color: rgba(17, 17, 27, 0.87); - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); border-radius: 0; border: none; box-shadow: inset 0 -1px rgba(17, 17, 27, 0.15); @@ -1276,15 +1276,15 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog StEntry:focus, .unlock-dialog StEntry:focus { border: none; - background-color: rgba(239, 241, 245, 0.04); - box-shadow: inset 0 -2px #b4befe; + background-color: rgba(198, 208, 245, 0.04); + box-shadow: inset 0 -2px #8caaee; color: rgba(17, 17, 27, 0.87); } .login-dialog StEntry:insensitive, .unlock-dialog StEntry:insensitive { border: none; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); color: rgba(17, 17, 27, 0.35); } @@ -1311,13 +1311,13 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { color: rgba(17, 17, 27, 0.87); - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { color: rgba(17, 17, 27, 0.87); - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); box-shadow: none !important; } @@ -1331,7 +1331,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { color: rgba(17, 17, 27, 0.87); - background-color: #1e1e2e; + background-color: #303446; box-shadow: none !important; } @@ -1339,21 +1339,21 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { color: rgba(17, 17, 27, 0.87); - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); box-shadow: none !important; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { color: rgba(17, 17, 27, 0.87); - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); box-shadow: none !important; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { color: rgba(17, 17, 27, 0.35); - background-color: #1e1e2e; + background-color: #303446; box-shadow: none !important; } @@ -1368,8 +1368,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { width: 32px; height: 32px; border: none; - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } .login-dialog .cancel-button StIcon, @@ -1383,7 +1383,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog .login-dialog-message-warning, .unlock-dialog .login-dialog-message-warning { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-logo-bin { @@ -1391,7 +1391,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-banner { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-button-box { @@ -1420,22 +1420,22 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: #eff1f5; + color: #c6d0f5; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-not-listed-label:focus { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .login-dialog-user-list-view { @@ -1449,18 +1449,18 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(239, 241, 245, 0.3); - color: rgba(239, 241, 245, 0.7); + background-color: rgba(198, 208, 245, 0.3); + color: rgba(198, 208, 245, 0.7); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #b4befe; + border-right: 2px solid #8caaee; } .login-dialog-user-list-item { border-radius: 12px; padding: 6px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-user-list-item:ltr .user-widget { @@ -1472,27 +1472,27 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-user-list-item:focus { - background-color: rgba(239, 241, 245, 0.04) !important; + background-color: rgba(198, 208, 245, 0.04) !important; } .login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { - background-color: rgba(239, 241, 245, 0.12) !important; - color: rgba(239, 241, 245, 0.7); + background-color: rgba(198, 208, 245, 0.12) !important; + color: rgba(198, 208, 245, 0.7); } .login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { - background-color: rgba(239, 241, 245, 0.3) !important; - color: rgba(239, 241, 245, 0.7); + background-color: rgba(198, 208, 245, 0.3) !important; + color: rgba(198, 208, 245, 0.7); } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 6px 0 0 0; - background-color: rgba(239, 241, 245, 0.12) !important; + background-color: rgba(198, 208, 245, 0.12) !important; } .user-widget-label { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .user-widget.horizontal .user-widget-label { @@ -1530,28 +1530,28 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-prompt-label { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-size: 12pt; padding-top: 1em; } /* Looking Glass */ #LookingGlassDialog { - background-color: #1e1e2e; + background-color: #303446; spacing: 4px; padding: 0; border: none; border-radius: 6px; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); - color: #eff1f5; + color: #c6d0f5; } #LookingGlassDialog > #Toolbar { padding: 0 8px; border: none; border-radius: 0; - background-color: #1e1e2e; - box-shadow: inset 0 -1px 0 rgba(239, 241, 245, 0); + background-color: #303446; + box-shadow: inset 0 -1px 0 rgba(198, 208, 245, 0); } #LookingGlassDialog .labels { @@ -1562,7 +1562,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); padding-left: 16px; padding-right: 16px; min-height: 32px; @@ -1572,16 +1572,16 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } #LookingGlassDialog .notebook-tab:hover { - background-color: rgba(239, 241, 245, 0.04); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.04); + color: #c6d0f5; text-shadow: none; } #LookingGlassDialog .notebook-tab:selected { border-color: transparent; - background-color: rgba(239, 241, 245, 0.12); - box-shadow: inset 0 -2px 0px #b4befe; - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + box-shadow: inset 0 -2px 0px #8caaee; + color: #c6d0f5; text-shadow: none; } @@ -1596,32 +1596,32 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .lg-dialog StEntry { min-height: 22px; - selection-background-color: #b4befe; + selection-background-color: #8caaee; selected-color: rgba(17, 17, 27, 0.87); } .lg-dialog .shell-link { - color: #7287fd; + color: #8caaee; } .lg-dialog .shell-link:hover { - color: #a4b2fe; + color: #b8cbf5; } .lg-dialog .shell-link:active { - color: #405cfc; + color: #6089e7; } .lg-dialog .actor-link { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .lg-dialog .actor-link:hover { - color: #eff1f5; + color: #c6d0f5; } .lg-dialog .actor-link:active { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .lg-completions-text { @@ -1655,7 +1655,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .lg-extension { border: none; border-radius: 6px; - background-color: #1e1e2e; + background-color: #303446; padding: 12px; } @@ -1668,8 +1668,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } #LookingGlassPropertyInspector { - color: rgba(239, 241, 245, 0.7); - background: #1e1e2e; + color: rgba(198, 208, 245, 0.7); + background: #303446; border: none; border-radius: 6px; padding: 6px; @@ -1750,7 +1750,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .message .message-secondary-bin > .event-time { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-size: 9pt; text-align: right; padding-bottom: 0.12em; @@ -1765,7 +1765,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .message .message-title { - color: #eff1f5; + color: #c6d0f5; font-weight: bold; } @@ -1773,11 +1773,11 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { padding: 9px; margin-bottom: 8px; spacing: 4px; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .message .message-close-button { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); padding: 0; height: 24px; width: 24px; @@ -1785,28 +1785,28 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .message .message-close-button:hover, .message .message-close-button:active { - color: #eff1f5; + color: #c6d0f5; } .message .message-close-button:hover, .message .message-close-button:focus { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .message .message-close-button:active { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .message .message-body { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .url-highlighter { - link-color: #7287fd; + link-color: #8caaee; } .message-media-control { border-radius: 9999px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .message-media-control:last-child:ltr { @@ -1818,17 +1818,17 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .message-media-control:hover, .message-media-control:focus { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.12); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.12); } .message-media-control:active { - color: #eff1f5; - background-color: rgba(239, 241, 245, 0.3); + color: #c6d0f5; + background-color: rgba(198, 208, 245, 0.3); } .message-media-control:insensitive { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .media-message-cover-icon { @@ -1840,19 +1840,19 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { icon-size: 32px !important; border: none; border-radius: 6px; - background-color: rgba(239, 241, 245, 0.12); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.12); + color: rgba(198, 208, 245, 0.5); } .select-area-rubberband { - background-color: rgba(180, 190, 254, 0.3); - border: 1px solid #b4befe; + background-color: rgba(140, 170, 238, 0.3); + border: 1px solid #8caaee; border-radius: 6px; } .user-icon { background-size: contain; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border-radius: 9999px; border: none; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); @@ -1864,11 +1864,11 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .user-icon:hover { - color: #eff1f5; + color: #c6d0f5; } .user-icon StIcon { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 9999px; padding: 12px; width: 40px; @@ -1876,7 +1876,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .user-icon.user-avatar { - border: 2px solid #b4befe; + border: 2px solid #8caaee; } .user-widget.vertical .user-icon { @@ -1936,7 +1936,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .nm-dialog-airplane-text { - color: #eff1f5; + color: #c6d0f5; } .nm-dialog-header { @@ -1954,7 +1954,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .nm-dialog-scroll-view { border: none; padding: 0; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); border-radius: 6px; } @@ -1966,16 +1966,16 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .nm-dialog-item:selected { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } .nm-dialog-item:hover, .nm-dialog-item:focus { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .nm-dialog-item:active { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .nm-dialog-icon { @@ -1987,7 +1987,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .no-networks-label { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .no-networks-box { @@ -2000,8 +2000,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { min-height: 64px; margin: 2px 5px 8px; border-radius: 6px; - color: rgba(239, 241, 245, 0.7); - background-color: #1e1e2e; + color: rgba(198, 208, 245, 0.7); + background-color: #303446; border: none; text-shadow: none; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); @@ -2009,21 +2009,21 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .notification-banner:hover { - color: #eff1f5; - background-color: #1e1e2e; + color: #c6d0f5; + background-color: #303446; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); margin: 2px 12px 17px; } .notification-banner:focus { - color: #eff1f5; - background-color: #1e1e2e; + color: #c6d0f5; + background-color: #303446; } .notification-banner .notification-actions { background-color: transparent; padding-top: 0; - border-top: 1px solid rgba(239, 241, 245, 0); + border-top: 1px solid rgba(198, 208, 245, 0); spacing: 0; } @@ -2031,7 +2031,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { min-height: 44px; padding: 0 18px; background-color: transparent; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: 500; border-width: 0; } @@ -2050,19 +2050,19 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .notification-banner .notification-button:focus { background-color: transparent; - color: #eff1f5; - box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.12); + color: #c6d0f5; + box-shadow: inset 0 0 0 2px rgba(198, 208, 245, 0.12); } .notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; box-shadow: none; } .notification-banner .notification-button:active { - background-color: rgba(239, 241, 245, 0.3); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.3); + color: #c6d0f5; } .summary-source-counter { @@ -2072,9 +2072,9 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); - border: 2px solid rgba(239, 241, 245, 0.3); + border: 2px solid rgba(198, 208, 245, 0.3); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; } @@ -2088,7 +2088,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .chat-log-message { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .chat-new-group { @@ -2106,7 +2106,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .chat-sent { padding-left: 18pt; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .chat-sent:rtl { @@ -2117,7 +2117,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .chat-meta-message { padding-left: 4px; font-size: 9pt; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .chat-meta-message:rtl { @@ -2127,8 +2127,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { /* OSD */ .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { - color: rgba(239, 241, 245, 0.7); - background-color: #11111b; + color: rgba(198, 208, 245, 0.7); + background-color: #232634; border: none; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); margin: 5px 8px 11px; @@ -2148,15 +2148,15 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .osd-window .level { height: 2px; border-radius: 2px; - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; -barlevel-height: 2px; - -barlevel-background-color: rgba(239, 241, 245, 0.12); - -barlevel-active-background-color: #b4befe; + -barlevel-background-color: rgba(198, 208, 245, 0.12); + -barlevel-active-background-color: #8caaee; -barlevel-overdrive-color: #e78284; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; - -barlevel-border-color: rgba(239, 241, 245, 0); + -barlevel-border-color: rgba(198, 208, 245, 0); } .osd-window .level-bar { @@ -2166,7 +2166,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .pad-osd-window { padding: 32px; - background-color: #11111b; + background-color: #232634; } .pad-osd-window .pad-osd-title-box { @@ -2187,10 +2187,10 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { /* Top Bar */ #panel { - background-color: #11111b; + background-color: #232634; font-weight: bold; height: 32px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-feature-settings: "tnum"; transition-duration: 250ms; font-size: 10pt; @@ -2198,7 +2198,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #11111b; + -panel-corner-background-color: #232634; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -2209,7 +2209,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); transition-duration: 150ms; border-radius: 9999px; text-shadow: none; @@ -2223,43 +2223,43 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } #panel .panel-button:hover { - color: #eff1f5; + color: #c6d0f5; background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.12); } #panel .panel-button:hover.clock-display { box-shadow: none; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #panel .panel-button:hover.clock-display .clock { - color: #eff1f5; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); + color: #c6d0f5; + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.12); } #panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { background-color: transparent; - color: #eff1f5; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); + color: #c6d0f5; + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); - color: #eff1f5; + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.2); + color: #c6d0f5; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #eff1f5; + color: #c6d0f5; } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #eff1f5; + color: #c6d0f5; } #panel .panel-button .system-status-icon { @@ -2288,39 +2288,39 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } #panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: #eff1f5; + color: #c6d0f5; background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.12); } #panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display { box-shadow: none; - color: #eff1f5; + color: #c6d0f5; } #panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock { - color: #eff1f5; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); + color: #c6d0f5; + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.12); } #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:checked { - color: #eff1f5; + color: #c6d0f5; background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.2); } #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:overview.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:checked.clock-display { box-shadow: none; - color: #eff1f5; + color: #c6d0f5; } #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:overview.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock { - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); - color: #eff1f5; + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.2); + color: #c6d0f5; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { @@ -2358,7 +2358,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .popup-menu { min-width: 12em; - color: rgba(239, 241, 245, 0.7) !important; + color: rgba(198, 208, 245, 0.7) !important; padding: 0 !important; font-weight: normal; border-radius: 12px; @@ -2369,17 +2369,17 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .popup-menu .popup-menu-content { padding: 6px 0 !important; - background-color: #1e1e2e; + background-color: #303446; border-radius: 12px; margin: 0; font-weight: normal; border: 1px solid rgba(17, 17, 27, 0); - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1); } .popup-menu .popup-menu-item { spacing: 6px; - color: rgba(239, 241, 245, 0.7) !important; + color: rgba(198, 208, 245, 0.7) !important; text-shadow: none; border-radius: 6px; margin: 0 6px; @@ -2390,43 +2390,43 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { font-weight: normal; border: none; box-shadow: none; - color: #eff1f5 !important; - background-color: rgba(239, 241, 245, 0.12) !important; + color: #c6d0f5 !important; + background-color: rgba(198, 208, 245, 0.12) !important; border-radius: 6px 6px 0 0; } .popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected { - color: #eff1f5 !important; + color: #c6d0f5 !important; background-color: alpha(currentColor, 0.08) !important; } .popup-menu .popup-menu-item:checked:active { - color: #eff1f5 !important; + color: #c6d0f5 !important; background-color: alpha(currentColor, 0.12) !important; } .popup-menu .popup-menu-item:checked:insensitive { - color: rgba(239, 241, 245, 0.3) !important; + color: rgba(198, 208, 245, 0.3) !important; } .popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item.selected { - color: #eff1f5 !important; - background-color: rgba(239, 241, 245, 0.12) !important; + color: #c6d0f5 !important; + background-color: rgba(198, 208, 245, 0.12) !important; transition-duration: 0; } .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { - color: #eff1f5 !important; - background-color: rgba(239, 241, 245, 0.3) !important; + color: #c6d0f5 !important; + background-color: rgba(198, 208, 245, 0.3) !important; } .popup-menu .popup-menu-item:insensitive { - color: rgba(239, 241, 245, 0.3) !important; + color: rgba(198, 208, 245, 0.3) !important; } .popup-menu .popup-sub-menu { - background-color: rgba(239, 241, 245, 0.12) !important; - color: rgba(239, 241, 245, 0.7) !important; + background-color: rgba(198, 208, 245, 0.12) !important; + color: rgba(198, 208, 245, 0.7) !important; border: none; box-shadow: none; margin: 0 6px; @@ -2438,25 +2438,25 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item.selected { - color: #eff1f5 !important; - background-color: rgba(239, 241, 245, 0.12) !important; + color: #c6d0f5 !important; + background-color: rgba(198, 208, 245, 0.12) !important; } .popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active { - color: #eff1f5 !important; - background-color: rgba(239, 241, 245, 0.3) !important; + color: #c6d0f5 !important; + background-color: rgba(198, 208, 245, 0.3) !important; } .popup-menu .popup-sub-menu .popup-menu-item:insensitive { - color: rgba(239, 241, 245, 0.3) !important; + color: rgba(198, 208, 245, 0.3) !important; } .popup-menu .popup-inactive-menu-item { - color: rgba(239, 241, 245, 0.7) !important; + color: rgba(198, 208, 245, 0.7) !important; } .popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(239, 241, 245, 0.3) !important; + color: rgba(198, 208, 245, 0.3) !important; } .popup-menu.panel-menu { @@ -2537,14 +2537,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: #212134; + background-color: #33384c; } .unlock-dialog-notification-label { @@ -2555,7 +2555,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { weight: bold; padding: 0 6px; color: rgba(17, 17, 27, 0.87); - background-color: #b4befe; + background-color: #8caaee; border-radius: 9999px; margin-right: 12px; } @@ -2566,15 +2566,15 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { - background-color: rgba(30, 30, 46, 0.3); + background-color: rgba(48, 52, 70, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { - background-color: rgba(30, 30, 46, 0.5); + background-color: rgba(48, 52, 70, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { - background-color: rgba(180, 190, 254, 0.5); + background-color: rgba(140, 170, 238, 0.5); } /* Scrollbars */ @@ -2598,69 +2598,69 @@ StScrollView StScrollBar { StScrollBar StBin#trough { margin: 6px; border-radius: 9999px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 9999px; - background-color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.5); margin: 6px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: rgba(239, 241, 245, 0.7); + background-color: rgba(198, 208, 245, 0.7); } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #eff1f5; + background-color: #c6d0f5; } .search-entry { width: 320px; min-height: 32px; padding: 0 12px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); transition-duration: 150ms; border-radius: 6px; - caret-color: #eff1f5; - selection-background-color: rgba(239, 241, 245, 0.12); + caret-color: #c6d0f5; + selection-background-color: rgba(198, 208, 245, 0.12); selected-color: rgba(17, 17, 27, 0.87) !important; - color: #eff1f5; - background-color: #1e1e2e; + color: #c6d0f5; + background-color: #303446; border: 2px solid transparent; box-shadow: none; } .search-entry:hover { - color: #eff1f5; - border-color: rgba(239, 241, 245, 0.3); - background-color: #1e1e2e; + color: #c6d0f5; + border-color: rgba(198, 208, 245, 0.3); + background-color: #303446; } .search-entry:focus { - color: #eff1f5; - border-color: #b4befe; - background-color: #1e1e2e; + color: #c6d0f5; + border-color: #8caaee; + background-color: #303446; box-shadow: none; } .search-entry .search-entry-icon { icon-size: 16px; padding: 0 0; - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .search-entry:insensitive { border: none; - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .search-entry StLabel.hint-text { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } /* Search */ @@ -2672,12 +2672,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); transition-duration: 200ms; } .list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked { - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); } #searchResultsContent { @@ -2692,7 +2692,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .search-section .search-section-separator { height: 1px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .search-section-content { @@ -2703,13 +2703,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; background: none; text-shadow: none; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .search-statustext { font-size: 2em; font-weight: bold; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .grid-search-results { @@ -2723,7 +2723,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; margin-top: 0; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .list-search-results { @@ -2739,26 +2739,26 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .list-search-result .list-search-result-description { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } /* Slider */ .slider { height: 20px; - color: #1e1e2e; + color: #303446; -slider-height: 2px; - -slider-background-color: rgba(239, 241, 245, 0.3); - -slider-border-color: #b4befe; - -slider-active-background-color: #b4befe; - -slider-active-border-color: #b4befe; + -slider-background-color: rgba(198, 208, 245, 0.3); + -slider-border-color: #8caaee; + -slider-active-background-color: #8caaee; + -slider-active-border-color: #8caaee; -slider-border-width: 2px; -slider-handle-radius: 7px; -slider-handle-border-width: 2px; - -slider-handle-border-color: #b4befe; + -slider-handle-border-color: #8caaee; -barlevel-height: 2px; - -barlevel-background-color: rgba(239, 241, 245, 0.3); + -barlevel-background-color: rgba(198, 208, 245, 0.3); -barlevel-border-color: transparent; - -barlevel-active-background-color: #b4befe; + -barlevel-active-background-color: #8caaee; -barlevel-active-border-color: transparent; -barlevel-overdrive-color: #e78284; -barlevel-overdrive-border-color: transparent; @@ -2779,12 +2779,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:outlined { - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } .switcher-list .item-box:selected { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } @@ -2799,7 +2799,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-list .separator { width: 1px; - background: rgba(239, 241, 245, 0); + background: rgba(198, 208, 245, 0); } .switcher-list .switcher-list-item-container { @@ -2808,11 +2808,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .switcher-arrow { border-color: rgba(0, 0, 0, 0); - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .switcher-arrow:highlighted { - color: #eff1f5; + color: #c6d0f5; } .input-source-switcher-symbol { @@ -2822,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .cycler-highlight { - border: 5px solid #b4befe; + border: 5px solid #8caaee; } /* Switches */ @@ -2842,8 +2842,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(180, 190, 254, 0.3); - border: 1px solid #b4befe; + background-color: rgba(140, 170, 238, 0.3); + border: 1px solid #8caaee; } .tile-preview-left.on-primary { @@ -2875,7 +2875,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { background: transparent; height: 50px; background-size: 32px; - background: rgba(239, 241, 245, 0.12); + background: rgba(198, 208, 245, 0.12); border-radius: 6px; } @@ -2884,7 +2884,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-left, .ws-switcher-active-right { height: 52px; - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); border-radius: 9px; border: none; @@ -2961,7 +2961,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .dash-background { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); margin-bottom: 16px; padding: 10px; border-radius: 24px; @@ -2975,11 +2975,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-separator { width: 1px; margin: 0 7px 16px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .workspace-animation { - background-color: #11111b; + background-color: #232634; } .calendar .calendar-change-month-back, @@ -3011,7 +3011,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #11111b; + background-color: #232634; } .osd-window { @@ -3058,7 +3058,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .popup-separator-menu-item .popup-separator-menu-item-separator { height: 1px; margin: 0; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); padding: 0; } @@ -3088,15 +3088,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-caption { - color: #eff1f5; - background-color: #11111b; + color: #c6d0f5; + background-color: #232634; border-radius: 9999px; padding: 6px 12px; } .window-close { - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; border-radius: 21px; padding: 3px; height: 30px; @@ -3106,18 +3106,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover { - color: #eff1f5; - background-color: #1d1d2e; + color: #c6d0f5; + background-color: #2f3346; } .window-close:active { - color: #eff1f5; - background-color: #050508; + color: #c6d0f5; + background-color: #171922; } .workspace-background { border-radius: 30px; - background-color: #11111b; + background-color: #232634; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -3129,8 +3129,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnails .workspace-thumbnail { - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.12); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.12); border: none; border-radius: 6px; } @@ -3143,7 +3143,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnail-indicator { - border: 3px solid #b4befe; + border: 3px solid #8caaee; border-radius: 3px; padding: 0px; } @@ -3163,14 +3163,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .number-overlay { - color: #eff1f5; + color: #c6d0f5; background-color: rgba(0, 0, 0, 0.75); text-align: center; } #dashtodockContainer .notification-badge { color: rgba(17, 17, 27, 0.87); - background-color: #b4befe; + background-color: #8caaee; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); border-radius: 9999px; margin: 2px; @@ -3226,77 +3226,77 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer.dashtodock #dash .dash-background { - background-color: #11111b; + background-color: #232634; } #dashtodockContainer #dash .dash-background { - background-color: #11111b; + background-color: #232634; } #dashtodockContainer .app-well-app-running-dot { - background-color: rgba(239, 241, 245, 0.3) !important; + background-color: rgba(198, 208, 245, 0.3) !important; } #dashtodockContainer StWidget.focused .app-well-app-running-dot { - background-color: #b4befe !important; + background-color: #8caaee !important; } #dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(239, 241, 245, 0.3) !important; + background-color: rgba(198, 208, 245, 0.3) !important; } #dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #b4befe !important; + background-color: #8caaee !important; } #dashtodockContainer .show-apps .overview-icon, #dashtodockContainer .app-well-app .overview-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #dashtodockContainer .show-apps:hover .overview-icon, #dashtodockContainer .show-apps:focus .overview-icon, #dashtodockContainer .show-apps:selected .overview-icon, #dashtodockContainer .app-well-app:hover .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } #dashtodockContainer .show-apps:active .overview-icon, #dashtodockContainer .show-apps:checked .overview-icon, #dashtodockContainer .app-well-app:active .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } #dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #dashtodockContainer:overview #dash .show-apps:hover .overview-icon, #dashtodockContainer:overview #dash .show-apps:focus .overview-icon, #dashtodockContainer:overview #dash .show-apps:selected .overview-icon, #dashtodockContainer:overview #dash .app-well-app:hover .overview-icon, #dashtodockContainer:overview #dash .app-well-app:focus .overview-icon, #dashtodockContainer:overview #dash .app-well-app:selected .overview-icon { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } #dashtodockContainer:overview #dash .show-apps:active .overview-icon, #dashtodockContainer:overview #dash .show-apps:checked .overview-icon, #dashtodockContainer:overview #dash .app-well-app:active .overview-icon, #dashtodockContainer:overview #dash .app-well-app:checked .overview-icon { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } #dashtodockContainer .app-well-app-running-dot { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } #dashtodockContainer StWidget.focused .app-well-app-running-dot { - background-color: #b4befe; + background-color: #8caaee; } #dashtodockContainer.opaque #dash .dash-background { - background-color: #11111b; + background-color: #232634; } #dashtodockContainer.transparent #dash .dash-background { - background-color: rgba(17, 17, 27, 0.35); + background-color: rgba(35, 38, 52, 0.35); } #dashtodockContainer:overview #dash .dash-background { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } #dashtodockContainer.opaque:overview #dash .dash-background, #dashtodockContainer.transparent:overview #dash .dash-background { @@ -3305,7 +3305,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background { - background-color: #11111b; + background-color: #232634; } #dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { @@ -3350,29 +3350,29 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { background: none; - color: #eff1f5; + color: #c6d0f5; } .openweather-current-databox-values { background: none; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .openweather-current-databox-captions { background: none; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .openweather-forecast-icon, .openweather-forecast-summary { background: none; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .openweather-forecast-day, .openweather-forecast-temperature { background: none; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } diff --git a/src/main/gnome-shell/gnome-shell-Light.css b/src/main/gnome-shell/gnome-shell-Light.css index 861a6ea4..9fe2fbbb 100644 --- a/src/main/gnome-shell/gnome-shell-Light.css +++ b/src/main/gnome-shell/gnome-shell-Light.css @@ -27,19 +27,19 @@ stage { height: 48px; border-radius: 24px; background-color: rgba(255, 255, 255, 0.3); - box-shadow: 0 0 2px 2px #d7ddfe; + box-shadow: 0 0 2px 2px #e5ecfb; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; - -pie-border-color: #7287fd; + -pie-border-color: #8caaee; -pie-background-color: rgba(255, 255, 255, 0.3); } .magnifier-zoom-region { - border: 2px solid #7287fd; + border: 2px solid #8caaee; } .magnifier-zoom-region.full-screen { @@ -50,7 +50,7 @@ stage { .show-apps .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border-radius: 16px; padding: 6px; border: none; @@ -65,7 +65,7 @@ stage { .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); border-image: none; background-image: none; } @@ -75,7 +75,7 @@ stage { .app-well-app:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); box-shadow: none; } @@ -88,24 +88,24 @@ stage { } .app-well-app.app-folder .overview-icon { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); border-radius: 16px; } .app-well-app.app-folder:hover .overview-icon { - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); } .app-well-app.app-folder:active .overview-icon { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .app-folder-dialog { border-radius: 36px; padding: 12px; - background-color: #11111b; + background-color: #232634; border: 1px solid black; - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1); } .app-folder-dialog .folder-name-container { @@ -122,22 +122,22 @@ stage { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; border: none; - caret-color: #eff1f5; + caret-color: #c6d0f5; } .app-folder-dialog .folder-name-container .folder-name-entry:focus { - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 9px 8px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(239, 241, 245, 0.06); - color: rgba(239, 241, 245, 0.7); + background-color: rgba(198, 208, 245, 0.06); + color: rgba(198, 208, 245, 0.7); border: none; padding: 0; width: 36px; @@ -150,12 +150,12 @@ stage { } .app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .app-folder-dialog .icon-grid { @@ -181,13 +181,13 @@ stage { width: 6px; height: 3px; border-radius: 2px; - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); margin-bottom: 0; } StWidget.focused .app-well-app-running-dot { width: 24px; - background-color: #7287fd !important; + background-color: #8caaee !important; } .app-menu, @@ -205,25 +205,25 @@ StWidget.focused .app-well-app-running-dot { .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; border-radius: 9999px; icon-size: 48px; } .shell-link { border-radius: 6px; - color: #7287fd; + color: #8caaee; } .shell-link:hover { - color: #7287fd; - background-color: rgba(114, 135, 253, 0.15); + color: #8caaee; + background-color: rgba(140, 170, 238, 0.15); } .shell-link:active { - color: #7287fd; - background-color: rgba(114, 135, 253, 0.25); + color: #8caaee; + background-color: rgba(140, 170, 238, 0.25); } .lowres-icon { @@ -237,7 +237,7 @@ StWidget.focused .app-well-app-running-dot { /* Buttons */ .hotplug-notification-item { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: none !important; } @@ -261,7 +261,7 @@ StWidget.focused .app-well-app-running-dot { .hotplug-notification-item:insensitive { color: rgba(17, 17, 27, 0.35); - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: none !important; } @@ -518,18 +518,18 @@ StWidget.focused .app-well-app-running-dot { } .calendar .calendar-today:active { - background-color: #5972fd; - color: #eff1f5 !important; + background-color: #769aeb; + color: rgba(17, 17, 27, 0.87) !important; } .calendar .calendar-today:selected { - background-color: #7287fd; - color: #eff1f5 !important; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87) !important; } .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { - background-color: #9aa9fe; - color: #eff1f5 !important; + background-color: #b0c4f3; + color: rgba(17, 17, 27, 0.87) !important; } .calendar .calendar-day-with-events { @@ -694,8 +694,8 @@ StWidget.focused .app-well-app-running-dot { /* Activities Ripple */ .ripple-box { - background-color: rgba(114, 135, 253, 0.35); - box-shadow: 0 0 2px 2px #d7ddfe; + background-color: rgba(140, 170, 238, 0.35); + box-shadow: 0 0 2px 2px #e5ecfb; width: 52px; height: 52px; border-radius: 0 0 52px 0; @@ -729,30 +729,30 @@ StWidget.focused .app-well-app-running-dot { /* Modal Dialogs */ .candidate-popup-content, .modal-dialog { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; border: 1px solid rgba(17, 17, 27, 0); - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.15); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.15); } .modal-dialog-linked-button:last-child { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } .modal-dialog-linked-button:hover:last-child { - color: #eff1f5; - background-color: #9faefe; + color: rgba(17, 17, 27, 0.87); + background-color: #b4c8f4; } .modal-dialog-linked-button:active:last-child { - color: #eff1f5; - background-color: #5972fd; + color: rgba(17, 17, 27, 0.87); + background-color: #769aeb; } .modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(114, 135, 253, 0.05); - color: rgba(114, 135, 253, 0.35); + background-color: rgba(140, 170, 238, 0.05); + color: rgba(140, 170, 238, 0.35); } .headline { @@ -805,7 +805,7 @@ StWidget.focused .app-well-app-running-dot { .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { - color: #df8e1d; + color: #e5c890; } .message-dialog-content { @@ -914,7 +914,7 @@ StWidget.focused .app-well-app-running-dot { } .prompt-dialog-error-label { - color: #d20f39; + color: #e78284; } .prompt-dialog-info-label, @@ -929,7 +929,7 @@ StWidget.focused .app-well-app-running-dot { } .polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #df8e1d; + color: #e5c890; } .audio-device-selection-dialog .modal-dialog-content-box { @@ -950,8 +950,8 @@ StWidget.focused .app-well-app-running-dot { } .audio-selection-device:active { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .audio-selection-device-box { @@ -979,8 +979,8 @@ StEntry, .popup-menu .search-entry { border-radius: 6px; color: rgba(17, 17, 27, 0.87); caret-color: rgba(17, 17, 27, 0.87); - selection-background-color: #7287fd; - selected-color: #eff1f5; + selection-background-color: #8caaee; + selected-color: rgba(17, 17, 27, 0.87); color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.04); border: 2px solid transparent; @@ -995,7 +995,7 @@ StEntry:hover, .popup-menu .search-entry:hover { StEntry:focus, .popup-menu .search-entry:focus { color: rgba(17, 17, 27, 0.87); - border-color: #7287fd; + border-color: #8caaee; background-color: rgba(17, 17, 27, 0.04); box-shadow: none; } @@ -1008,7 +1008,7 @@ StEntry:insensitive, .popup-menu .search-entry:insensitive { StEntry StIcon.capslock-warning, .popup-menu .search-entry StIcon.capslock-warning { icon-size: 16px; - warning-color: #df8e1d; + warning-color: #e5c890; padding: 0 0; } @@ -1072,7 +1072,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .candidate-box:selected .candidate-index { - color: rgba(239, 241, 245, 0.7); + color: rgba(17, 17, 27, 0.6); } .candidate-box { @@ -1093,8 +1093,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .candidate-box:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .candidate-box:last-child { @@ -1162,12 +1162,12 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .keyboard-key:focus, .keyboard-key:hover { color: rgba(17, 17, 27, 0.87); - background-color: #dfe3eb; + background-color: #b0bef1; } .keyboard-key:checked, .keyboard-key:active { color: rgba(17, 17, 27, 0.87); - background-color: #d0d6e1; + background-color: #9baced; } .keyboard-key:grayed { @@ -1191,22 +1191,22 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .keyboard-key.enter-key { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } .keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: #eff1f5; - background-color: #8b9cfd; + color: rgba(17, 17, 27, 0.87); + background-color: #a2baf1; } .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: #eff1f5; - background-color: #405cfc; + color: rgba(17, 17, 27, 0.87); + background-color: #6089e7; } .keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #7287fd; + color: #8caaee; } .keyboard-key StIcon { @@ -1233,7 +1233,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .emoji-panel .keyboard-key:latched { border: none; - background-color: #7287fd; + background-color: #8caaee; } .word-suggestions { @@ -1244,7 +1244,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { /* Login Dialog */ #lockDialogGroup { - background-color: #11111b; + background-color: #232634; } .login-dialog-banner-view { @@ -1260,37 +1260,37 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog StEntry, .unlock-dialog StEntry { - selection-background-color: #7287fd; - selected-color: #eff1f5; + selection-background-color: #8caaee; + selected-color: rgba(17, 17, 27, 0.87); padding: 4px 8px; min-height: 26px; border-radius: 9999px; - caret-color: #eff1f5; + caret-color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.04); border-radius: 0; border: none; - box-shadow: inset 0 -1px rgba(239, 241, 245, 0.15); - color: #eff1f5; + box-shadow: inset 0 -1px rgba(17, 17, 27, 0.15); + color: rgba(17, 17, 27, 0.87); } .login-dialog StEntry:focus, .unlock-dialog StEntry:focus { border: none; background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 -2px #7287fd; - color: #eff1f5; + box-shadow: inset 0 -2px #8caaee; + color: rgba(17, 17, 27, 0.87); } .login-dialog StEntry:insensitive, .unlock-dialog StEntry:insensitive { border: none; background-color: rgba(17, 17, 27, 0.04); - color: rgba(239, 241, 245, 0.35); + color: rgba(17, 17, 27, 0.35); } .login-dialog StEntry StLabel.hint-text, .unlock-dialog StEntry StLabel.hint-text { - color: rgba(239, 241, 245, 0.5); + color: rgba(17, 17, 27, 0.38); } .login-dialog .modal-dialog-button-box, @@ -1302,7 +1302,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .unlock-dialog .modal-dialog-button { padding: 0 16px; border: none; - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); background-color: transparent; box-shadow: none !important; } @@ -1310,13 +1310,13 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.12); } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.2); box-shadow: none !important; } @@ -1324,36 +1324,36 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog .modal-dialog-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { background-color: transparent; - color: rgba(239, 241, 245, 0.35); + color: rgba(17, 17, 27, 0.35); box-shadow: none !important; } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { - color: #eff1f5; - background-color: #eff1f5; + color: rgba(17, 17, 27, 0.87); + background-color: #c6d0f5; box-shadow: none !important; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.12); box-shadow: none !important; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.2); box-shadow: none !important; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(239, 241, 245, 0.35); - background-color: #eff1f5; + color: rgba(17, 17, 27, 0.35); + background-color: #c6d0f5; box-shadow: none !important; } @@ -1369,7 +1369,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { height: 32px; border: none; background-color: rgba(17, 17, 27, 0.12); - color: #eff1f5; + color: #c6d0f5; } .login-dialog .cancel-button StIcon, @@ -1383,7 +1383,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog .login-dialog-message-warning, .unlock-dialog .login-dialog-message-warning { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-logo-bin { @@ -1391,7 +1391,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-banner { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-button-box { @@ -1403,7 +1403,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-message-warning { - color: #df8e1d; + color: #e5c890; } .login-dialog-message-hint { @@ -1420,22 +1420,22 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: #eff1f5; + color: #c6d0f5; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-not-listed-label:focus { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .login-dialog-user-list-view { @@ -1449,18 +1449,18 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(239, 241, 245, 0.3); - color: rgba(239, 241, 245, 0.7); + background-color: rgba(198, 208, 245, 0.3); + color: rgba(198, 208, 245, 0.7); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #7287fd; + border-right: 2px solid #8caaee; } .login-dialog-user-list-item { border-radius: 12px; padding: 6px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-user-list-item:ltr .user-widget { @@ -1477,22 +1477,22 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { background-color: rgba(17, 17, 27, 0.12) !important; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { background-color: rgba(17, 17, 27, 0.26) !important; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 6px 0 0 0; - background-color: rgba(239, 241, 245, 0.12) !important; + background-color: rgba(198, 208, 245, 0.12) !important; } .user-widget-label { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .user-widget.horizontal .user-widget-label { @@ -1530,14 +1530,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-prompt-label { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-size: 12pt; padding-top: 1em; } /* Looking Glass */ #LookingGlassDialog { - background-color: #eff1f5; + background-color: #c6d0f5; spacing: 4px; padding: 0; border: none; @@ -1550,7 +1550,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { padding: 0 8px; border: none; border-radius: 0; - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: inset 0 -1px 0 rgba(17, 17, 27, 0); } @@ -1580,7 +1580,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { #LookingGlassDialog .notebook-tab:selected { border-color: transparent; background-color: rgba(17, 17, 27, 0.12); - box-shadow: inset 0 -2px 0px #7287fd; + box-shadow: inset 0 -2px 0px #8caaee; color: rgba(17, 17, 27, 0.87); text-shadow: none; } @@ -1596,20 +1596,20 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .lg-dialog StEntry { min-height: 22px; - selection-background-color: #7287fd; - selected-color: #eff1f5; + selection-background-color: #8caaee; + selected-color: rgba(17, 17, 27, 0.87); } .lg-dialog .shell-link { - color: #7287fd; + color: #8caaee; } .lg-dialog .shell-link:hover { - color: #a4b2fe; + color: #b8cbf5; } .lg-dialog .shell-link:active { - color: #405cfc; + color: #6089e7; } .lg-dialog .actor-link { @@ -1655,7 +1655,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .lg-extension { border: none; border-radius: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; padding: 12px; } @@ -1669,7 +1669,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { #LookingGlassPropertyInspector { color: rgba(17, 17, 27, 0.6); - background: #eff1f5; + background: #c6d0f5; border: none; border-radius: 6px; padding: 6px; @@ -1801,7 +1801,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .url-highlighter { - link-color: #7287fd; + link-color: #8caaee; } .message-media-control { @@ -1845,14 +1845,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .select-area-rubberband { - background-color: rgba(114, 135, 253, 0.3); - border: 1px solid #7287fd; + background-color: rgba(140, 170, 238, 0.3); + border: 1px solid #8caaee; border-radius: 6px; } .user-icon { background-size: contain; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border-radius: 9999px; border: none; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); @@ -1864,11 +1864,11 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .user-icon:hover { - color: #eff1f5; + color: #c6d0f5; } .user-icon StIcon { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 9999px; padding: 12px; width: 40px; @@ -1876,7 +1876,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .user-icon.user-avatar { - border: 2px solid #7287fd; + border: 2px solid #8caaee; } .user-widget.vertical .user-icon { @@ -1907,7 +1907,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { text-align: center; padding-bottom: 8px; font-size: 10pt; - color: #df8e1d; + color: #e5c890; } /* Network Dialogs */ @@ -1966,8 +1966,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .nm-dialog-item:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .nm-dialog-item:hover, .nm-dialog-item:focus { @@ -2001,7 +2001,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { margin: 2px 5px 8px; border-radius: 6px; color: rgba(17, 17, 27, 0.6); - background-color: #eff1f5; + background-color: #c6d0f5; border: none; text-shadow: none; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); @@ -2010,14 +2010,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .notification-banner:hover { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); margin: 2px 12px 17px; } .notification-banner:focus { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; } .notification-banner .notification-actions { @@ -2072,8 +2072,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); border: 2px solid rgba(17, 17, 27, 0.26); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; @@ -2127,8 +2127,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { /* OSD */ .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { - color: rgba(239, 241, 245, 0.7); - background-color: #11111b; + color: rgba(198, 208, 245, 0.7); + background-color: #232634; border: none; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); margin: 5px 8px 11px; @@ -2152,8 +2152,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { color: rgba(17, 17, 27, 0.87); -barlevel-height: 2px; -barlevel-background-color: rgba(17, 17, 27, 0.12); - -barlevel-active-background-color: #7287fd; - -barlevel-overdrive-color: #d20f39; + -barlevel-active-background-color: #8caaee; + -barlevel-overdrive-color: #e78284; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; -barlevel-border-color: rgba(17, 17, 27, 0); @@ -2166,7 +2166,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .pad-osd-window { padding: 32px; - background-color: #11111b; + background-color: #232634; } .pad-osd-window .pad-osd-title-box { @@ -2288,39 +2288,39 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } #panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: #eff1f5; + color: #c6d0f5; background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.12); } #panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display { box-shadow: none; - color: #eff1f5; + color: #c6d0f5; } #panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock { - color: #eff1f5; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); + color: #c6d0f5; + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.12); } #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:checked { - color: #eff1f5; + color: #c6d0f5; background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.2); } #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:overview.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:checked.clock-display { box-shadow: none; - color: #eff1f5; + color: #c6d0f5; } #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:overview.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock { - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); - color: #eff1f5; + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.2); + color: #c6d0f5; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { @@ -2340,7 +2340,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { #panel .screencast-indicator, #panel .remote-access-indicator { - color: #df8e1d; + color: #e5c890; } /* Popovers/Menus */ @@ -2369,12 +2369,12 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .popup-menu .popup-menu-content { padding: 6px 0 !important; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; margin: 0; font-weight: normal; border: 1px solid rgba(17, 17, 27, 0); - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.15); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.15); } .popup-menu .popup-menu-item { @@ -2537,14 +2537,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: #212134; + background-color: #33384c; } .unlock-dialog-notification-label { @@ -2554,8 +2554,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; border-radius: 9999px; margin-right: 12px; } @@ -2566,15 +2566,15 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { - background-color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { - background-color: rgba(114, 135, 253, 0.5); + background-color: rgba(140, 170, 238, 0.5); } /* Scrollbars */ @@ -2624,9 +2624,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 6px; caret-color: rgba(17, 17, 27, 0.87); selection-background-color: rgba(17, 17, 27, 0.12); - selected-color: #eff1f5 !important; + selected-color: rgba(17, 17, 27, 0.87) !important; color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; border: 2px solid transparent; box-shadow: none; } @@ -2634,13 +2634,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .search-entry:hover { color: rgba(17, 17, 27, 0.87); border-color: rgba(17, 17, 27, 0.26); - background-color: #eff1f5; + background-color: #c6d0f5; } .search-entry:focus { color: rgba(17, 17, 27, 0.87); - border-color: #7287fd; - background-color: #eff1f5; + border-color: #8caaee; + background-color: #c6d0f5; box-shadow: none; } @@ -2672,12 +2672,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); transition-duration: 200ms; } .list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked { - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); } #searchResultsContent { @@ -2692,7 +2692,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .search-section .search-section-separator { height: 1px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .search-section-content { @@ -2703,13 +2703,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; background: none; text-shadow: none; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .search-statustext { font-size: 2em; font-weight: bold; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .grid-search-results { @@ -2723,7 +2723,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; margin-top: 0; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .list-search-results { @@ -2739,28 +2739,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .list-search-result .list-search-result-description { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } /* Slider */ .slider { height: 20px; - color: #eff1f5; + color: #c6d0f5; -slider-height: 2px; -slider-background-color: rgba(17, 17, 27, 0.26); - -slider-border-color: #7287fd; - -slider-active-background-color: #7287fd; - -slider-active-border-color: #7287fd; + -slider-border-color: #8caaee; + -slider-active-background-color: #8caaee; + -slider-active-border-color: #8caaee; -slider-border-width: 2px; -slider-handle-radius: 7px; -slider-handle-border-width: 2px; - -slider-handle-border-color: #7287fd; + -slider-handle-border-color: #8caaee; -barlevel-height: 2px; -barlevel-background-color: rgba(17, 17, 27, 0.26); -barlevel-border-color: transparent; - -barlevel-active-background-color: #7287fd; + -barlevel-active-background-color: #8caaee; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #d20f39; + -barlevel-overdrive-color: #e78284; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -2784,8 +2784,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .switcher-list .thumbnail-box { @@ -2822,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .cycler-highlight { - border: 5px solid #7287fd; + border: 5px solid #8caaee; } /* Switches */ @@ -2842,8 +2842,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(114, 135, 253, 0.3); - border: 1px solid #7287fd; + background-color: rgba(140, 170, 238, 0.3); + border: 1px solid #8caaee; } .tile-preview-left.on-primary { @@ -2884,8 +2884,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-left, .ws-switcher-active-right { height: 52px; - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); border-radius: 9px; border: none; } @@ -2979,7 +2979,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-animation { - background-color: #11111b; + background-color: #232634; } .calendar .calendar-change-month-back, @@ -3011,7 +3011,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #11111b; + background-color: #232634; } .osd-window { @@ -3088,15 +3088,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-caption { - color: #eff1f5; - background-color: #11111b; + color: #c6d0f5; + background-color: #232634; border-radius: 9999px; padding: 6px 12px; } .window-close { - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; border-radius: 21px; padding: 3px; height: 30px; @@ -3106,18 +3106,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover { - color: #eff1f5; - background-color: #1d1d2e; + color: #c6d0f5; + background-color: #2f3346; } .window-close:active { - color: #eff1f5; - background-color: #050508; + color: #c6d0f5; + background-color: #171922; } .workspace-background { border-radius: 30px; - background-color: #11111b; + background-color: #232634; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -3129,8 +3129,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnails .workspace-thumbnail { - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.12); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.12); border: none; border-radius: 6px; } @@ -3143,7 +3143,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnail-indicator { - border: 3px solid #7287fd; + border: 3px solid #8caaee; border-radius: 3px; padding: 0px; } @@ -3169,8 +3169,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .notification-badge { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); border-radius: 9999px; margin: 2px; @@ -3238,15 +3238,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer StWidget.focused .app-well-app-running-dot { - background-color: #7287fd !important; + background-color: #8caaee !important; } #dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(239, 241, 245, 0.3) !important; + background-color: rgba(198, 208, 245, 0.3) !important; } #dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #7287fd !important; + background-color: #8caaee !important; } #dashtodockContainer .show-apps .overview-icon, @@ -3268,23 +3268,23 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #dashtodockContainer:overview #dash .show-apps:hover .overview-icon, #dashtodockContainer:overview #dash .show-apps:focus .overview-icon, #dashtodockContainer:overview #dash .show-apps:selected .overview-icon, #dashtodockContainer:overview #dash .app-well-app:hover .overview-icon, #dashtodockContainer:overview #dash .app-well-app:focus .overview-icon, #dashtodockContainer:overview #dash .app-well-app:selected .overview-icon { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } #dashtodockContainer:overview #dash .show-apps:active .overview-icon, #dashtodockContainer:overview #dash .show-apps:checked .overview-icon, #dashtodockContainer:overview #dash .app-well-app:active .overview-icon, #dashtodockContainer:overview #dash .app-well-app:checked .overview-icon { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } #dashtodockContainer .app-well-app-running-dot { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } #dashtodockContainer StWidget.focused .app-well-app-running-dot { - background-color: #7287fd; + background-color: #8caaee; } #dashtodockContainer.opaque #dash .dash-background { @@ -3296,7 +3296,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer:overview #dash .dash-background { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } #dashtodockContainer.opaque:overview #dash .dash-background, #dashtodockContainer.transparent:overview #dash .dash-background { diff --git a/src/main/gnome-shell/gnome-shell.css b/src/main/gnome-shell/gnome-shell.css index 20e0602a..948cecfa 100644 --- a/src/main/gnome-shell/gnome-shell.css +++ b/src/main/gnome-shell/gnome-shell.css @@ -27,19 +27,19 @@ stage { height: 48px; border-radius: 24px; background-color: rgba(255, 255, 255, 0.3); - box-shadow: 0 0 2px 2px #d7ddfe; + box-shadow: 0 0 2px 2px #e5ecfb; } .pie-timer { width: 60px; height: 60px; -pie-border-width: 3px; - -pie-border-color: #7287fd; + -pie-border-color: #8caaee; -pie-background-color: rgba(255, 255, 255, 0.3); } .magnifier-zoom-region { - border: 2px solid #7287fd; + border: 2px solid #8caaee; } .magnifier-zoom-region.full-screen { @@ -50,7 +50,7 @@ stage { .show-apps .overview-icon, .app-well-app .overview-icon, .grid-search-result .overview-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border-radius: 16px; padding: 6px; border: none; @@ -65,7 +65,7 @@ stage { .grid-search-result:hover .overview-icon, .grid-search-result:focus .overview-icon, .grid-search-result:selected .overview-icon { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); border-image: none; background-image: none; } @@ -75,7 +75,7 @@ stage { .app-well-app:checked .overview-icon, .grid-search-result:active .overview-icon, .grid-search-result:checked .overview-icon { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); box-shadow: none; } @@ -88,24 +88,24 @@ stage { } .app-well-app.app-folder .overview-icon { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); border-radius: 16px; } .app-well-app.app-folder:hover .overview-icon { - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); } .app-well-app.app-folder:active .overview-icon { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .app-folder-dialog { border-radius: 36px; padding: 12px; - background-color: #11111b; + background-color: #232634; border: 1px solid black; - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1); } .app-folder-dialog .folder-name-container { @@ -122,22 +122,22 @@ stage { .app-folder-dialog .folder-name-container .folder-name-entry { width: 300px; border: none; - caret-color: #eff1f5; + caret-color: #c6d0f5; } .app-folder-dialog .folder-name-container .folder-name-entry:focus { - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } .app-folder-dialog .folder-name-container .folder-name-label { padding: 9px 8px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .app-folder-dialog .folder-name-container .edit-folder-button { - background-color: rgba(239, 241, 245, 0.06); - color: rgba(239, 241, 245, 0.7); + background-color: rgba(198, 208, 245, 0.06); + color: rgba(198, 208, 245, 0.7); border: none; padding: 0; width: 36px; @@ -150,12 +150,12 @@ stage { } .app-folder-dialog .folder-name-container .edit-folder-button:hover { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .app-folder-dialog .icon-grid { @@ -181,13 +181,13 @@ stage { width: 6px; height: 3px; border-radius: 2px; - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); margin-bottom: 0; } StWidget.focused .app-well-app-running-dot { width: 24px; - background-color: #7287fd !important; + background-color: #8caaee !important; } .app-menu, @@ -205,25 +205,25 @@ StWidget.focused .app-well-app-running-dot { .system-action-icon { box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; border-radius: 9999px; icon-size: 48px; } .shell-link { border-radius: 6px; - color: #7287fd; + color: #8caaee; } .shell-link:hover { - color: #7287fd; - background-color: rgba(114, 135, 253, 0.15); + color: #8caaee; + background-color: rgba(140, 170, 238, 0.15); } .shell-link:active { - color: #7287fd; - background-color: rgba(114, 135, 253, 0.25); + color: #8caaee; + background-color: rgba(140, 170, 238, 0.25); } .lowres-icon { @@ -237,7 +237,7 @@ StWidget.focused .app-well-app-running-dot { /* Buttons */ .hotplug-notification-item { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: none !important; } @@ -261,7 +261,7 @@ StWidget.focused .app-well-app-running-dot { .hotplug-notification-item:insensitive { color: rgba(17, 17, 27, 0.35); - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: none !important; } @@ -518,18 +518,18 @@ StWidget.focused .app-well-app-running-dot { } .calendar .calendar-today:active { - background-color: #5972fd; - color: #eff1f5 !important; + background-color: #769aeb; + color: rgba(17, 17, 27, 0.87) !important; } .calendar .calendar-today:selected { - background-color: #7287fd; - color: #eff1f5 !important; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87) !important; } .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { - background-color: #9aa9fe; - color: #eff1f5 !important; + background-color: #b0c4f3; + color: rgba(17, 17, 27, 0.87) !important; } .calendar .calendar-day-with-events { @@ -694,8 +694,8 @@ StWidget.focused .app-well-app-running-dot { /* Activities Ripple */ .ripple-box { - background-color: rgba(114, 135, 253, 0.35); - box-shadow: 0 0 2px 2px #d7ddfe; + background-color: rgba(140, 170, 238, 0.35); + box-shadow: 0 0 2px 2px #e5ecfb; width: 52px; height: 52px; border-radius: 0 0 52px 0; @@ -729,30 +729,30 @@ StWidget.focused .app-well-app-running-dot { /* Modal Dialogs */ .candidate-popup-content, .modal-dialog { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; border: 1px solid rgba(17, 17, 27, 0); - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.15); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.15); } .modal-dialog-linked-button:last-child { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } .modal-dialog-linked-button:hover:last-child { - color: #eff1f5; - background-color: #9faefe; + color: rgba(17, 17, 27, 0.87); + background-color: #b4c8f4; } .modal-dialog-linked-button:active:last-child { - color: #eff1f5; - background-color: #5972fd; + color: rgba(17, 17, 27, 0.87); + background-color: #769aeb; } .modal-dialog-linked-button:insensitive:last-child { - background-color: rgba(114, 135, 253, 0.05); - color: rgba(114, 135, 253, 0.35); + background-color: rgba(140, 170, 238, 0.05); + color: rgba(140, 170, 238, 0.35); } .headline { @@ -805,7 +805,7 @@ StWidget.focused .app-well-app-running-dot { .end-session-dialog .end-session-dialog-battery-warning, .end-session-dialog .dialog-list-title { - color: #df8e1d; + color: #e5c890; } .message-dialog-content { @@ -914,7 +914,7 @@ StWidget.focused .app-well-app-running-dot { } .prompt-dialog-error-label { - color: #d20f39; + color: #e78284; } .prompt-dialog-info-label, @@ -929,7 +929,7 @@ StWidget.focused .app-well-app-running-dot { } .polkit-dialog-user-layout .polkit-dialog-user-root-label { - color: #df8e1d; + color: #e5c890; } .audio-device-selection-dialog .modal-dialog-content-box { @@ -950,8 +950,8 @@ StWidget.focused .app-well-app-running-dot { } .audio-selection-device:active { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .audio-selection-device-box { @@ -979,8 +979,8 @@ StEntry, .popup-menu .search-entry { border-radius: 6px; color: rgba(17, 17, 27, 0.87); caret-color: rgba(17, 17, 27, 0.87); - selection-background-color: #7287fd; - selected-color: #eff1f5; + selection-background-color: #8caaee; + selected-color: rgba(17, 17, 27, 0.87); color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.04); border: 2px solid transparent; @@ -995,7 +995,7 @@ StEntry:hover, .popup-menu .search-entry:hover { StEntry:focus, .popup-menu .search-entry:focus { color: rgba(17, 17, 27, 0.87); - border-color: #7287fd; + border-color: #8caaee; background-color: rgba(17, 17, 27, 0.04); box-shadow: none; } @@ -1008,7 +1008,7 @@ StEntry:insensitive, .popup-menu .search-entry:insensitive { StEntry StIcon.capslock-warning, .popup-menu .search-entry StIcon.capslock-warning { icon-size: 16px; - warning-color: #df8e1d; + warning-color: #e5c890; padding: 0 0; } @@ -1072,7 +1072,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .candidate-box:selected .candidate-index { - color: rgba(239, 241, 245, 0.7); + color: rgba(17, 17, 27, 0.6); } .candidate-box { @@ -1093,8 +1093,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .candidate-box:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .candidate-box:last-child { @@ -1162,12 +1162,12 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .keyboard-key:focus, .keyboard-key:hover { color: rgba(17, 17, 27, 0.87); - background-color: #dfe3eb; + background-color: #b0bef1; } .keyboard-key:checked, .keyboard-key:active { color: rgba(17, 17, 27, 0.87); - background-color: #d0d6e1; + background-color: #9baced; } .keyboard-key:grayed { @@ -1191,22 +1191,22 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .keyboard-key.enter-key { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } .keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { - color: #eff1f5; - background-color: #8b9cfd; + color: rgba(17, 17, 27, 0.87); + background-color: #a2baf1; } .keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { - color: #eff1f5; - background-color: #405cfc; + color: rgba(17, 17, 27, 0.87); + background-color: #6089e7; } .keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { - color: #7287fd; + color: #8caaee; } .keyboard-key StIcon { @@ -1233,7 +1233,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .emoji-panel .keyboard-key:latched { border: none; - background-color: #7287fd; + background-color: #8caaee; } .word-suggestions { @@ -1244,7 +1244,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { /* Login Dialog */ #lockDialogGroup { - background-color: #11111b; + background-color: #232634; } .login-dialog-banner-view { @@ -1260,37 +1260,37 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog StEntry, .unlock-dialog StEntry { - selection-background-color: #7287fd; - selected-color: #eff1f5; + selection-background-color: #8caaee; + selected-color: rgba(17, 17, 27, 0.87); padding: 4px 8px; min-height: 26px; border-radius: 9999px; - caret-color: #eff1f5; + caret-color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.04); border-radius: 0; border: none; - box-shadow: inset 0 -1px rgba(239, 241, 245, 0.15); - color: #eff1f5; + box-shadow: inset 0 -1px rgba(17, 17, 27, 0.15); + color: rgba(17, 17, 27, 0.87); } .login-dialog StEntry:focus, .unlock-dialog StEntry:focus { border: none; background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 -2px #7287fd; - color: #eff1f5; + box-shadow: inset 0 -2px #8caaee; + color: rgba(17, 17, 27, 0.87); } .login-dialog StEntry:insensitive, .unlock-dialog StEntry:insensitive { border: none; background-color: rgba(17, 17, 27, 0.04); - color: rgba(239, 241, 245, 0.35); + color: rgba(17, 17, 27, 0.35); } .login-dialog StEntry StLabel.hint-text, .unlock-dialog StEntry StLabel.hint-text { - color: rgba(239, 241, 245, 0.5); + color: rgba(17, 17, 27, 0.38); } .login-dialog .modal-dialog-button-box, @@ -1302,7 +1302,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .unlock-dialog .modal-dialog-button { padding: 0 16px; border: none; - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); background-color: transparent; box-shadow: none !important; } @@ -1310,13 +1310,13 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, .unlock-dialog .modal-dialog-button:hover, .unlock-dialog .modal-dialog-button:focus { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.12); } .login-dialog .modal-dialog-button:active, .unlock-dialog .modal-dialog-button:active { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.2); box-shadow: none !important; } @@ -1324,36 +1324,36 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog .modal-dialog-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { background-color: transparent; - color: rgba(239, 241, 245, 0.35); + color: rgba(17, 17, 27, 0.35); box-shadow: none !important; } .login-dialog .modal-dialog-button:default, .unlock-dialog .modal-dialog-button:default { - color: #eff1f5; - background-color: #eff1f5; + color: rgba(17, 17, 27, 0.87); + background-color: #c6d0f5; box-shadow: none !important; } .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, .unlock-dialog .modal-dialog-button:default:hover, .unlock-dialog .modal-dialog-button:default:focus { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.12); box-shadow: none !important; } .login-dialog .modal-dialog-button:default:active, .unlock-dialog .modal-dialog-button:default:active { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); background-color: rgba(17, 17, 27, 0.2); box-shadow: none !important; } .login-dialog .modal-dialog-button:default:insensitive, .unlock-dialog .modal-dialog-button:default:insensitive { - color: rgba(239, 241, 245, 0.35); - background-color: #eff1f5; + color: rgba(17, 17, 27, 0.35); + background-color: #c6d0f5; box-shadow: none !important; } @@ -1369,7 +1369,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { height: 32px; border: none; background-color: rgba(17, 17, 27, 0.12); - color: #eff1f5; + color: #c6d0f5; } .login-dialog .cancel-button StIcon, @@ -1383,7 +1383,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog .login-dialog-message-warning, .unlock-dialog .login-dialog-message-warning { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-logo-bin { @@ -1391,7 +1391,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-banner { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-button-box { @@ -1403,7 +1403,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-message-warning { - color: #df8e1d; + color: #e5c890; } .login-dialog-message-hint { @@ -1420,22 +1420,22 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: #eff1f5; + color: #c6d0f5; } .login-dialog-not-listed-label { font-size: 1em; font-weight: bold; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); padding-top: 1em; } .login-dialog-not-listed-label:hover { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-not-listed-label:focus { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .login-dialog-user-list-view { @@ -1449,18 +1449,18 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-user-list:expanded .login-dialog-user-list-item:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:active { - background-color: rgba(239, 241, 245, 0.3); - color: rgba(239, 241, 245, 0.7); + background-color: rgba(198, 208, 245, 0.3); + color: rgba(198, 208, 245, 0.7); } .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - border-right: 2px solid #7287fd; + border-right: 2px solid #8caaee; } .login-dialog-user-list-item { border-radius: 12px; padding: 6px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-user-list-item:ltr .user-widget { @@ -1477,22 +1477,22 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { background-color: rgba(17, 17, 27, 0.12) !important; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { background-color: rgba(17, 17, 27, 0.26) !important; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .login-dialog-user-list-item .login-dialog-timed-login-indicator { height: 2px; margin: 6px 0 0 0; - background-color: rgba(239, 241, 245, 0.12) !important; + background-color: rgba(198, 208, 245, 0.12) !important; } .user-widget-label { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .user-widget.horizontal .user-widget-label { @@ -1530,14 +1530,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .login-dialog-prompt-label { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-size: 12pt; padding-top: 1em; } /* Looking Glass */ #LookingGlassDialog { - background-color: #eff1f5; + background-color: #c6d0f5; spacing: 4px; padding: 0; border: none; @@ -1550,7 +1550,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { padding: 0 8px; border: none; border-radius: 0; - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: inset 0 -1px 0 rgba(17, 17, 27, 0); } @@ -1580,7 +1580,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { #LookingGlassDialog .notebook-tab:selected { border-color: transparent; background-color: rgba(17, 17, 27, 0.12); - box-shadow: inset 0 -2px 0px #7287fd; + box-shadow: inset 0 -2px 0px #8caaee; color: rgba(17, 17, 27, 0.87); text-shadow: none; } @@ -1596,20 +1596,20 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .lg-dialog StEntry { min-height: 22px; - selection-background-color: #7287fd; - selected-color: #eff1f5; + selection-background-color: #8caaee; + selected-color: rgba(17, 17, 27, 0.87); } .lg-dialog .shell-link { - color: #7287fd; + color: #8caaee; } .lg-dialog .shell-link:hover { - color: #a4b2fe; + color: #b8cbf5; } .lg-dialog .shell-link:active { - color: #405cfc; + color: #6089e7; } .lg-dialog .actor-link { @@ -1655,7 +1655,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .lg-extension { border: none; border-radius: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; padding: 12px; } @@ -1669,7 +1669,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { #LookingGlassPropertyInspector { color: rgba(17, 17, 27, 0.6); - background: #eff1f5; + background: #c6d0f5; border: none; border-radius: 6px; padding: 6px; @@ -1801,7 +1801,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .url-highlighter { - link-color: #7287fd; + link-color: #8caaee; } .message-media-control { @@ -1845,14 +1845,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .select-area-rubberband { - background-color: rgba(114, 135, 253, 0.3); - border: 1px solid #7287fd; + background-color: rgba(140, 170, 238, 0.3); + border: 1px solid #8caaee; border-radius: 6px; } .user-icon { background-size: contain; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border-radius: 9999px; border: none; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); @@ -1864,11 +1864,11 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .user-icon:hover { - color: #eff1f5; + color: #c6d0f5; } .user-icon StIcon { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 9999px; padding: 12px; width: 40px; @@ -1876,7 +1876,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .user-icon.user-avatar { - border: 2px solid #7287fd; + border: 2px solid #8caaee; } .user-widget.vertical .user-icon { @@ -1907,7 +1907,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { text-align: center; padding-bottom: 8px; font-size: 10pt; - color: #df8e1d; + color: #e5c890; } /* Network Dialogs */ @@ -1966,8 +1966,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } .nm-dialog-item:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .nm-dialog-item:hover, .nm-dialog-item:focus { @@ -2001,7 +2001,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { margin: 2px 5px 8px; border-radius: 6px; color: rgba(17, 17, 27, 0.6); - background-color: #eff1f5; + background-color: #c6d0f5; border: none; text-shadow: none; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); @@ -2010,14 +2010,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .notification-banner:hover { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); margin: 2px 12px 17px; } .notification-banner:focus { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; } .notification-banner .notification-actions { @@ -2072,8 +2072,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { width: 1.6em; -shell-counter-overlap-x: 3px; -shell-counter-overlap-y: 3px; - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); border: 2px solid rgba(17, 17, 27, 0.26); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); border-radius: 0.9em; @@ -2127,8 +2127,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { /* OSD */ .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { - color: rgba(239, 241, 245, 0.7); - background-color: #11111b; + color: rgba(198, 208, 245, 0.7); + background-color: #232634; border: none; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); margin: 5px 8px 11px; @@ -2152,8 +2152,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { color: rgba(17, 17, 27, 0.87); -barlevel-height: 2px; -barlevel-background-color: rgba(17, 17, 27, 0.12); - -barlevel-active-background-color: #7287fd; - -barlevel-overdrive-color: #d20f39; + -barlevel-active-background-color: #8caaee; + -barlevel-overdrive-color: #e78284; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; -barlevel-border-color: rgba(17, 17, 27, 0); @@ -2166,7 +2166,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .pad-osd-window { padding: 32px; - background-color: #11111b; + background-color: #232634; } .pad-osd-window .pad-osd-title-box { @@ -2187,10 +2187,10 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { /* Top Bar */ #panel { - background-color: #11111b; + background-color: #232634; font-weight: bold; height: 32px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-feature-settings: "tnum"; transition-duration: 250ms; font-size: 10pt; @@ -2198,7 +2198,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { #panel .panel-corner { -panel-corner-radius: 0; - -panel-corner-background-color: #11111b; + -panel-corner-background-color: #232634; -panel-corner-border-width: 2px; -panel-corner-border-color: transparent; -panel-corner-opacity: 1; @@ -2209,7 +2209,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); transition-duration: 150ms; border-radius: 9999px; text-shadow: none; @@ -2223,43 +2223,43 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } #panel .panel-button:hover { - color: #eff1f5; + color: #c6d0f5; background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.12); } #panel .panel-button:hover.clock-display { box-shadow: none; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #panel .panel-button:hover.clock-display .clock { - color: #eff1f5; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); + color: #c6d0f5; + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.12); } #panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { background-color: transparent; - color: #eff1f5; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); + color: #c6d0f5; + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.2); } #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { box-shadow: none; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); - color: #eff1f5; + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.2); + color: #c6d0f5; } .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { - color: #eff1f5; + color: #c6d0f5; } .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { - color: #eff1f5; + color: #c6d0f5; } #panel .panel-button .system-status-icon { @@ -2288,39 +2288,39 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } #panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { - color: #eff1f5; + color: #c6d0f5; background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.12); } #panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display { box-shadow: none; - color: #eff1f5; + color: #c6d0f5; } #panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock { - color: #eff1f5; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); + color: #c6d0f5; + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.12); } #panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:checked { - color: #eff1f5; + color: #c6d0f5; background-color: transparent; - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.2); } #panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:overview.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:checked.clock-display { box-shadow: none; - color: #eff1f5; + color: #c6d0f5; } #panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:overview.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock { - box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); - color: #eff1f5; + box-shadow: inset 0 0 0 1000px rgba(198, 208, 245, 0.2); + color: #c6d0f5; } #panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { @@ -2340,7 +2340,7 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { #panel .screencast-indicator, #panel .remote-access-indicator { - color: #df8e1d; + color: #e5c890; } /* Popovers/Menus */ @@ -2369,12 +2369,12 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .popup-menu .popup-menu-content { padding: 6px 0 !important; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; margin: 0; font-weight: normal; border: 1px solid rgba(17, 17, 27, 0); - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.15); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.15); } .popup-menu .popup-menu-item { @@ -2537,14 +2537,14 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .unlock-dialog-notifications-container .unlock-dialog-notification-source { padding: 12px 6px; border: none; - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; border-radius: 12px; } .unlock-dialog-notifications-container .notification.critical, .unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { - background-color: #212134; + background-color: #33384c; } .unlock-dialog-notification-label { @@ -2554,8 +2554,8 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { .unlock-dialog-notification-count-text { weight: bold; padding: 0 6px; - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; border-radius: 9999px; margin-right: 12px; } @@ -2566,15 +2566,15 @@ StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { } #unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } #unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { - background-color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.5); } #unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { - background-color: rgba(114, 135, 253, 0.5); + background-color: rgba(140, 170, 238, 0.5); } /* Scrollbars */ @@ -2624,9 +2624,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { border-radius: 6px; caret-color: rgba(17, 17, 27, 0.87); selection-background-color: rgba(17, 17, 27, 0.12); - selected-color: #eff1f5 !important; + selected-color: rgba(17, 17, 27, 0.87) !important; color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; border: 2px solid transparent; box-shadow: none; } @@ -2634,13 +2634,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .search-entry:hover { color: rgba(17, 17, 27, 0.87); border-color: rgba(17, 17, 27, 0.26); - background-color: #eff1f5; + background-color: #c6d0f5; } .search-entry:focus { color: rgba(17, 17, 27, 0.87); - border-color: #7287fd; - background-color: #eff1f5; + border-color: #8caaee; + background-color: #c6d0f5; box-shadow: none; } @@ -2672,12 +2672,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); transition-duration: 200ms; } .list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked { - background-color: rgba(239, 241, 245, 0.2); + background-color: rgba(198, 208, 245, 0.2); } #searchResultsContent { @@ -2692,7 +2692,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .search-section .search-section-separator { height: 1px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .search-section-content { @@ -2703,13 +2703,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { box-shadow: none; background: none; text-shadow: none; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .search-statustext { font-size: 2em; font-weight: bold; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .grid-search-results { @@ -2723,7 +2723,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .search-provider-icon .list-search-provider-content .list-search-provider-details { width: 120px; margin-top: 0; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .list-search-results { @@ -2739,28 +2739,28 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .list-search-result .list-search-result-description { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } /* Slider */ .slider { height: 20px; - color: #eff1f5; + color: #c6d0f5; -slider-height: 2px; -slider-background-color: rgba(17, 17, 27, 0.26); - -slider-border-color: #7287fd; - -slider-active-background-color: #7287fd; - -slider-active-border-color: #7287fd; + -slider-border-color: #8caaee; + -slider-active-background-color: #8caaee; + -slider-active-border-color: #8caaee; -slider-border-width: 2px; -slider-handle-radius: 7px; -slider-handle-border-width: 2px; - -slider-handle-border-color: #7287fd; + -slider-handle-border-color: #8caaee; -barlevel-height: 2px; -barlevel-background-color: rgba(17, 17, 27, 0.26); -barlevel-border-color: transparent; - -barlevel-active-background-color: #7287fd; + -barlevel-active-background-color: #8caaee; -barlevel-active-border-color: transparent; - -barlevel-overdrive-color: #d20f39; + -barlevel-overdrive-color: #e78284; -barlevel-overdrive-border-color: transparent; -barlevel-overdrive-separator-width: 2px; -barlevel-border-width: 0; @@ -2784,8 +2784,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .switcher-list .item-box:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .switcher-list .thumbnail-box { @@ -2822,7 +2822,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .cycler-highlight { - border: 5px solid #7287fd; + border: 5px solid #8caaee; } /* Switches */ @@ -2842,8 +2842,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { /* Tiled window previews */ .tile-preview { - background-color: rgba(114, 135, 253, 0.3); - border: 1px solid #7287fd; + background-color: rgba(140, 170, 238, 0.3); + border: 1px solid #8caaee; } .tile-preview-left.on-primary { @@ -2884,8 +2884,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .ws-switcher-active-left, .ws-switcher-active-right { height: 52px; - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); border-radius: 9px; border: none; } @@ -2961,7 +2961,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .dash-background { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); margin-bottom: 16px; padding: 10px; border-radius: 24px; @@ -2975,11 +2975,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { .dash-separator { width: 1px; margin: 0 7px 16px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .workspace-animation { - background-color: #11111b; + background-color: #232634; } .calendar .calendar-change-month-back, @@ -3011,7 +3011,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #overviewGroup { - background-color: #11111b; + background-color: #232634; } .osd-window { @@ -3088,15 +3088,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-caption { - color: #eff1f5; - background-color: #11111b; + color: #c6d0f5; + background-color: #232634; border-radius: 9999px; padding: 6px 12px; } .window-close { - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; border-radius: 21px; padding: 3px; height: 30px; @@ -3106,18 +3106,18 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .window-close:hover { - color: #eff1f5; - background-color: #1d1d2e; + color: #c6d0f5; + background-color: #2f3346; } .window-close:active { - color: #eff1f5; - background-color: #050508; + color: #c6d0f5; + background-color: #171922; } .workspace-background { border-radius: 30px; - background-color: #11111b; + background-color: #232634; box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); } @@ -3129,8 +3129,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnails .workspace-thumbnail { - color: rgba(239, 241, 245, 0.7); - background-color: rgba(239, 241, 245, 0.12); + color: rgba(198, 208, 245, 0.7); + background-color: rgba(198, 208, 245, 0.12); border: none; border-radius: 6px; } @@ -3143,7 +3143,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } .workspace-thumbnail-indicator { - border: 3px solid #7287fd; + border: 3px solid #8caaee; border-radius: 3px; padding: 0px; } @@ -3163,14 +3163,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer .number-overlay { - color: #eff1f5; + color: #c6d0f5; background-color: rgba(0, 0, 0, 0.75); text-align: center; } #dashtodockContainer .notification-badge { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); border-radius: 9999px; margin: 2px; @@ -3226,77 +3226,77 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer.dashtodock #dash .dash-background { - background-color: #11111b; + background-color: #232634; } #dashtodockContainer #dash .dash-background { - background-color: #11111b; + background-color: #232634; } #dashtodockContainer .app-well-app-running-dot { - background-color: rgba(239, 241, 245, 0.3) !important; + background-color: rgba(198, 208, 245, 0.3) !important; } #dashtodockContainer StWidget.focused .app-well-app-running-dot { - background-color: #7287fd !important; + background-color: #8caaee !important; } #dashtodockContainer:overview #dash .app-well-app-running-dot { - background-color: rgba(239, 241, 245, 0.3) !important; + background-color: rgba(198, 208, 245, 0.3) !important; } #dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { - background-color: #7287fd !important; + background-color: #8caaee !important; } #dashtodockContainer .show-apps .overview-icon, #dashtodockContainer .app-well-app .overview-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #dashtodockContainer .show-apps:hover .overview-icon, #dashtodockContainer .show-apps:focus .overview-icon, #dashtodockContainer .show-apps:selected .overview-icon, #dashtodockContainer .app-well-app:hover .overview-icon, #dashtodockContainer .app-well-app:focus .overview-icon, #dashtodockContainer .app-well-app:selected .overview-icon { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } #dashtodockContainer .show-apps:active .overview-icon, #dashtodockContainer .show-apps:checked .overview-icon, #dashtodockContainer .app-well-app:active .overview-icon, #dashtodockContainer .app-well-app:checked .overview-icon { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } #dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #dashtodockContainer:overview #dash .show-apps:hover .overview-icon, #dashtodockContainer:overview #dash .show-apps:focus .overview-icon, #dashtodockContainer:overview #dash .show-apps:selected .overview-icon, #dashtodockContainer:overview #dash .app-well-app:hover .overview-icon, #dashtodockContainer:overview #dash .app-well-app:focus .overview-icon, #dashtodockContainer:overview #dash .app-well-app:selected .overview-icon { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } #dashtodockContainer:overview #dash .show-apps:active .overview-icon, #dashtodockContainer:overview #dash .show-apps:checked .overview-icon, #dashtodockContainer:overview #dash .app-well-app:active .overview-icon, #dashtodockContainer:overview #dash .app-well-app:checked .overview-icon { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } #dashtodockContainer .app-well-app-running-dot { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } #dashtodockContainer StWidget.focused .app-well-app-running-dot { - background-color: #7287fd; + background-color: #8caaee; } #dashtodockContainer.opaque #dash .dash-background { - background-color: #11111b; + background-color: #232634; } #dashtodockContainer.transparent #dash .dash-background { - background-color: rgba(17, 17, 27, 0.35); + background-color: rgba(35, 38, 52, 0.35); } #dashtodockContainer:overview #dash .dash-background { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } #dashtodockContainer.opaque:overview #dash .dash-background, #dashtodockContainer.transparent:overview #dash .dash-background { @@ -3305,7 +3305,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { } #dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background { - background-color: #11111b; + background-color: #232634; } #dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { diff --git a/src/main/gtk-3.0/gtk-Dark.css b/src/main/gtk-3.0/gtk-Dark.css index 4ad3e2b2..b2d63b32 100644 --- a/src/main/gtk-3.0/gtk-Dark.css +++ b/src/main/gtk-3.0/gtk-Dark.css @@ -12,10 +12,10 @@ @keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle, #b4befe 0%, transparent 0%); + background-image: radial-gradient(circle, #8caaee 0%, transparent 0%); } to { - background-image: radial-gradient(circle, #b4befe 100%, transparent 0%); + background-image: radial-gradient(circle, #8caaee 100%, transparent 0%); } } @@ -34,7 +34,7 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #b4befe; + -gtk-secondary-caret-color: #8caaee; } *:focus { @@ -43,19 +43,19 @@ XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, .csd treeview.view:selected, modelbutton.flat:selected, .menuitem.button.flat:selected, .background.csd .view:selected { - color: #eff1f5; + color: #c6d0f5; background-color: alpha(currentColor, 0.1); } .nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected { - color: #b4befe; - background-color: rgba(180, 190, 254, 0.2); + color: #8caaee; + background-color: rgba(140, 170, 238, 0.2); } .nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection, entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { color: rgba(17, 17, 27, 0.87); - background-color: #b4befe; + background-color: #8caaee; } .linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry { @@ -98,8 +98,8 @@ entry selection, label selection, textview text selection:focus, textview text s * Base States * ***************/ .background { - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; } .background.csd { @@ -115,33 +115,33 @@ entry selection, label selection, textview text selection:focus, textview text s } .gtkstyle-fallback { - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; } .gtkstyle-fallback:hover { - background-color: #14141f; - color: #eff1f5; + background-color: #262937; + color: #c6d0f5; } .gtkstyle-fallback:active { - background-color: #0a0a0f; - color: #eff1f5; + background-color: #1b1e28; + color: #c6d0f5; } .gtkstyle-fallback:disabled { - background-color: #1e1e2e; - color: rgba(239, 241, 245, 0.5); + background-color: #303446; + color: rgba(198, 208, 245, 0.5); } .gtkstyle-fallback:selected { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } .view { - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; } .view:hover { @@ -149,7 +149,7 @@ entry selection, label selection, textview text selection:focus, textview text s } .view:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .view:selected:hover { @@ -161,12 +161,12 @@ window.background.csd > stack.view { } textview text { - background-color: #1e1e2e; + background-color: #303446; } textview border { - background-color: #11111b; - color: rgba(239, 241, 245, 0.7); + background-color: #232634; + color: rgba(198, 208, 245, 0.7); } iconview:hover, iconview:selected { @@ -347,8 +347,8 @@ XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, flowbox treeview.view flowbox .content-view rubberband, flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband { - border: 1px solid #b4befe; - background-color: rgba(180, 190, 254, 0.3); + border: 1px solid #8caaee; + background-color: rgba(140, 170, 238, 0.3); } flowbox flowboxchild { @@ -365,11 +365,11 @@ label { } label.separator { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } label:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } headerbar label:disabled, tab label:disabled, button label:disabled { @@ -378,12 +378,12 @@ headerbar label:disabled, tab label:disabled, button label:disabled { label.osd { border-radius: 6px; - background-color: rgba(11, 11, 18, 0.9); - color: #eff1f5; + background-color: rgba(29, 31, 43, 0.9); + color: #c6d0f5; } .dim-label { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } assistant .sidebar { @@ -393,12 +393,12 @@ assistant .sidebar { assistant .sidebar label { min-height: 36px; padding: 0 12px; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-weight: 500; } assistant .sidebar label.highlight { - color: #eff1f5; + color: #c6d0f5; } /********************* @@ -436,14 +436,14 @@ entry { caret-color: currentColor; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.08); + color: #c6d0f5; } spinbutton.vertical:focus, spinbutton:focus:not(.vertical), entry:focus { - background-color: rgba(239, 241, 245, 0.08); - box-shadow: inset 0 0 0 2px #b4befe; + background-color: rgba(198, 208, 245, 0.08); + box-shadow: inset 0 0 0 2px #8caaee; } spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical), @@ -455,8 +455,8 @@ entry:drop(active) { spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical), entry:disabled { box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.08); + color: rgba(198, 208, 245, 0.5); } spinbutton.flat.vertical, spinbutton.flat:not(.vertical), @@ -469,18 +469,18 @@ entry.flat { spinbutton.vertical image, spinbutton:not(.vertical) image, entry image { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active, entry image:hover, entry image:active { - color: #eff1f5; + color: #c6d0f5; } spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, entry image:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } spinbutton.vertical image.left, spinbutton:not(.vertical) image.left, @@ -498,7 +498,7 @@ entry image.right { spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left, entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(239, 241, 245, 0.3) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(198, 208, 245, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -511,7 +511,7 @@ entry undershoot.left { spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right, entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(239, 241, 245, 0.3) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(198, 208, 245, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -525,53 +525,53 @@ spinbutton.error.vertical, spinbutton.error:not(.vertical), entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.08); + color: #c6d0f5; } spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), entry.error:focus { - background-color: rgba(239, 241, 245, 0.08); + background-color: rgba(198, 208, 245, 0.08); box-shadow: inset 0 0 0 2px #e78284; } spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), entry.error:disabled { box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.08); + color: rgba(198, 208, 245, 0.5); } spinbutton.warning.vertical, spinbutton.warning:not(.vertical), entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.08); + color: #c6d0f5; } spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), entry.warning:focus { - background-color: rgba(239, 241, 245, 0.08); + background-color: rgba(198, 208, 245, 0.08); box-shadow: inset 0 0 0 2px #e5c890; } spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), entry.warning:disabled { box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.08); + color: rgba(198, 208, 245, 0.5); } spinbutton.vertical progress, spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; - border-bottom: 2px solid #b4befe; + border-bottom: 2px solid #8caaee; background-color: transparent; } treeview entry.flat, treeview entry { - background-color: #1e1e2e; + background-color: #303446; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { @@ -583,8 +583,8 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } .entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover { @@ -611,7 +611,7 @@ treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:f } .entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } /*********** @@ -619,43 +619,43 @@ 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(#b4befe), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8caaee), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#b4befe), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8caaee), to(transparent)); } } .xfce4-panel.background button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked { - color: #eff1f5; + color: #c6d0f5; } .xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); outline: none; box-shadow: inset 0 0 0 9999px transparent; - background-color: rgba(239, 241, 245, 0.08); + background-color: rgba(198, 208, 245, 0.08); background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: #eff1f5; + color: #c6d0f5; } actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { - box-shadow: 0 0 0 2px rgba(180, 190, 254, 0.35); + box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35); } actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover { @@ -672,12 +672,12 @@ actionbar > revealer > box .linked > button:active:not(.suggested-action):not(.d actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { box-shadow: none; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } @@ -687,8 +687,8 @@ actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action) actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } .raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, @@ -740,7 +740,7 @@ popover.background button.model, .nemo-window .primary-toolbar button:not(.text- background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-session-dialog .linked.horizontal > button:focus, @@ -750,7 +750,7 @@ popover.background button.model, .nemo-window .primary-toolbar button:not(.text- window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus, popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), button.flat:focus { box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: #eff1f5; + color: #c6d0f5; } .budgie-session-dialog .linked.horizontal > button:hover, @@ -760,7 +760,7 @@ popover.background button.model:focus, .nemo-window .primary-toolbar button:focu window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover, popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: #eff1f5; + color: #c6d0f5; } .budgie-session-dialog .linked.horizontal > button:active, @@ -774,7 +774,7 @@ popover.background button.model:active, .nemo-window .primary-toolbar button:act box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); background-size: 0% 0%; - color: #eff1f5; + color: #c6d0f5; } .budgie-session-dialog .linked.horizontal > button:disabled, @@ -785,21 +785,21 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), button.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), button.flat:checked, button.flat:checked:hover { background-color: alpha(currentColor, 0.1); - color: #eff1f5; + color: #c6d0f5; } .nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), button.flat:checked:disabled { background-color: alpha(currentColor, 0.1); - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } button.text-button { @@ -851,17 +851,17 @@ button.osd { min-width: 24px; min-width: 24px; padding: 12px 16px; - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } button.osd:hover { - background-color: rgba(165, 174, 232, 0.9844); + background-color: rgba(128, 155, 218, 0.9844); color: rgba(17, 17, 27, 0.87); } button.osd:active { - background-color: rgba(145, 153, 206, 0.9662); + background-color: rgba(114, 137, 193, 0.9662); color: rgba(17, 17, 27, 0.87); } @@ -878,46 +878,46 @@ button.osd:disabled { } button.suggested-action { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); box-shadow: none; } button.suggested-action:disabled { box-shadow: none; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(180, 190, 254, 0.2), 0 4px 3px 0 rgba(180, 190, 254, 0.14), 0 1px 6px 0 rgba(180, 190, 254, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(140, 170, 238, 0.2), 0 4px 3px 0 rgba(140, 170, 238, 0.14), 0 1px 6px 0 rgba(140, 170, 238, 0.12); } button.suggested-action:checked { - background-color: rgba(140, 147, 198, 0.961); + background-color: rgba(109, 132, 186, 0.961); } button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(180, 190, 254, 0.3), 0 2px 3px -1px rgba(180, 190, 254, 0.24), 0 2px 5px 0 rgba(180, 190, 254, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(140, 170, 238, 0.3), 0 2px 3px -1px rgba(140, 170, 238, 0.24), 0 2px 5px 0 rgba(140, 170, 238, 0.12); } button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(180, 190, 254, 0.35); + box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35); } button.suggested-action.flat { background-color: transparent; - color: #b4befe; + color: #8caaee; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } button.suggested-action.flat:checked { - background-color: rgba(180, 190, 254, 0.3); + background-color: rgba(140, 170, 238, 0.3); } button.destructive-action { @@ -928,8 +928,8 @@ button.destructive-action { button.destructive-action:disabled { box-shadow: none; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } button.destructive-action:hover { @@ -956,7 +956,7 @@ button.destructive-action.flat { button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } button.destructive-action.flat:checked { @@ -1006,7 +1006,7 @@ modelbutton.flat, min-height: 28px; padding: 0 8px; border-radius: 6px; - color: #eff1f5; + color: #c6d0f5; } modelbutton.flat arrow.left { @@ -1027,7 +1027,7 @@ button.color { * Links * *********/ *:link { - color: #7287fd; + color: #8caaee; } *:visited { @@ -1035,7 +1035,7 @@ button.color { } button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #7287fd; + color: #8caaee; } button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { @@ -1068,7 +1068,7 @@ spinbutton:not(.vertical) button { spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { @@ -1084,7 +1084,7 @@ spinbutton.vertical { } spinbutton.vertical:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } spinbutton.vertical entry { @@ -1105,7 +1105,7 @@ spinbutton.vertical button { spinbutton.vertical button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } spinbutton.vertical button.up { @@ -1209,13 +1209,13 @@ button.combo:only-child { font-weight: normal; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.08); + color: #c6d0f5; } button.combo:only-child:focus { background-color: alpha(currentColor, 0.08); - box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.3); + box-shadow: inset 0 0 0 2px rgba(198, 208, 245, 0.3); } button.combo:only-child:hover { @@ -1224,14 +1224,14 @@ button.combo:only-child:hover { } button.combo:only-child:checked { - background-color: rgba(239, 241, 245, 0.08); - box-shadow: inset 0 0 0 2px #b4befe; + background-color: rgba(198, 208, 245, 0.08); + box-shadow: inset 0 0 0 2px #8caaee; } button.combo:only-child:disabled { box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.08); + color: rgba(198, 208, 245, 0.5); } /************ @@ -1240,7 +1240,7 @@ button.combo:only-child:disabled { toolbar { -GtkWidget-window-dragging: true; padding: 2px; - background-color: #1e1e2e; + background-color: #303446; } .osd toolbar { @@ -1251,12 +1251,12 @@ frame.documents-dropdown, .app-notification, toolbar.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #313244; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #414559; } frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1); } frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { @@ -1309,8 +1309,8 @@ toolbar:not(.inline-toolbar):not(.osd) switch { padding: 6px; border-style: solid; border-width: 0 1px 1px; - border-color: rgba(239, 241, 245, 0.12); - background-color: #11111b; + border-color: rgba(198, 208, 245, 0.12); + background-color: #232634; } searchbar > revealer > box, @@ -1318,8 +1318,8 @@ searchbar > revealer > box, padding: 6px; border-style: solid; border-width: 0 0 1px; - border-color: rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-color: rgba(198, 208, 245, 0.12); + background-color: #303446; background-clip: border-box; } @@ -1331,7 +1331,7 @@ searchbar > revealer > box { * Header bars * ***************/ .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { @@ -1339,82 +1339,82 @@ searchbar > revealer > box { } .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action) { - color: #eff1f5; + color: #c6d0f5; } .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { background-color: transparent; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .nemo-window .primary-toolbar entry, .titlebar entry { - background-color: rgba(239, 241, 245, 0.04); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.04); + color: #c6d0f5; } .nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } .nemo-window .primary-toolbar entry image, .titlebar entry image { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active { - color: #eff1f5; + color: #c6d0f5; } .nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .titlebar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; border-radius: 12px 12px 0 0; - box-shadow: inset 0 -1px rgba(239, 241, 245, 0); + box-shadow: inset 0 -1px rgba(198, 208, 245, 0); } .titlebar:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .titlebar:backdrop { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .titlebar:backdrop:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .csd .titlebar:backdrop { - background-color: #1e1e2e; + background-color: #303446; } .titlebar .title { @@ -1430,12 +1430,12 @@ searchbar > revealer > box { .titlebar .subtitle, .titlebar .dim-label { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .titlebar .subtitle:backdrop, .titlebar .dim-label:backdrop { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .titlebar .titlebar { @@ -1444,26 +1444,26 @@ searchbar > revealer > box { } .titlebar + separator, .titlebar + separator.sidebar { - background-color: #11111b; + background-color: #232634; background-image: none; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -1px rgba(239, 241, 245, 0); + box-shadow: inset 0 -1px rgba(198, 208, 245, 0); } .titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop { - background-color: #1e1e2e; + background-color: #303446; } .titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { - background-color: #b4befe; + background-color: #8caaee; } .titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { - background-color: #b4befe; + background-color: #8caaee; } .background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar { - box-shadow: inset 0 -1px rgba(239, 241, 245, 0); + box-shadow: inset 0 -1px rgba(198, 208, 245, 0); } .titlebar .linked:not(.vertical) > entry { @@ -1473,8 +1473,8 @@ searchbar > revealer > box { } .titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } .titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { @@ -1486,8 +1486,8 @@ searchbar > revealer > box { .titlebar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15), inset 0 -1px rgba(239, 241, 245, 0); - background-color: #b4befe; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.2), inset 0 -1px rgba(198, 208, 245, 0); + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } @@ -1547,8 +1547,8 @@ searchbar > revealer > box { } .titlebar .selection-mode { - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #b4befe; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.2); + background-color: #8caaee; } .tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { @@ -1559,7 +1559,7 @@ searchbar > revealer > box { min-height: 24px; padding: 6px 12px; border-radius: 12px 12px 0 0; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 1px rgba(198, 208, 245, 0.1); } .tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { @@ -1575,7 +1575,7 @@ searchbar > revealer > box { } .background.csd .titlebar.default-decoration { - box-shadow: inset 0 -1px rgba(239, 241, 245, 0); + box-shadow: inset 0 -1px rgba(198, 208, 245, 0); } .background:not(.csd) .titlebar.default-decoration button.titlebutton:active { @@ -1593,7 +1593,7 @@ headerbar { } box.vertical headerbar { - background-color: #11111b; + background-color: #232634; } headerbar entry, @@ -1702,7 +1702,7 @@ headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizon .caja-pathbar button:checked, .path-bar.linked:not(.vertical) > button:checked { background-color: alpha(currentColor, 0.16); - color: #eff1f5; + color: #c6d0f5; } .caja-pathbar button label, .caja-pathbar button image, @@ -1722,8 +1722,8 @@ headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizon * Tree Views * **************/ treeview.view { - border-left-color: rgba(239, 241, 245, 0.3); - border-top-color: rgba(239, 241, 245, 0.12); + border-left-color: rgba(198, 208, 245, 0.3); + border-top-color: rgba(198, 208, 245, 0.12); } * { @@ -1741,8 +1741,8 @@ treeview.view { treeview.view:selected { background-image: image(alpha(currentColor, 0.1)); - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; } .csd treeview.view:selected { @@ -1755,7 +1755,7 @@ treeview.view:hover, treeview.view:selected { treeview.view.separator { min-height: 6px; - color: rgba(239, 241, 245, 0.12); + color: rgba(198, 208, 245, 0.12); } treeview.view:drop(active) { @@ -1775,7 +1775,7 @@ treeview.view:drop(active).before { treeview.view.expander { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } treeview.view.expander:dir(rtl) { @@ -1787,17 +1787,17 @@ treeview.view.expander:checked { } treeview.view.expander:hover, treeview.view.expander:active { - color: #eff1f5; + color: #c6d0f5; } treeview.view.expander:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } treeview.view.progressbar { border: none; box-shadow: none; - background-color: #b4befe; + background-color: #8caaee; background-image: none; border-radius: 9999px; color: rgba(17, 17, 27, 0.87); @@ -1805,7 +1805,7 @@ treeview.view.progressbar { treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { box-shadow: none; - background-color: #bdc6fd; + background-color: #95b0ef; color: rgba(17, 17, 27, 0.87); } @@ -1814,13 +1814,13 @@ treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected: } treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } treeview.view.trough { border: none; box-shadow: none; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); background-image: none; border-radius: 9999px; padding: 0; @@ -1829,28 +1829,28 @@ treeview.view.trough { treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { box-shadow: none; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } treeview.view header button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; - border-color: rgba(239, 241, 245, 0.12); + border-color: rgba(198, 208, 245, 0.12); border-radius: 0; background-clip: border-box; } treeview.view header button:not(:focus):not(:hover):not(:active) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } treeview.view header button, treeview.view header button:disabled { - background-color: #1e1e2e; + background-color: #303446; } treeview.view header button:last-child { @@ -1862,16 +1862,16 @@ treeview.view header.button.dnd { padding: 2px 6px; border-style: none solid solid; border-width: 1px; - border-color: rgba(239, 241, 245, 0.12); + border-color: rgba(198, 208, 245, 0.12); border-radius: 0; box-shadow: none; - background-color: #1e1e2e; + background-color: #303446; background-clip: border-box; - color: #b4befe; + color: #8caaee; } treeview.view acceleditor > label { - background-color: #b4befe; + background-color: #8caaee; } /********* @@ -1881,14 +1881,14 @@ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; - background-color: #11111b; - color: #eff1f5; - box-shadow: inset 0 -1px rgba(239, 241, 245, 0); + background-color: #232634; + color: #c6d0f5; + box-shadow: inset 0 -1px rgba(198, 208, 245, 0); } menubar:backdrop, .menubar:backdrop { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .csd menubar, .csd .menubar { @@ -1896,7 +1896,7 @@ menubar:backdrop, } .csd menubar:backdrop, .csd .menubar:backdrop { - background-color: #1e1e2e; + background-color: #303446; } menubar > menuitem, @@ -1904,7 +1904,7 @@ menubar > menuitem, transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border-radius: 6px; } @@ -1912,17 +1912,17 @@ menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; background-color: alpha(currentColor, 0.1); - color: #eff1f5; + color: #c6d0f5; } menubar > menuitem:backdrop, .menubar > menuitem:backdrop { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } menubar > menuitem label:disabled, @@ -1944,15 +1944,15 @@ menu, .context-menu { margin: 6px; padding: 6px; - background-color: #313244; + background-color: #414559; background-clip: border-box; border-radius: 12px; - border: 1px solid rgba(239, 241, 245, 0); + border: 1px solid rgba(198, 208, 245, 0); } .csd menu, .csd .menu, .csd .context-menu { border: none; - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1); } menu menuitem, @@ -1962,7 +1962,7 @@ menu menuitem, min-height: 20px; min-width: 40px; padding: 4px 8px; - color: #eff1f5; + color: #c6d0f5; font: initial; text-shadow: none; border-radius: 6px; @@ -1983,19 +1983,19 @@ menu menuitem:active, menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } menu menuitem accelerator, .menu menuitem accelerator, .context-menu menuitem accelerator { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } menu menuitem:disabled accelerator, .menu menuitem:disabled accelerator, .context-menu menuitem:disabled accelerator { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } menu menuitem arrow, @@ -2030,7 +2030,7 @@ menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), menu .view:selected, .menu .view:selected, .context-menu .view:selected { - background-color: #444556; + background-color: #4e5369; } menu > arrow, @@ -2039,8 +2039,8 @@ menu > arrow, min-height: 16px; min-width: 16px; padding: 4px; - background-color: #313244; - color: rgba(239, 241, 245, 0.7); + background-color: #414559; + color: rgba(198, 208, 245, 0.7); } menu > arrow.top, @@ -2064,7 +2064,7 @@ menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-image: image(alpha(currentColor, 0.08)); - color: #eff1f5; + color: #c6d0f5; } menu > arrow:disabled, @@ -2087,12 +2087,12 @@ menu separator, popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 0; - background-color: #313244; + background-color: #414559; border-radius: 12px; } popover.background, .csd popover.background { - border: 1px solid rgba(239, 241, 245, 0.1); + border: 1px solid rgba(198, 208, 245, 0.1); box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(17, 17, 27, 0); background-clip: border-box; } @@ -2129,7 +2129,7 @@ popover.background > scrolledwindow > viewport.frame > list > row { popover.background .view:not(:selected), popover.background toolbar { - background-color: #313244; + background-color: #414559; } popover.background .linked > button:not(.radio) { @@ -2174,37 +2174,37 @@ tabbox > tab, notebook > header tab { border: none; outline: none; background-clip: padding-box; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: 500; border-radius: 6px; } tabbox > tab:hover, notebook > header tab:hover { - background-color: rgba(239, 241, 245, 0.04); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.04); + color: #c6d0f5; } tabbox > tab:disabled, notebook > header tab:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } tabbox > tab:checked, notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.15); - color: #eff1f5; + color: #c6d0f5; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } frame > paned > notebook > header, notebook.frame > header { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } notebook, notebook.frame { - background-color: #1e1e2e; + background-color: #303446; border-radius: 12px; } @@ -2219,7 +2219,7 @@ notebook.frame frame > list row.activatable { notebook > header { border: none; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); padding: 3px; margin: 3px; border-radius: 9px; @@ -2284,8 +2284,8 @@ notebook > header tab > box { } notebook > header tab > box:drop(active) { - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } notebook > header tab button.flat:last-child { @@ -2337,7 +2337,7 @@ notebook > stack:not(:only-child) { **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #1e1e2e; + background-color: #303446; } * { @@ -2346,19 +2346,19 @@ scrollbar { } scrollbar.top { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); } scrollbar.bottom { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } scrollbar.left { - border-right: 1px solid rgba(239, 241, 245, 0.12); + border-right: 1px solid rgba(198, 208, 245, 0.12); } scrollbar.right { - border-left: 1px solid rgba(239, 241, 245, 0.12); + border-left: 1px solid rgba(198, 208, 245, 0.12); } scrollbar slider { @@ -2368,19 +2368,19 @@ scrollbar slider { border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; - background-color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.5); } scrollbar slider:hover { - background-color: rgba(239, 241, 245, 0.7); + background-color: rgba(198, 208, 245, 0.7); } scrollbar slider:active { - background-color: #eff1f5; + background-color: #c6d0f5; } scrollbar slider:disabled { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } scrollbar.fine-tune slider { @@ -2409,22 +2409,22 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(30, 30, 46, 0.3); + border: 1px solid rgba(48, 52, 70, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(30, 30, 46, 0.3); + border: 1px solid rgba(48, 52, 70, 0.3); border-radius: 9999px; - background-color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.5); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { @@ -2444,7 +2444,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(49, 50, 68, 0.9); + background-color: rgba(65, 69, 89, 0.9); } scrollbar.horizontal slider { @@ -2486,14 +2486,14 @@ switch { margin: 6px 0; border: none; border-radius: 9999px; - background-color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.5); background-clip: padding-box; font-size: 0; color: transparent; } switch:checked { - background-color: #b4befe; + background-color: #8caaee; } switch:disabled { @@ -2514,7 +2514,7 @@ switch slider { } switch:focus slider, switch:hover slider, switch:focus:hover slider { - box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); + box-shadow: 0 0 0 6px rgba(198, 208, 245, 0.12); } /************************* @@ -2564,53 +2564,53 @@ radio { padding: 0; border-radius: 9999px; color: transparent; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); } check:hover, radio:hover { - box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.04); - background-color: rgba(239, 241, 245, 0.15); + box-shadow: 0 0 0 6px rgba(198, 208, 245, 0.04); + background-color: rgba(198, 208, 245, 0.15); } check:active, radio:active { - box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); - background-color: rgba(239, 241, 245, 0.2); + box-shadow: 0 0 0 6px rgba(198, 208, 245, 0.12); + background-color: rgba(198, 208, 245, 0.2); } check:disabled, radio:disabled { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: rgba(17, 17, 27, 0.87); - background-color: #b4befe; + background-color: #8caaee; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { - box-shadow: 0 0 0 6px rgba(180, 190, 254, 0.15); - background-color: #e6eaff; + box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.15); + background-color: #b8cbf5; } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { - box-shadow: 0 0 0 6px rgba(180, 190, 254, 0.2); - background-color: #b4befe; + box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.2); + background-color: #8caaee; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(17, 17, 27, 0.38); - background-color: rgba(180, 190, 254, 0.35); + background-color: rgba(140, 170, 238, 0.35); } popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { @@ -2716,7 +2716,7 @@ treeview.view radio, treeview.view check { } treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover { @@ -2724,7 +2724,7 @@ treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, tr } treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); background-image: none; } @@ -2770,26 +2770,26 @@ scale.fine-tune slider { scale trough { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } scale trough:disabled { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } scale highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#b4befe); + background-image: image(#8caaee); } scale highlight:disabled { - background-color: #1e1e2e; - background-image: image(rgba(239, 241, 245, 0.3)); + background-color: #303446; + background-image: image(rgba(198, 208, 245, 0.3)); } scale fill { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } scale fill:disabled { @@ -2799,30 +2799,30 @@ scale fill:disabled { scale slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 9999px; - color: #b4befe; - background-color: #1e1e2e; - box-shadow: inset 0 0 0 2px #b4befe; + color: #8caaee; + background-color: #303446; + box-shadow: inset 0 0 0 2px #8caaee; } scale slider:hover { - box-shadow: inset 0 0 0 2px #b4befe, 0 0 0 8px rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 0 2px #8caaee, 0 0 0 8px rgba(198, 208, 245, 0.12); } scale slider:active { - box-shadow: inset 0 0 0 4px #b4befe, 0 0 0 8px rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 0 4px #8caaee, 0 0 0 8px rgba(198, 208, 245, 0.12); } scale slider:disabled { - box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.3); + box-shadow: inset 0 0 0 2px rgba(198, 208, 245, 0.3); } scale marks, scale value { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } scale indicator { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); color: transparent; } @@ -3100,7 +3100,7 @@ scale.color.vertical:dir(rtl) slider { * Progress bars * *****************/ progressbar { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-size: smaller; } @@ -3116,12 +3116,12 @@ progressbar.vertical progress { progressbar trough { border-radius: 6px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } progressbar progress { border-radius: 6px; - background-color: #b4befe; + background-color: #8caaee; } progressbar.osd { @@ -3135,7 +3135,7 @@ progressbar.osd trough { } progressbar.osd progress { - background-color: #b4befe; + background-color: #8caaee; } progressbar trough.empty progress { @@ -3178,7 +3178,7 @@ levelbar block.low { } levelbar block.high, levelbar block:not(.empty) { - background-color: #b4befe; + background-color: #8caaee; } levelbar block.full { @@ -3186,7 +3186,7 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } /**************** @@ -3194,9 +3194,9 @@ levelbar block.empty { *****************/ printdialog paper { padding: 0; - border: 1px solid rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; - color: #eff1f5; + border: 1px solid rgba(198, 208, 245, 0.12); + background-color: #303446; + color: #c6d0f5; } printdialog .dialog-action-box { @@ -3209,7 +3209,7 @@ printdialog .dialog-action-box { frame > border, .frame { margin: 0; padding: 0; - border: 1px solid rgba(239, 241, 245, 0.12); + border: 1px solid rgba(198, 208, 245, 0.12); border-radius: 0; box-shadow: none; } @@ -3228,8 +3228,8 @@ frame.flat > border, frame > border.flat, statusbar frame > border { actionbar > revealer > box { padding: 6px; - border-top: 1px solid rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-top: 1px solid rgba(198, 208, 245, 0.12); + background-color: #303446; background-clip: border-box; } @@ -3246,7 +3246,7 @@ stack scrolledwindow.frame viewport.frame list { } overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(239, 241, 245, 0)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(198, 208, 245, 0)), to(rgba(198, 208, 245, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(198, 208, 245, 0.07)), to(rgba(198, 208, 245, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center top; @@ -3256,7 +3256,7 @@ overshoot.top { } overshoot.bottom { - background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(239, 241, 245, 0)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(198, 208, 245, 0)), to(rgba(198, 208, 245, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(198, 208, 245, 0.07)), to(rgba(198, 208, 245, 0))); background-size: 100% 5%, 100% 100%; background-repeat: no-repeat; background-position: center bottom; @@ -3266,7 +3266,7 @@ overshoot.bottom { } overshoot.left { - background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(239, 241, 245, 0)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(198, 208, 245, 0)), to(rgba(198, 208, 245, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(198, 208, 245, 0.07)), to(rgba(198, 208, 245, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: left center; @@ -3276,7 +3276,7 @@ overshoot.left { } overshoot.right { - background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(239, 241, 245, 0)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(198, 208, 245, 0)), to(rgba(198, 208, 245, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(198, 208, 245, 0.07)), to(rgba(198, 208, 245, 0))); background-size: 5% 100%, 100% 100%; background-repeat: no-repeat; background-position: right center; @@ -3288,8 +3288,8 @@ overshoot.right { junction { border-style: solid none none solid; border-width: 1px; - border-color: rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-color: rgba(198, 208, 245, 0.12); + background-color: #303446; } junction:dir(rtl) { @@ -3299,7 +3299,7 @@ junction:dir(rtl) { separator { min-width: 1px; min-height: 1px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, @@ -3325,7 +3325,7 @@ window.background.csd > stack > scrolledwindow > viewport > box > list, window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, .geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, hdyleaflet overlay scrolledwindow > viewport list, leaflet stack.background scrolledwindow > viewport list, leaflet overlay scrolledwindow > viewport list, box.horizontal > stack.background stack.background scrolledwindow > viewport list, box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, .tweak-group-startup, list.content:not(.conversation-listbox) { border-radius: 7px; box-shadow: none; - border: 1px solid rgba(239, 241, 245, 0.12); + border: 1px solid rgba(198, 208, 245, 0.12); } window.background.csd stack stack stack frame > list > separator, @@ -3346,7 +3346,7 @@ window.background.csd > stack > scrolledwindow > viewport > box > list row, pref } window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), .geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), hdyleaflet list.frame row:not(:first-child), leaflet list.view row:not(:first-child), leaflet list.frame row:not(:first-child), box.horizontal > stack.background list.view row:not(:first-child), box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), leaflet stack.background scrolledwindow > viewport list row:not(:first-child), leaflet overlay scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list row:not(:first-child), .tweak-group-startup row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) { - border-top: 1px solid rgba(239, 241, 245, 0); + border-top: 1px solid rgba(198, 208, 245, 0); } window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, .geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, hdyleaflet list.frame row:first-child, leaflet list.view row:first-child, leaflet list.frame row:first-child, box.horizontal > stack.background list.view row:first-child, box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, hdyleaflet overlay scrolledwindow > viewport list row:first-child, leaflet stack.background scrolledwindow > viewport list row:first-child, leaflet overlay scrolledwindow > viewport list row:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list row:first-child, .tweak-group-startup row:first-child, list.content:not(.conversation-listbox) > row:first-child { @@ -3368,8 +3368,8 @@ window.background.csd stack stack stack frame > list row:focus, window.backgroun } list { - border-color: rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-color: rgba(198, 208, 245, 0.12); + background-color: #303446; } list row { @@ -3413,12 +3413,12 @@ list.navigation-sidebar > row { row:selected { color: inherit; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } row:selected image, row:selected label { - color: #eff1f5; + color: #c6d0f5; } row:selected button image, @@ -3428,7 +3428,7 @@ row:selected button label { row:selected:disabled image, row:selected:disabled label { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } /********************* @@ -3439,7 +3439,7 @@ row:selected:disabled label { } .app-notification button.text-button:not(:disabled) { - color: #b4befe; + color: #8caaee; } .app-notification.frame, @@ -3456,7 +3456,7 @@ expander title > arrow { min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-transform: rotate(-90deg); - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } expander title > arrow:dir(rtl) { @@ -3468,11 +3468,11 @@ expander title > arrow:checked { } expander title > arrow:hover, expander title > arrow:active { - color: #eff1f5; + color: #c6d0f5; } expander title > arrow:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } /************ @@ -3480,12 +3480,12 @@ expander title > arrow:disabled { ************/ calendar { padding: 1px; - border: 1px solid rgba(239, 241, 245, 0.12); - color: #eff1f5; + border: 1px solid rgba(198, 208, 245, 0.12); + color: #c6d0f5; } calendar:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } calendar:selected { @@ -3494,24 +3494,24 @@ calendar:selected { calendar.header { border-style: none none solid; - border-color: rgba(239, 241, 245, 0.12); + border-color: rgba(198, 208, 245, 0.12); border-radius: 0; } calendar.highlight { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: 500; } calendar:indeterminate { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } /*********** * Dialogs * ***********/ messagedialog.background { - background-color: #313244; + background-color: #414559; } messagedialog.background.csd { @@ -3523,13 +3523,13 @@ messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: none; - background-color: #313244; - color: #eff1f5; + background-color: #414559; + color: #c6d0f5; } messagedialog .titlebar:backdrop { - background-color: #313244; - color: rgba(239, 241, 245, 0.7); + background-color: #414559; + color: rgba(198, 208, 245, 0.7); } messagedialog .dialog-action-box { @@ -3545,7 +3545,7 @@ messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog- } messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { - color: #b4befe; + color: #8caaee; } messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { @@ -3553,17 +3553,17 @@ messagedialog .dialog-action-box button.destructive-action:not(:disabled), messa } .csd filechooser { - background-color: #1e1e2e; + background-color: #303446; border-radius: 0 0 12px 12px; } filechooser .dialog-action-box { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } filechooser #pathbarbox { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-bottom: 1px solid rgba(198, 208, 245, 0.12); + background-color: #303446; } filechooser stack.view { @@ -3609,12 +3609,12 @@ filechooser actionbar, filechooser actionbar > revealer > box { } stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { - border-right: 1px solid rgba(239, 241, 245, 0.12); + border-right: 1px solid rgba(198, 208, 245, 0.12); border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(239, 241, 245, 0.12); + border-left: 1px solid rgba(198, 208, 245, 0.12); border-right-style: none; } @@ -3628,7 +3628,7 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned . stacksidebar.sidebar list { padding: 3px; - background-color: #1e1e2e; + background-color: #303446; } stacksidebar.sidebar row { @@ -3638,7 +3638,7 @@ stacksidebar.sidebar row { } stacksidebar.sidebar row:selected { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); font-weight: 500; } @@ -3662,11 +3662,11 @@ stacksidebar.sidebar row > label { ****************/ row image.sidebar-icon { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } row image.sidebar-icon:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } placessidebar.sidebar > viewport.frame { @@ -3689,12 +3689,12 @@ placessidebar.sidebar row > revealer { } placessidebar.sidebar row:selected { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); font-weight: 500; } placessidebar.sidebar row:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } placessidebar.sidebar row image.sidebar-icon:dir(ltr) { @@ -3722,11 +3722,11 @@ placessidebar.sidebar row.sidebar-placeholder-row { } placessidebar.sidebar row.sidebar-new-bookmark-row { - color: #b4befe; + color: #8caaee; } placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #b4befe; + color: #8caaee; } placessidebar.sidebar row:drop(active) { @@ -3756,7 +3756,7 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(rgba(239, 241, 245, 0.12)); + background-image: image(rgba(198, 208, 245, 0.12)); background-size: 1px 1px; background-clip: content-box; } @@ -3764,8 +3764,8 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #1e1e2e; - background-image: image(rgba(239, 241, 245, 0.12)), image(rgba(239, 241, 245, 0.12)); + background-color: #303446; + background-image: image(rgba(198, 208, 245, 0.12)), image(rgba(198, 208, 245, 0.12)); background-size: 1px 1px, 1px 1px; } @@ -3815,7 +3815,7 @@ infobar { } infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #1e1e2e; + background-color: #303446; } infobar.info > revealer > box link:link, infobar.info:hover > revealer > box link:link, infobar.info:backdrop > revealer > box link:link { @@ -3823,11 +3823,11 @@ infobar.info > revealer > box link:link, infobar.info:hover > revealer > box lin } infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { - color: #b4befe; + color: #8caaee; } infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } @@ -3840,7 +3840,7 @@ infobar.action > revealer > box button, infobar.action > revealer > box button:h } infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #9ba8fe; + background-color: #769aeb; } infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { @@ -3886,8 +3886,8 @@ tooltip { } tooltip.background { - background-color: rgba(11, 11, 18, 0.9); - color: #eff1f5; + background-color: rgba(29, 31, 43, 0.9); + color: #c6d0f5; } tooltip.background.csd { @@ -3948,7 +3948,7 @@ colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { } colorswatch.dark { - color: #eff1f5; + color: #c6d0f5; } colorswatch.light { @@ -3960,7 +3960,7 @@ colorswatch overlay { } colorswatch overlay:hover { - box-shadow: 0 0 0 2px #b4befe; + box-shadow: 0 0 0 2px #8caaee; } colorswatch#add-color-button { @@ -3972,16 +3972,16 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } colorswatch#add-color-button overlay:hover { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); box-shadow: none; } colorswatch#add-color-button overlay:active { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } colorswatch:disabled { @@ -4007,19 +4007,19 @@ colorswatch#editor-color-sample overlay:hover { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #313244; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #414559; } colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1); } /******** * Misc * ********/ .content-view { - background-color: #1e1e2e; + background-color: #303446; } /********************** @@ -4028,13 +4028,13 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 12px; - background-color: #1e1e2e; + background-color: #303446; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0), 0 0 36px transparent; margin: 8px; } .csd decoration { - border: 1px solid rgba(239, 241, 245, 0.1); + border: 1px solid rgba(198, 208, 245, 0.1); background-clip: border-box; } @@ -4077,8 +4077,8 @@ tooltip.csd decoration { messagedialog.csd decoration { border-radius: 12px; - border: 1px solid rgba(239, 241, 245, 0.1); - background-color: #313244; + border: 1px solid rgba(198, 208, 245, 0.1); + background-color: #414559; background-clip: border-box; } @@ -4087,12 +4087,12 @@ messagedialog.csd decoration { padding: 2px; border-radius: 0; box-shadow: none; - background-color: #11111b; - border: 1px solid rgba(239, 241, 245, 0); + background-color: #232634; + border: 1px solid rgba(198, 208, 245, 0); } .solid-csd decoration:backdrop { - background-color: #1e1e2e; + background-color: #303446; } button.titlebutton:not(.suggested-action):not(.destructive-action) { @@ -4120,11 +4120,11 @@ button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action } button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) { @@ -4132,7 +4132,7 @@ button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) { } button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) { - background-color: #e8d2a9; + background-color: #ddcaa9; } button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) { @@ -4140,7 +4140,7 @@ button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) { } button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) { - background-color: #b8d9a4; + background-color: #aed1a4; } button.close.titlebutton:not(.suggested-action):not(.destructive-action) { @@ -4148,7 +4148,7 @@ button.close.titlebutton:not(.suggested-action):not(.destructive-action) { } button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { - background-color: #e99ea0; + background-color: #df96a0; } #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) { @@ -4188,7 +4188,7 @@ button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) * Touch Copy & Paste * **********************/ cursor-handle { - color: #b4befe; + color: #8caaee; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -4216,23 +4216,23 @@ 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(239, 241, 245, 0.12); + border: solid 1px rgba(198, 208, 245, 0.12); border-radius: 7px; - box-shadow: inset 0 -2px rgba(239, 241, 245, 0.12); - background-color: #313244; - color: #eff1f5; + box-shadow: inset 0 -2px rgba(198, 208, 245, 0.12); + background-color: #414559; + color: #c6d0f5; font-size: smaller; } :not(decoration):not(window):drop(active) { - caret-color: #b4befe; + caret-color: #8caaee; } stackswitcher { min-height: 0; padding: 3px; border-radius: 9px; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); border: none; } @@ -4254,7 +4254,7 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.15); - color: #eff1f5; + color: #c6d0f5; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } @@ -4280,7 +4280,7 @@ popover.emoji-picker { } popover.emoji-picker entry { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); border-image: none; border-radius: 0; box-shadow: none; @@ -4288,7 +4288,7 @@ popover.emoji-picker entry { } popover.emoji-picker scrolledwindow { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); } button.emoji-section { @@ -4296,7 +4296,7 @@ button.emoji-section { } button.emoji-section:checked { - color: #b4befe; + color: #8caaee; } button.emoji-section:not(:last-child) { @@ -4341,11 +4341,11 @@ popover.emoji-completion .emoji:hover { ************/ .nautilus-window.background.csd { border-radius: 0 0 12px 12px; - background-color: #11111b; + background-color: #232634; } .nautilus-window.background.csd:backdrop { - background-color: #1e1e2e; + background-color: #303446; } .nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator, @@ -4367,7 +4367,7 @@ popover.emoji-completion .emoji:hover { } .nautilus-window.background.csd:not(.unified) notebook { - background-color: #1e1e2e; + background-color: #303446; border-radius: 0 0 12px 12px; } @@ -4394,9 +4394,9 @@ popover.emoji-completion .emoji:hover { .nautilus-window.background.csd:not(.unified) paned > separator.wide { min-width: 12px; - box-shadow: 12px 0 #1e1e2e; - background-color: #1e1e2e; - background-image: image(#2e2e36); + box-shadow: 12px 0 #303446; + background-color: #303446; + background-image: image(#3d404c); } .nautilus-window.maximized, .nautilus-window.maximized placessidebar { @@ -4409,7 +4409,7 @@ popover.emoji-completion .emoji:hover { margin: 6px; border-style: none; border-radius: 6px; - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } @@ -4420,12 +4420,12 @@ popover.emoji-completion .emoji:hover { .nautilus-canvas-item.dim-label, .nautilus-list-dim-label { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, .nautilus-desktop.nautilus-canvas-item { - color: #eff1f5; + color: #c6d0f5; } @keyframes nautilus-operations-button-needs-attention { @@ -4453,12 +4453,12 @@ popover.emoji-completion .emoji:hover { } .path-bar-box.width-maximized { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } .path-bar-box.background.frame { border-style: none; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } .path-bar-box .path-bar button label:not(:only-child):first-child { @@ -4493,16 +4493,16 @@ popover.emoji-completion .emoji:hover { } .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) { - background-color: rgba(239, 241, 245, 0.08); + background-color: rgba(198, 208, 245, 0.08); } .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled { background-color: transparent; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .windowhandle .linked.nautilus-path-bar { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); border-radius: 6px; margin: 6px 0; } @@ -4513,7 +4513,7 @@ popover.emoji-completion .emoji:hover { } .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { - color: #eff1f5; + color: #c6d0f5; } .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { @@ -4522,29 +4522,29 @@ popover.emoji-completion .emoji:hover { } .disk-space-display.unknown { - background-color: rgba(239, 241, 245, 0.3); - color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .disk-space-display.used { - background-color: #b4befe; - color: #b4befe; + background-color: #8caaee; + color: #8caaee; } .disk-space-display.free { - background-color: rgba(239, 241, 245, 0.12); - color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); + color: rgba(198, 208, 245, 0.12); } .search-information { padding: 2px; - border-bottom: 1px solid rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; - color: #eff1f5; + border-bottom: 1px solid rgba(198, 208, 245, 0.12); + background-color: #303446; + color: #c6d0f5; } .conflict-row:not(:selected) { - background-color: #5a514b; + background-color: #66605c; } .nautilus-window flowboxchild .icon-item-background { @@ -4566,7 +4566,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(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { @@ -4603,11 +4603,11 @@ dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal: } .nautilus-menu-sort-heading:disabled { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .nautilus-window paned > separator { - background-color: #11111b; + background-color: #232634; } /********* @@ -4630,7 +4630,7 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s } .open-document-selector-path-label { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-size: smaller; } @@ -4640,7 +4640,7 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s } .gedit-document-panel { - background-color: #11111b; + background-color: #232634; } .gedit-document-panel row button.flat { @@ -4649,25 +4649,25 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s } .gedit-document-panel-group-row:not(:first-child) { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } .gedit-side-panel-paned statusbar { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); border-radius: 0 0 12px 12px; } .gedit-search-slider { margin: 0 6px 10px; padding: 6px; - background-color: #313244; + background-color: #414559; border-radius: 0 0 12px 12px; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(17, 17, 27, 0); } .gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { all: unset; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { @@ -4687,7 +4687,7 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s } .gedit-search-slider .linked:not(.vertical) > entry:not(.error) { - background-color: #313244; + background-color: #414559; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { @@ -4728,16 +4728,16 @@ frame.gedit-map-frame > border:dir(rtl) { .tweak-group-white, .tweak-white, .tweak-white:hover { - background-image: image(#1e1e2e); + background-image: image(#303446); } .tweak-startup, .tweak-startup:hover { - background-image: image(#1e1e2e); + background-image: image(#303446); } .tweak-group-startup { - background-image: image(#1e1e2e); + background-image: image(#303446); } .tweak-group-startup row.tweak-startup { @@ -4801,7 +4801,7 @@ window.background.csd > box.horizontal > stack.background frame > border { window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #1e1e2e; + background-color: #303446; border-bottom-right-radius: 12px; } @@ -4821,7 +4821,7 @@ window.background.csd > box.horizontal frame.view { window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #1e1e2e; + background-color: #303446; border-bottom-left-radius: 12px; } @@ -4876,7 +4876,7 @@ window.background.csd stack.background clamp.medium frame > box.vertical > box.v } window.background.csd hdycolumn stack frame.view > stack > stack list > separator { - background-color: rgba(239, 241, 245, 0); + background-color: rgba(198, 208, 245, 0); } dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { @@ -4903,7 +4903,7 @@ hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not( * Gnome system monitor * ************************/ window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #1e1e2e; + background-color: #303446; border-radius: 0 0 12px 12px; } @@ -4943,7 +4943,7 @@ window.background.csd scrolledwindow.contacts-contact-form { ************************/ tabbox { border: none; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); padding: 3px; margin: 3px; border-radius: 9px; @@ -5050,26 +5050,26 @@ window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked } .polari-room-list .sidebar > row.activatable:selected { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } stack.view.polari-entry-area { - background-color: #1e1e2e; - border-top: 1px solid rgba(239, 241, 245, 0.12); + background-color: #303446; + border-top: 1px solid rgba(198, 208, 245, 0.12); border-bottom-right-radius: 12px; } stack:disabled.view.polari-entry-area { - background-image: image(#1e1e2e); + background-image: image(#303446); } /*********** * Builder * ***********/ layouttabbar { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-bottom: 1px solid rgba(198, 208, 245, 0.12); + background-color: #303446; } layouttabbar > box > button { @@ -5081,8 +5081,8 @@ layouttab { border-style: none solid; border-width: 1px; border-color: rgba(17, 17, 27, 0); - box-shadow: inset 0 -2px #b4befe; - background-color: #1e1e2e; + box-shadow: inset 0 -2px #8caaee; + background-color: #303446; } layouttab separator.vertical { @@ -5106,7 +5106,7 @@ entry.search-missing { } window.workbench treeview.image { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } popover.popover-selector list { @@ -5138,21 +5138,21 @@ omnibar.linked:not(.vertical) entry { } omnibar:not(:hover):not(:active) entry { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } popover.omnibar list row:not(:last-child) { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); } entry.preferences-search { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); box-shadow: none; - background-color: #1e1e2e; + background-color: #303446; } preferences stacksidebar.sidebar list { - background-color: #11111b; + background-color: #232634; } preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { @@ -5160,11 +5160,11 @@ preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar } preferences > box > box:dir(ltr) { - border-right: 1px solid rgba(239, 241, 245, 0.12); + border-right: 1px solid rgba(198, 208, 245, 0.12); } preferences > box > box:dir(rtl) { - border-left: 1px solid rgba(239, 241, 245, 0.12); + border-left: 1px solid rgba(198, 208, 245, 0.12); } popover.messagepopover.background { @@ -5173,7 +5173,7 @@ popover.messagepopover.background { popover.messagepopover .popover-action-area button { padding: 8px 16px; - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); border-radius: 0; } @@ -5194,7 +5194,7 @@ popover.transfers list { } popover.transfers list row:not(:first-child) { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } popover.transfers list row > box { @@ -5212,14 +5212,14 @@ dockpaned { eggsearchbar box.search-bar { padding: 0 8px; - border-bottom: 1px solid rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-bottom: 1px solid rgba(198, 208, 245, 0.12); + background-color: #303446; } docktabstrip { padding: 0 8px; - border-bottom: 1px solid rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-bottom: 1px solid rgba(198, 208, 245, 0.12); + background-color: #303446; } docktab { @@ -5231,30 +5231,30 @@ docktab { border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; - background-image: radial-gradient(circle, #b4befe 10%, transparent 0%); + background-image: radial-gradient(circle, #8caaee 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: 500; } docktab:hover { background-color: alpha(currentColor, 0.08); - color: #eff1f5; + color: #c6d0f5; } docktab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #b4befe; + box-shadow: inset 0 -2px #8caaee; background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; - color: #eff1f5; + color: #c6d0f5; } dockoverlayedge { - background-color: #1e1e2e; + background-color: #303446; } dockoverlayedge docktabstrip { @@ -5263,22 +5263,22 @@ dockoverlayedge docktabstrip { } dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #b4befe; + box-shadow: inset -2px 0 #8caaee; } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #b4befe; + box-shadow: inset 2px 0 #8caaee; } pillbox { - background-color: #1e1e2e; + background-color: #303446; border-radius: 6px; } layoutpane entry.search { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); box-shadow: none; - background-color: #1e1e2e; + background-color: #303446; } editortweak entry.search { @@ -5315,33 +5315,33 @@ button.dzlmenubutton image.arrow { } button.dzlmenubuttonitem { - color: #eff1f5; + color: #c6d0f5; font-weight: normal; } button.dzlmenubuttonitem:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } idelayoutstackheader { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); } idelayoutstackheader button:checked { - color: #eff1f5; + color: #c6d0f5; } ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; - background-color: #1e1e2e; + background-color: #303446; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { - border-right: 1px solid rgba(239, 241, 245, 0.12); + border-right: 1px solid rgba(198, 208, 245, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { - border-left: 1px solid rgba(239, 241, 245, 0.12); + border-left: 1px solid rgba(198, 208, 245, 0.12); } ideeditorutilities > dzldockpaned > box > stackswitcher button { @@ -5351,12 +5351,12 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button { } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle, rgba(180, 190, 254, 0.7) 10%, transparent 0%); + background-image: radial-gradient(circle, rgba(140, 170, 238, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { background-color: transparent; - color: #eff1f5; + color: #c6d0f5; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { @@ -5364,7 +5364,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #b4befe; + box-shadow: inset -2px 0 #8caaee; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { @@ -5372,7 +5372,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #b4befe; + box-shadow: inset 2px 0 #8caaee; } ideeditorsidebar notebook header { @@ -5380,11 +5380,11 @@ ideeditorsidebar notebook header { } popover.messagepopover list { - border: 1px solid rgba(239, 241, 245, 0.12); + border: 1px solid rgba(198, 208, 245, 0.12); } popover.messagepopover list row:not(:last-child) { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); } /********** @@ -5398,7 +5398,7 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); font-weight: bold; } @@ -5422,17 +5422,17 @@ GdMainIconView.content-view { } button.photos-filter-preview { - color: #eff1f5; + color: #c6d0f5; font-weight: normal; } button.photos-filter-preview:checked { background-color: alpha(currentColor, 0.06); - color: #eff1f5; + color: #c6d0f5; } button.photos-filter-preview:checked image { - color: #eff1f5; + color: #c6d0f5; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { @@ -5448,28 +5448,28 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { *********/ .side-panel:dir(ltr) { border-style: solid; - border-color: rgba(239, 241, 245, 0.12); + border-color: rgba(198, 208, 245, 0.12); } .side-panel:dir(rtl) { border-style: solid; - border-color: rgba(239, 241, 245, 0.12); + border-color: rgba(198, 208, 245, 0.12); } .side-panel .view { - background-image: image(#11111b); + background-image: image(#232634); } .side-panel .view:hover { - background-image: image(#23232c); + background-image: image(#303443); } .side-panel .view:selected { - background-image: image(#b4befe); + background-image: image(#8caaee); } .side-panel .view:selected:hover { - background-image: image(rgba(170, 179, 240, 0.9896)); + background-image: image(rgba(132, 160, 225, 0.9896)); } .songs-list:hover { @@ -5485,7 +5485,7 @@ frame.documents-dropdown > border { } box.vertical > revealer > toolbar.search-bar { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); background-clip: border-box; } @@ -5528,16 +5528,16 @@ window.background.csd evview.view.content-view { *********************************/ .background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; - background-color: #1e1e2e; + background-color: #303446; } .background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { - background-color: #1e1e2e; + background-color: #303446; } .background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; - background-color: #1e1e2e; + background-color: #303446; } /************ @@ -5665,7 +5665,7 @@ box.dialog-vbox scrolledwindow.related { } list.categories { - background-image: image(#11111b); + background-image: image(#232634); } /********* @@ -5675,8 +5675,8 @@ list.categories { min-height: 24px; padding: 0 4px; border-radius: 6px; - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; } /************** @@ -5723,8 +5723,8 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar { - color: #eff1f5; - background-color: #1e1e2e; + color: #c6d0f5; + background-color: #303446; box-shadow: none; border-bottom: 1px solid rgba(17, 17, 27, 0); } @@ -5740,29 +5740,29 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer- } .geary-main-window.unified > deck > overlay > .geary-main-layout { - background-color: #1e1e2e; + background-color: #303446; } .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > headerbar, .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > headerbar { - box-shadow: inset 0 -1px rgba(239, 241, 245, 0); + box-shadow: inset 0 -1px rgba(198, 208, 245, 0); } .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar, .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar { - background-color: #11111b; - box-shadow: inset 0 -1px rgba(239, 241, 245, 0); + background-color: #232634; + box-shadow: inset 0 -1px rgba(198, 208, 245, 0); transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); } .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop, .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop { - background-color: #1e1e2e; + background-color: #303446; } .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { min-width: 1px; - background-color: rgba(239, 241, 245, 0); + background-color: rgba(198, 208, 245, 0); } .geary-main-window.unified frame.geary-conversation-frame scrolledwindow { @@ -5777,19 +5777,19 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer- .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active { border-radius: 6px; - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } .geary-main-window.unified separator.geary-sidebar-pane-separator { min-width: 1px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { - border: 1px solid rgba(239, 241, 245, 0.12); + border: 1px solid rgba(198, 208, 245, 0.12); border-bottom-width: 0; - background-color: #1e1e2e; + background-color: #303446; } .geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child { @@ -5845,7 +5845,7 @@ dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwin dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { border-radius: 0 0 12px 12px; - background-color: #1e1e2e; + background-color: #303446; } dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), @@ -5886,11 +5886,11 @@ dialog.background.csd stack scrolledwindow viewport.frame.view { } window.background.csd.unified headerbar { - box-shadow: inset 0 -1px rgba(239, 241, 245, 0); + box-shadow: inset 0 -1px rgba(198, 208, 245, 0); } window.background.csd.unified > decoration-overlay { - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1); } window.background.csd.unified, @@ -5939,7 +5939,7 @@ overlay > revealer.right > scrolledwindow.frame { .terminix-session-sidebar, .tilix-session-sidebar { - background-image: image(#313244); + background-image: image(#414559); } .terminal-titlebar button { @@ -5963,7 +5963,7 @@ button.flat.tilix-small-button { * Terminator * **************/ .terminator-terminal-window paned > separator { - background-color: #1e1e2e; + background-color: #303446; } .terminator-terminal-window notebook.frame { @@ -5975,7 +5975,7 @@ button.flat.tilix-small-button { *************/ #live_installer .menubar progressbar trough { border-radius: 4px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } /*********** @@ -5998,25 +5998,25 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ window.background.chromium { - background-color: #313244; + background-color: #414559; } window.background.chromium entry, window.background.chromium > button { - border: 1px solid rgba(239, 241, 245, 0); + border: 1px solid rgba(198, 208, 245, 0); } window.background.chromium > button { - color: #b4befe; + color: #8caaee; } window.background.chromium > button:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } window.background.chromium menubar, window.background.chromium headerbar { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } window.background.chromium headerbar button:active { @@ -6024,7 +6024,7 @@ window.background.chromium headerbar button:active { } window.background.chromium spinner { - color: #b4befe; + color: #8caaee; } window.background.chromium textview.view { @@ -6032,17 +6032,17 @@ window.background.chromium textview.view { } window.background.chromium treeview.view.cell:selected:focus { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } window.background.chromium treeview.view button { - border: 1px solid rgba(239, 241, 245, 0.3); - background-color: #1e1e2e; + border: 1px solid rgba(198, 208, 245, 0.3); + background-color: #303446; } window.background.chromium menu { - border-color: #3e3e5f; + border-color: #515876; } window.background.chromium menu menuitem { @@ -6050,23 +6050,23 @@ window.background.chromium menu menuitem { } tooltip.background.chromium { - background-color: #0b0b12; + background-color: #1d1f2b; } /*********** * Firefox * ***********/ #MozillaGtkWidget > widget text { - background-color: #313244; + background-color: #414559; } #MozillaGtkWidget > widget text:selected { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } #MozillaGtkWidget > widget > separator { - color: rgba(239, 241, 245, 0); + color: rgba(198, 208, 245, 0); } #MozillaGtkWidget > widget > scrollbar { @@ -6074,33 +6074,33 @@ tooltip.background.chromium { } #MozillaGtkWidget > widget > frame > border { - border-color: rgba(239, 241, 245, 0); + border-color: rgba(198, 208, 245, 0); } #MozillaGtkWidget > widget > entry, #MozillaGtkWidget > widget > button > button { - border: 1px solid rgba(239, 241, 245, 0); + border: 1px solid rgba(198, 208, 245, 0); border-radius: 6px; box-shadow: none; } #MozillaGtkWidget > widget > entry:disabled, #MozillaGtkWidget > widget > button > button:disabled { - border-color: rgba(239, 241, 245, 0.12); + border-color: rgba(198, 208, 245, 0.12); } #MozillaGtkWidget > widget > entry { min-height: 30px; - background-color: #1e1e2e; + background-color: #303446; } #MozillaGtkWidget > widget > entry:focus { - border-color: #b4befe; - box-shadow: inset 0 0 0 1px #b4befe; + border-color: #8caaee; + box-shadow: inset 0 0 0 1px #8caaee; } #MozillaGtkWidget > widget > entry:disabled { - background-color: #11111b; + background-color: #232634; } #MozillaGtkWidget > widget > button > button { @@ -6143,23 +6143,23 @@ tooltip.background.chromium { } #MozillaGtkWidget > widget > menubar { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #MozillaGtkWidget > widget > menubar:hover { - color: #eff1f5; + color: #c6d0f5; } #MozillaGtkWidget > widget > menubar:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } #MozillaGtkWidget > widget > frame { - color: rgba(239, 241, 245, 0); + color: rgba(198, 208, 245, 0); } #MozillaGtkWidget menu > separator { - color: rgba(239, 241, 245, 0); + color: rgba(198, 208, 245, 0); } window.background:not(.csd) > window > menu menuitem { @@ -6209,15 +6209,15 @@ window.background:not(.csd) > window > menu menuitem { } #CanvasTable #HorizontalScrollbar { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } #CanvasTable #VerticalScrollbar:dir(ltr) { - border-left: 1px solid rgba(239, 241, 245, 0.12); + border-left: 1px solid rgba(198, 208, 245, 0.12); } #CanvasTable #VerticalScrollbar:dir(rtl) { - border-right: 1px solid rgba(239, 241, 245, 0.12); + border-right: 1px solid rgba(198, 208, 245, 0.12); } #Canvas_and_Dock frame > border { @@ -6251,7 +6251,7 @@ scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-but * Libreoffice * ***************/ window.background > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box { - background-color: #1e1e2e; + background-color: #303446; } /********* @@ -6283,7 +6283,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #b4befe; + -UnityDecoration-glow-color: #8caaee; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -6293,24 +6293,24 @@ UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 12px 12px 0 0; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #11111b; - color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #232634; + color: #c6d0f5; } UnityDecoration .top:backdrop { - background-color: #1e1e2e; - color: rgba(239, 241, 245, 0.7); + background-color: #303446; + color: rgba(198, 208, 245, 0.7); } UnityDecoration .menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } UnityDecoration .menuitem:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; - color: #eff1f5; + color: #c6d0f5; } .background:not(.csd) headerbar:not(.titlebar) { @@ -6324,31 +6324,31 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; } UnityPanelWidget:backdrop, .unity-panel:backdrop { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .unity-panel.menuitem, .unity-panel .menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { box-shadow: inset 0 -2px currentColor; background-color: transparent; - color: #eff1f5; + color: #c6d0f5; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #b4befe; + color: #8caaee; } /************** @@ -6360,8 +6360,8 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar { - background-color: #11111b; - color: rgba(239, 241, 245, 0.7); + background-color: #232634; + color: rgba(198, 208, 245, 0.7); font-weight: 500; } @@ -6381,12 +6381,12 @@ PanelToplevel.vertical > grid > button { } PanelSeparator { - color: rgba(239, 241, 245, 0.12); + color: rgba(198, 208, 245, 0.12); } MatePanelAppletFrameDBus { border-style: solid; - border-color: rgba(239, 241, 245, 0.12); + border-color: rgba(198, 208, 245, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { @@ -6398,15 +6398,15 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { - color: #eff1f5; + color: #c6d0f5; } .mate-panel-menu-bar menubar > menuitem:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .mate-panel-menu-bar.horizontal menubar > menuitem { @@ -6458,7 +6458,7 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #b4befe; + color: #8caaee; } PanelApplet.wnck-applet .wnck-pager:hover { @@ -6470,7 +6470,7 @@ PanelApplet.wnck-applet .wnck-pager:active { } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #b4befe; + background-color: #8caaee; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -6484,8 +6484,8 @@ PanelApplet.wnck-applet .wnck-pager:selected { #MatePanelPopupWindow { border: 1px solid rgba(17, 17, 27, 0); border-radius: 7px; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #313244; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #414559; } #MatePanelPopupWindow frame > border { @@ -6503,7 +6503,7 @@ PanelApplet.wnck-applet .wnck-pager:selected { #MatePanelPopupWindow calendar + box { margin-top: -5px; padding-top: 5px; - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } #MatePanelPopupWindow expander > title { @@ -6515,7 +6515,7 @@ PanelApplet.wnck-applet .wnck-pager:selected { } #MatePanelPopupWindow > frame > box > box > box > widget { - color: rgba(239, 241, 245, 0.12); + color: rgba(198, 208, 245, 0.12); } na-tray-applet { @@ -6530,8 +6530,8 @@ na-tray-applet { .mate-panel-applet-slider { border: 1px solid rgba(17, 17, 27, 0); border-radius: 7px; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #313244; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #414559; } .mate-panel-applet-slider frame > border { @@ -6544,19 +6544,19 @@ na-tray-applet { #PanelApplet:selected > box { background-color: alpha(currentColor, 0.1); - color: #eff1f5; + color: #c6d0f5; } #mate-menu { border: 1px solid rgba(17, 17, 27, 0); - background-color: #313244; + background-color: #414559; } #mate-menu button { min-height: 24px; min-width: 24px; padding: 4px 0; - color: #eff1f5; + color: #c6d0f5; font-weight: normal; } @@ -6566,7 +6566,7 @@ na-tray-applet { #mate-menu button image, #mate-menu button label + label { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #mate-menu entry { @@ -6583,13 +6583,13 @@ na-tray-applet { } .brisk-menu { - box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #313244; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #414559; } .brisk-menu entry { margin-bottom: -2px; - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); border-image: none; box-shadow: none; background-color: transparent; @@ -6597,12 +6597,12 @@ na-tray-applet { .brisk-menu entry + box > box:dir(ltr) { margin-right: -2px; - border-right: 1px solid rgba(239, 241, 245, 0.12); + border-right: 1px solid rgba(198, 208, 245, 0.12); } .brisk-menu entry + box > box:dir(rtl) { margin-left: -2px; - border-left: 1px solid rgba(239, 241, 245, 0.12); + border-left: 1px solid rgba(198, 208, 245, 0.12); } .brisk-menu .categories-list { @@ -6614,7 +6614,7 @@ na-tray-applet { } .brisk-menu .categories-list button:checked { - color: #b4befe; + color: #8caaee; } .brisk-menu .session-button { @@ -6640,7 +6640,7 @@ na-tray-applet { .brisk-menu .apps-list button { border-radius: 0; - color: #eff1f5; + color: #c6d0f5; font-weight: normal; } @@ -6666,12 +6666,12 @@ na-tray-applet { .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { - background-color: #1e1e2e; + background-color: #303446; } .caja-side-pane notebook, .caja-notebook { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } .caja-side-pane notebook .frame, @@ -6687,9 +6687,9 @@ na-tray-applet { .caja-navigation-window .view .entry { border: none; border-radius: 6px; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); background-image: none; - color: #eff1f5; + color: #c6d0f5; } .caja-desktop.view .entry:selected, @@ -6698,8 +6698,8 @@ na-tray-applet { } .caja-desktop.view .entry { - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; caret-color: currentColor; } @@ -6710,7 +6710,7 @@ na-tray-applet { .caja-navigation-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } .caja-notebook frame > border { @@ -6718,8 +6718,8 @@ na-tray-applet { } #caja-extra-view-widget { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-bottom: 1px solid rgba(198, 208, 245, 0.12); + background-color: #303446; } #caja-extra-view-widget > box > box > label { @@ -6732,7 +6732,7 @@ na-tray-applet { .pluma-window statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } .pluma-window statusbar frame > border { @@ -6750,7 +6750,7 @@ na-tray-applet { } .pluma-print-preview toolbar { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); } .pluma-window paned.horizontal box.vertical box.horizontal button.flat { @@ -6763,11 +6763,11 @@ na-tray-applet { .pluma-window paned.horizontal box.vertical notebook.frame { margin-top: -1px; - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } .pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); } /********* @@ -6778,15 +6778,15 @@ na-tray-applet { } .atril-window paned.horizontal box.vertical notebook .frame { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } /* mate-screensaver lock dialog */ .lock-dialog { border: 1px solid rgba(17, 17, 27, 0); border-radius: 7px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #313244; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #414559; } .lock-dialog frame > border { @@ -6794,24 +6794,24 @@ na-tray-applet { } .lock-dialog button:not(:disabled) { - color: #b4befe; + color: #8caaee; } /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 6px; - background-color: rgba(11, 11, 18, 0.9); - color: #eff1f5; + background-color: rgba(29, 31, 43, 0.9); + color: #c6d0f5; } MsdOsdWindow.background.osd .trough { border-radius: 0; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } MsdOsdWindow.background.osd .progressbar { border-radius: 0; - background-color: #b4befe; + background-color: #8caaee; } /****************** @@ -6834,10 +6834,10 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-popover { - border: 1px solid rgba(239, 241, 245, 0.1); + border: 1px solid rgba(198, 208, 245, 0.1); box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0); background-clip: border-box; - background-color: #1e1e2e; + background-color: #303446; border-radius: 12px; } @@ -6862,7 +6862,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-popover scrolledwindow.sidebar:not(.categories) { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); border-right: none; border-bottom-left-radius: 12px; } @@ -6891,12 +6891,12 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } .budgie-popover.bottom > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { border-top: none; - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); } .budgie-popover.budgie-menu .container { @@ -6910,7 +6910,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-popover.budgie-menu entry.search { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); border-image: none; border-radius: 0; box-shadow: none; @@ -6918,7 +6918,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-popover.budgie-menu scrolledwindow.sidebar.categories { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); padding-bottom: 12px; } @@ -6980,7 +6980,7 @@ MsdOsdWindow.background.osd .progressbar { .budgie-popover.places-menu .places-list:not(.always-expand) { margin-top: 3px; padding-top: 3px; - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } .budgie-popover.places-menu .alternative-label { @@ -6993,7 +6993,7 @@ MsdOsdWindow.background.osd .progressbar { } .workspace-switcher .workspace-layout { - border: 0 solid rgba(239, 241, 245, 0.12); + border: 0 solid rgba(198, 208, 245, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { @@ -7010,7 +7010,7 @@ MsdOsdWindow.background.osd .progressbar { .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(239, 241, 245, 0.12); + border: 0 solid rgba(198, 208, 245, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { @@ -7057,7 +7057,7 @@ MsdOsdWindow.background.osd .progressbar { margin: 3px 0; min-width: 16px; min-height: 16px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel button.budgie-menu-launcher { @@ -7069,11 +7069,11 @@ MsdOsdWindow.background.osd .progressbar { padding: 0; margin: 0; border-radius: 9999px; - background-image: image(rgba(239, 241, 245, 0.12)); + background-image: image(rgba(198, 208, 245, 0.12)); } .budgie-panel button.budgie-menu-launcher:hover { - color: #eff1f5; + color: #c6d0f5; } .budgie-panel button.budgie-menu-launcher:hover image { @@ -7081,7 +7081,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel button.budgie-menu-launcher:active, .budgie-panel button.budgie-menu-launcher:checked { - color: #eff1f5; + color: #c6d0f5; } .budgie-panel button.budgie-menu-launcher:active image, .budgie-panel button.budgie-menu-launcher:checked image { @@ -7090,17 +7090,17 @@ MsdOsdWindow.background.osd .progressbar { .budgie-panel { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #11111b; - color: rgba(239, 241, 245, 0.7); + background-color: #232634; + color: rgba(198, 208, 245, 0.7); font-weight: 500; } .budgie-panel.transparent { - background-color: rgba(17, 17, 27, 0.75); + background-color: rgba(35, 38, 52, 0.75); } .budgie-panel button { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); min-height: 24px; min-width: 24px; padding: 0; @@ -7108,26 +7108,26 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel button:hover { - color: #eff1f5; + color: #c6d0f5; } .budgie-panel button:active { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel button.budgie-menu-launcher { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel button.budgie-menu-launcher:focus { background: none; box-shadow: none; border: none; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel button.raven-trigger { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel.horizontal button { @@ -7139,7 +7139,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel separator { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .budgie-panel .alert { @@ -7151,33 +7151,33 @@ MsdOsdWindow.background.osd .progressbar { padding: 0; box-shadow: none; background-color: transparent; - color: #eff1f5; + color: #c6d0f5; } .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { - color: #eff1f5; + color: #c6d0f5; } .budgie-panel menubar, .budgie-panel .menubar { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); box-shadow: none; border: none; } .budgie-panel menubar > menuitem, .budgie-panel .menubar > menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active, .budgie-panel .menubar > menuitem:hover, .budgie-panel .menubar > menuitem:active { - color: #eff1f5; + color: #c6d0f5; } .budgie-panel #tasklist-button { @@ -7193,15 +7193,15 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel button.flat.launcher:not(:checked) { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked { @@ -7273,7 +7273,7 @@ frame.raven-frame > border { } .raven { - background-color: #313244; + background-color: #414559; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } @@ -7296,7 +7296,7 @@ frame.raven-frame > border { .raven .raven-header.top { padding: 0; - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); } .raven .raven-header.top stackswitcher button { @@ -7306,7 +7306,7 @@ frame.raven-frame > border { } .raven .raven-header.bottom { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } .raven stack .raven-header { @@ -7320,12 +7320,12 @@ frame.raven-frame > border { .raven .raven-background { border-style: solid none; border-width: 1px; - border-color: rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-color: rgba(198, 208, 245, 0.12); + background-color: #303446; } .raven .raven-background > overlay > widget > image { - color: rgba(239, 241, 245, 0.12); + color: rgba(198, 208, 245, 0.12); } .raven scrolledwindow.raven-background { @@ -7359,12 +7359,12 @@ frame.raven-frame > border { } .raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { - background-color: rgba(239, 241, 245, 0.06); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.06); + color: #c6d0f5; } .raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { - color: #eff1f5; + color: #c6d0f5; } .raven .audio-widget list.devices-list.sound-devices > row.activatable label { @@ -7381,8 +7381,8 @@ calendar.raven-calendar:selected { } .raven-mpris { - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; } .raven-mpris label { @@ -7417,11 +7417,11 @@ calendar.raven-calendar:selected { padding-left: 12px; margin: 3px; border-radius: 6px; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus { @@ -7438,7 +7438,7 @@ calendar.raven-calendar:selected { } .budgie-notification .notification-body, .budgie-switcher .notification-body { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-osd .budgie-osd-text { @@ -7446,15 +7446,15 @@ calendar.raven-calendar:selected { } .budgie-panel .lock-keys image:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 12px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #313244; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #414559; } .drop-shadow .linked > button { @@ -7464,7 +7464,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { - background-color: #313244; + background-color: #414559; border: none; padding: 0; } @@ -7497,7 +7497,7 @@ calendar.raven-calendar:selected { .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { padding: 8px 16px; - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); border-radius: 0; } @@ -7514,7 +7514,7 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .message { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-polkit-dialog .failure { @@ -7530,18 +7530,18 @@ calendar.raven-calendar:selected { } .budgie-run-dialog list .dim-label { - color: #eff1f5; + color: #c6d0f5; } .budgie-run-dialog scrolledwindow { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } /************** * Xfce4 Apps * **************/ .XfceHeading { - background-color: #1e1e2e; + background-color: #303446; } /*************** @@ -7549,8 +7549,8 @@ calendar.raven-calendar:selected { ***************/ .xfce4-panel.background { border: none; - background-color: #11111b; - color: rgba(239, 241, 245, 0.7); + background-color: #232634; + color: rgba(198, 208, 245, 0.7); font-weight: 500; } @@ -7574,13 +7574,13 @@ wnck-pager:active { } wnck-pager:selected { - background-color: #b4befe; + background-color: #8caaee; } XfdesktopIconView.view { border-radius: 6px; background-color: transparent; - color: #eff1f5; + color: #c6d0f5; } XfdesktopIconView.view:active { @@ -7598,7 +7598,7 @@ window#whiskermenu-window { } window#whiskermenu-window entry.search:focus { - background-color: #1e1e2e; + background-color: #303446; } window#whiskermenu-window > frame > border { @@ -7606,8 +7606,8 @@ window#whiskermenu-window > frame > border { padding: 6px 8px 6px 9px; margin: 6px; border: none; - background-color: #1e1e2e; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0), inset 0 0 0 1px rgba(239, 241, 245, 0.1); + background-color: #303446; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0), inset 0 0 0 1px rgba(198, 208, 245, 0.1); } window#whiskermenu-window box.categories > button.radio { @@ -7616,12 +7616,12 @@ window#whiskermenu-window box.categories > button.radio { } window#whiskermenu-window box.categories > button.radio:hover { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active { - background-color: rgba(239, 241, 245, 0.3); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.3); + color: #c6d0f5; } window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover { @@ -7630,7 +7630,7 @@ window#whiskermenu-window box.categories > button.radio:checked:hover, window#wh window#whiskermenu-window scrolledwindow.frame { padding: 3px; - background-color: #1e1e2e; + background-color: #303446; border-radius: 6px; } @@ -7643,13 +7643,13 @@ window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:se } window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover { - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active { - background-color: rgba(239, 241, 245, 0.3); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.3); + color: #c6d0f5; } #XfceNotifyWindow { @@ -7675,7 +7675,7 @@ window#whiskermenu-window .title-area > .commands-area > button.flat.command-but * Thunar * **********/ .thunar toolbar { - box-shadow: inset 0 -1px rgba(239, 241, 245, 0); + box-shadow: inset 0 -1px rgba(198, 208, 245, 0); } .thunar .standard-view.frame { @@ -7694,7 +7694,7 @@ window#whiskermenu-window .title-area > .commands-area > button.flat.command-but .thunar statusbar { margin: 0 -10px; padding: 0 4px; - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } .thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { @@ -7715,27 +7715,27 @@ menubar.-vala-panel-background { menubar.-vala-panel-appmenu-private > menuitem, menubar.-vala-panel-background > menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: normal; } menubar.-vala-panel-appmenu-private > menuitem:hover, menubar.-vala-panel-background > menuitem:hover { - color: #eff1f5; + color: #c6d0f5; border-radius: 0; } menubar.-vala-panel-appmenu-private > menuitem:disabled, menubar.-vala-panel-background > menuitem:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; } #panel_window menubar, @@ -7752,15 +7752,15 @@ menubar.-vala-panel-background > menuitem:disabled { } #panel_window menubar > menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #panel_window menubar > menuitem:hover { - color: #eff1f5; + color: #c6d0f5; } #panel_window menubar > menuitem:disabled label { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } #login_window, @@ -7768,8 +7768,8 @@ menubar.-vala-panel-background > menuitem:disabled { #restart_dialog { margin: 8px; border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #313244; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #414559; } #content_frame { @@ -7786,15 +7786,15 @@ menubar.-vala-panel-background > menuitem:disabled { } #buttonbox_frame button:not(:disabled) { - color: #b4befe; + color: #8caaee; } /******** * Nemo * ********/ .nemo-window .primary-toolbar { - background-color: #11111b; - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #232634; + border-bottom: 1px solid rgba(198, 208, 245, 0.12); } .nemo-window .primary-toolbar entry { @@ -7810,19 +7810,19 @@ menubar.-vala-panel-background > menuitem:disabled { .nemo-window .primary-toolbar button.text-button { padding-left: 8px; padding-right: 8px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked { - color: #eff1f5; + color: #c6d0f5; } .nemo-window .primary-toolbar button.text-button:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .nemo-window .primary-toolbar button.text-button:backdrop { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button { @@ -7858,17 +7858,17 @@ menubar.-vala-panel-background > menuitem:disabled { } .nemo-window .nemo-inactive-pane .view:not(:selected) { - background-color: #11111b; + background-color: #232634; } .nemo-window .nemo-window-pane widget.entry { border-radius: 6px; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: #5d5d6a; - -NemoPlacesTreeView-disk-full-fg-color: #b4befe; + -NemoPlacesTreeView-disk-full-bg-color: #5d637b; + -NemoPlacesTreeView-disk-full-fg-color: #8caaee; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; @@ -7882,58 +7882,58 @@ menubar.-vala-panel-background > menuitem:disabled { use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #eff1f5; +@define-color theme_fg_color #c6d0f5; /* text color for entries, views and content in general */ -@define-color theme_text_color #eff1f5; +@define-color theme_text_color #c6d0f5; /* widget base background color */ -@define-color theme_bg_color #1e1e2e; +@define-color theme_bg_color #303446; /* text widgets and the like base background color */ -@define-color theme_base_color #1e1e2e; +@define-color theme_base_color #303446; /* base background color of selections */ -@define-color theme_selected_bg_color #b4befe; +@define-color theme_selected_bg_color #8caaee; /* text/foreground color of selections */ @define-color theme_selected_fg_color rgba(17, 17, 27, 0.87); /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #1e1e2e; +@define-color insensitive_bg_color #303446; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(239, 241, 245, 0.5); +@define-color insensitive_fg_color rgba(198, 208, 245, 0.5); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #11111b; +@define-color insensitive_base_color #232634; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #eff1f5; +@define-color theme_unfocused_fg_color #c6d0f5; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #eff1f5; +@define-color theme_unfocused_text_color #c6d0f5; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #1e1e2e; +@define-color theme_unfocused_bg_color #303446; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #1e1e2e; +@define-color theme_unfocused_base_color #303446; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #b4befe; +@define-color theme_unfocused_selected_bg_color #8caaee; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color rgba(17, 17, 27, 0.87); /* insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(239, 241, 245, 0.5); +@define-color unfocused_insensitive_color rgba(198, 208, 245, 0.5); /* widgets main borders color */ -@define-color borders rgba(239, 241, 245, 0.12); +@define-color borders rgba(198, 208, 245, 0.12); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(239, 241, 245, 0.12); +@define-color unfocused_borders rgba(198, 208, 245, 0.12); /* these are pretty self explicative */ @define-color warning_color #e5c890; @@ -7942,12 +7942,12 @@ these are pretty self explicative */ /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title #eff1f5; -@define-color wm_unfocused_title rgba(239, 241, 245, 0.7); -@define-color wm_highlight rgba(239, 241, 245, 0.1); -@define-color wm_border #060609; -@define-color wm_bg #11111b; -@define-color wm_unfocused_bg #1e1e2e; +@define-color wm_title #c6d0f5; +@define-color wm_unfocused_title rgba(198, 208, 245, 0.7); +@define-color wm_highlight rgba(198, 208, 245, 0.1); +@define-color wm_border #0a0a0e; +@define-color wm_bg #232634; +@define-color wm_unfocused_bg #303446; @define-color wm_button_icon white; @define-color wm_button_close_hover_bg #e78284; @define-color wm_button_close_active_bg #dd4f51; @@ -7957,13 +7957,13 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_button_min_active_bg #d9af5e; /* FIXME this is really an API */ -@define-color content_view_bg #1e1e2e; -@define-color placeholder_text_color #b0b2b9; +@define-color content_view_bg #303446; +@define-color placeholder_text_color #99a1c1; /* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #1e1e2e; +@define-color text_view_bg #303446; @define-color budgie_tasklist_indicator_color white; @define-color budgie_tasklist_indicator_color_active white; -@define-color budgie_tasklist_indicator_color_active_window #929296; +@define-color budgie_tasklist_indicator_color_active_window #9a9ba2; @define-color budgie_tasklist_indicator_color_attention #e5c890; @define-color STRAWBERRY_100 #FF9262; @define-color STRAWBERRY_300 #FF793E; diff --git a/src/main/gtk-3.0/gtk-Light.css b/src/main/gtk-3.0/gtk-Light.css index 2a75363c..c3d2d708 100644 --- a/src/main/gtk-3.0/gtk-Light.css +++ b/src/main/gtk-3.0/gtk-Light.css @@ -12,17 +12,17 @@ @keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle, #7287fd 0%, transparent 0%); + background-image: radial-gradient(circle, #8caaee 0%, transparent 0%); } to { - background-image: radial-gradient(circle, #7287fd 100%, transparent 0%); + background-image: radial-gradient(circle, #8caaee 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #d20f39; + -GtkTextView-error-underline-color: #e78284; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; @@ -34,7 +34,7 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #7287fd; + -gtk-secondary-caret-color: #8caaee; } *:focus { @@ -48,14 +48,14 @@ XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > } .nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected { - color: #7287fd; - background-color: rgba(114, 135, 253, 0.2); + color: #8caaee; + background-color: rgba(140, 170, 238, 0.2); } .nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection, entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } .linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry { @@ -98,7 +98,7 @@ entry selection, label selection, textview text selection:focus, textview text s * Base States * ***************/ .background { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -115,32 +115,32 @@ entry selection, label selection, textview text selection:focus, textview text s } .gtkstyle-fallback { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } .gtkstyle-fallback:hover { - background-color: #dfe3eb; + background-color: #b0bef1; color: rgba(17, 17, 27, 0.87); } .gtkstyle-fallback:active { - background-color: #d0d6e1; + background-color: #9baced; color: rgba(17, 17, 27, 0.87); } .gtkstyle-fallback:disabled { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.38); } .gtkstyle-fallback:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .view { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -161,7 +161,7 @@ window.background.csd > stack.view { } textview text { - background-color: #eff1f5; + background-color: #c6d0f5; } textview border { @@ -347,8 +347,8 @@ XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, flowbox treeview.view flowbox .content-view rubberband, flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband { - border: 1px solid #7287fd; - background-color: rgba(114, 135, 253, 0.3); + border: 1px solid #8caaee; + background-color: rgba(140, 170, 238, 0.3); } flowbox flowboxchild { @@ -378,8 +378,8 @@ headerbar label:disabled, tab label:disabled, button label:disabled { label.osd { border-radius: 6px; - background-color: rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + color: #c6d0f5; } .dim-label { @@ -443,7 +443,7 @@ entry { spinbutton.vertical:focus, spinbutton:focus:not(.vertical), entry:focus { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #7287fd; + box-shadow: inset 0 0 0 2px #8caaee; } spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical), @@ -532,7 +532,7 @@ entry.error { spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), entry.error:focus { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #d20f39; + box-shadow: inset 0 0 0 2px #e78284; } spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), @@ -553,7 +553,7 @@ entry.warning { spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), entry.warning:focus { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #df8e1d; + box-shadow: inset 0 0 0 2px #e5c890; } spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), @@ -566,12 +566,12 @@ entry.warning:disabled { spinbutton.vertical progress, spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; - border-bottom: 2px solid #7287fd; + border-bottom: 2px solid #8caaee; background-color: transparent; } treeview entry.flat, treeview entry { - background-color: #eff1f5; + background-color: #c6d0f5; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { @@ -619,27 +619,27 @@ 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(#7287fd), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8caaee), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7287fd), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8caaee), to(transparent)); } } .xfce4-panel.background button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked { - color: #eff1f5; + color: #c6d0f5; } .xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button { @@ -655,7 +655,7 @@ actionbar > revealer > box .linked > button:not(.suggested-action):not(.destruct } actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { - box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35); + box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35); } actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover { @@ -677,8 +677,8 @@ actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not( } actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { @@ -851,18 +851,18 @@ button.osd { min-width: 24px; min-width: 24px; padding: 12px 16px; - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } button.osd:hover { - background-color: #8194fc; - color: #eff1f5; + background-color: rgba(128, 155, 218, 0.9844); + color: rgba(17, 17, 27, 0.87); } button.osd:active { - background-color: #93a3fb; - color: #eff1f5; + background-color: rgba(114, 137, 193, 0.9662); + color: rgba(17, 17, 27, 0.87); } button.osd.image-button, button.osd.circular { @@ -878,8 +878,8 @@ button.osd:disabled { } button.suggested-action { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); box-shadow: none; } @@ -890,24 +890,24 @@ button.suggested-action:disabled { } button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(114, 135, 253, 0.2), 0 4px 3px 0 rgba(114, 135, 253, 0.14), 0 1px 6px 0 rgba(114, 135, 253, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(140, 170, 238, 0.2), 0 4px 3px 0 rgba(140, 170, 238, 0.14), 0 1px 6px 0 rgba(140, 170, 238, 0.12); } button.suggested-action:checked { - background-color: #98a7fb; + background-color: rgba(109, 132, 186, 0.961); } button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(114, 135, 253, 0.3), 0 2px 3px -1px rgba(114, 135, 253, 0.24), 0 2px 5px 0 rgba(114, 135, 253, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(140, 170, 238, 0.3), 0 2px 3px -1px rgba(140, 170, 238, 0.24), 0 2px 5px 0 rgba(140, 170, 238, 0.12); } button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35); + box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35); } button.suggested-action.flat { background-color: transparent; - color: #7287fd; + color: #8caaee; } button.suggested-action.flat:disabled { @@ -917,12 +917,12 @@ button.suggested-action.flat:disabled { } button.suggested-action.flat:checked { - background-color: rgba(114, 135, 253, 0.3); + background-color: rgba(140, 170, 238, 0.3); } button.destructive-action { - background-color: #d20f39; - color: #eff1f5; + background-color: #e78284; + color: rgba(17, 17, 27, 0.87); box-shadow: none; } @@ -933,24 +933,24 @@ button.destructive-action:disabled { } button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(210, 15, 57, 0.2), 0 4px 3px 0 rgba(210, 15, 57, 0.14), 0 1px 6px 0 rgba(210, 15, 57, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(231, 130, 132, 0.2), 0 4px 3px 0 rgba(231, 130, 132, 0.14), 0 1px 6px 0 rgba(231, 130, 132, 0.12); } button.destructive-action:checked { - background-color: #db5371; + background-color: rgba(178, 102, 106, 0.961); } button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(210, 15, 57, 0.3), 0 2px 3px -1px rgba(210, 15, 57, 0.24), 0 2px 5px 0 rgba(210, 15, 57, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(231, 130, 132, 0.3), 0 2px 3px -1px rgba(231, 130, 132, 0.24), 0 2px 5px 0 rgba(231, 130, 132, 0.12); } button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(210, 15, 57, 0.35); + box-shadow: 0 0 0 2px rgba(231, 130, 132, 0.35); } button.destructive-action.flat { background-color: transparent; - color: #d20f39; + color: #e78284; } button.destructive-action.flat:disabled { @@ -960,7 +960,7 @@ button.destructive-action.flat:disabled { } button.destructive-action.flat:checked { - background-color: rgba(210, 15, 57, 0.3); + background-color: rgba(231, 130, 132, 0.3); } .stack-switcher > button > label { @@ -1027,19 +1027,19 @@ button.color { * Links * *********/ *:link { - color: #7287fd; + color: #8caaee; } *:visited { - color: #8839ef; + color: #ca9ee6; } button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #7287fd; + color: #8caaee; } button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #8839ef; + color: #ca9ee6; } button.link > label { @@ -1225,7 +1225,7 @@ button.combo:only-child:hover { button.combo:only-child:checked { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #7287fd; + box-shadow: inset 0 0 0 2px #8caaee; } button.combo:only-child:disabled { @@ -1240,7 +1240,7 @@ button.combo:only-child:disabled { toolbar { -GtkWidget-window-dragging: true; padding: 2px; - background-color: #eff1f5; + background-color: #c6d0f5; } .osd toolbar { @@ -1251,12 +1251,12 @@ frame.documents-dropdown, .app-notification, toolbar.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); } frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { @@ -1319,7 +1319,7 @@ searchbar > revealer > box, border-style: solid; border-width: 0 0 1px; border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; } @@ -1398,7 +1398,7 @@ searchbar > revealer > box { background-color: #e6e9ef; color: rgba(17, 17, 27, 0.87); border-radius: 12px 12px 0 0; - box-shadow: inset 0 -1px rgba(17, 17, 27, 0), inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: inset 0 -1px rgba(17, 17, 27, 0), inset 0 1px rgba(198, 208, 245, 0.15); } .titlebar:disabled { @@ -1447,7 +1447,7 @@ searchbar > revealer > box { background-color: #e6e9ef; background-image: none; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -1px rgba(17, 17, 27, 0), inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: inset 0 -1px rgba(17, 17, 27, 0), inset 0 1px rgba(198, 208, 245, 0.15); } .titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop { @@ -1455,11 +1455,11 @@ searchbar > revealer > box { } .titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { - background-color: #7287fd; + background-color: #8caaee; } .titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { - background-color: #7287fd; + background-color: #8caaee; } .background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar { @@ -1486,51 +1486,51 @@ searchbar > revealer > box { .titlebar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 1px rgba(239, 241, 245, 0.2), inset 0 -1px rgba(17, 17, 27, 0); - background-color: #7287fd; - color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.2), inset 0 -1px rgba(17, 17, 27, 0); + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .titlebar.selection-mode:backdrop { - color: rgba(239, 241, 245, 0.7); + color: rgba(17, 17, 27, 0.6); } .titlebar.selection-mode .subtitle:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } .titlebar.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: #eff1f5; + color: rgba(17, 17, 27, 0.87); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(17, 17, 27, 0.38); } .titlebar.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: #eff1f5; + color: rgba(17, 17, 27, 0.87); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(17, 17, 27, 0.38); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) { - color: rgba(239, 241, 245, 0.7); + color: rgba(17, 17, 27, 0.6); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(17, 17, 27, 0.26); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(239, 241, 245, 0.7); + color: rgba(17, 17, 27, 0.6); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(17, 17, 27, 0.26); } .titlebar.selection-mode .selection-menu { @@ -1547,8 +1547,8 @@ searchbar > revealer > box { } .titlebar .selection-mode { - box-shadow: inset 0 1px rgba(239, 241, 245, 0.2); - background-color: #7287fd; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.2); + background-color: #8caaee; } .tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { @@ -1559,7 +1559,7 @@ searchbar > revealer > box { min-height: 24px; padding: 6px 12px; border-radius: 12px 12px 0 0; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: inset 0 1px rgba(198, 208, 245, 0.15); } .tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { @@ -1575,7 +1575,7 @@ searchbar > revealer > box { } .background.csd .titlebar.default-decoration { - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15), inset 0 -1px rgba(17, 17, 27, 0); + box-shadow: inset 0 1px rgba(198, 208, 245, 0.15), inset 0 -1px rgba(17, 17, 27, 0); } .background:not(.csd) .titlebar.default-decoration button.titlebutton:active { @@ -1741,7 +1741,7 @@ treeview.view { treeview.view:selected { background-image: image(alpha(currentColor, 0.1)); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -1797,20 +1797,20 @@ treeview.view.expander:disabled { treeview.view.progressbar { border: none; box-shadow: none; - background-color: #7287fd; + background-color: #8caaee; background-image: none; border-radius: 9999px; - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { box-shadow: none; - background-color: rgba(102, 121, 226, 0.9805); - color: #eff1f5; + background-color: rgba(125, 152, 213, 0.9805); + color: rgba(17, 17, 27, 0.87); } treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { @@ -1850,7 +1850,7 @@ treeview.view header button:not(:focus):not(:hover):not(:active) { } treeview.view header button, treeview.view header button:disabled { - background-color: #eff1f5; + background-color: #c6d0f5; } treeview.view header button:last-child { @@ -1865,13 +1865,13 @@ treeview.view header.button.dnd { border-color: rgba(17, 17, 27, 0.12); border-radius: 0; box-shadow: none; - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; - color: #7287fd; + color: #8caaee; } treeview.view acceleditor > label { - background-color: #7287fd; + background-color: #8caaee; } /********* @@ -1944,7 +1944,7 @@ menu, .context-menu { margin: 6px; padding: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; border-radius: 12px; border: 1px solid rgba(17, 17, 27, 0); @@ -1952,7 +1952,7 @@ menu, .csd menu, .csd .menu, .csd .context-menu { border: none; - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.15); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.15); } menu menuitem, @@ -2030,7 +2030,7 @@ menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), menu .view:selected, .menu .view:selected, .context-menu .view:selected { - background-color: rgba(222, 223, 228, 0.987); + background-color: rgba(184, 193, 228, 0.987); } menu > arrow, @@ -2039,7 +2039,7 @@ menu > arrow, min-height: 16px; min-width: 16px; padding: 4px; - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.6); } @@ -2087,7 +2087,7 @@ menu separator, popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 0; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; } @@ -2129,7 +2129,7 @@ popover.background > scrolledwindow > viewport.frame > list > row { popover.background .view:not(:selected), popover.background toolbar { - background-color: #eff1f5; + background-color: #c6d0f5; } popover.background .linked > button:not(.radio) { @@ -2190,7 +2190,7 @@ tabbox > tab:disabled, notebook > header tab:disabled { tabbox > tab:checked, notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } @@ -2204,7 +2204,7 @@ frame > paned > notebook > header, notebook.frame > header { } notebook, notebook.frame { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; } @@ -2337,7 +2337,7 @@ notebook > stack:not(:only-child) { **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #eff1f5; + background-color: #c6d0f5; } * { @@ -2409,14 +2409,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(239, 241, 245, 0.3); + border: 1px solid rgba(198, 208, 245, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(239, 241, 245, 0.3); + border: 1px solid rgba(198, 208, 245, 0.3); border-radius: 9999px; background-color: rgba(17, 17, 27, 0.38); background-clip: padding-box; @@ -2444,7 +2444,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(239, 241, 245, 0.9); + background-color: rgba(198, 208, 245, 0.9); } scrollbar.horizontal slider { @@ -2493,7 +2493,7 @@ switch { } switch:checked { - background-color: #7287fd; + background-color: #8caaee; } switch:disabled { @@ -2588,29 +2588,29 @@ radio:disabled { check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { - box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.15); - background-color: #a4b2fe; + box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.15); + background-color: #b8cbf5; } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { - box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.2); - background-color: #7287fd; + box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.2); + background-color: #8caaee; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { - color: rgba(239, 241, 245, 0.5); - background-color: rgba(114, 135, 253, 0.35); + color: rgba(17, 17, 27, 0.38); + background-color: rgba(140, 170, 238, 0.35); } popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { @@ -2724,8 +2724,8 @@ treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, tr } treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); background-image: none; } @@ -2779,11 +2779,11 @@ scale trough:disabled { scale highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#7287fd); + background-image: image(#8caaee); } scale highlight:disabled { - background-color: #eff1f5; + background-color: #c6d0f5; background-image: image(rgba(17, 17, 27, 0.26)); } @@ -2799,17 +2799,17 @@ scale fill:disabled { scale slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 9999px; - color: #7287fd; - background-color: #eff1f5; - box-shadow: inset 0 0 0 2px #7287fd; + color: #8caaee; + background-color: #c6d0f5; + box-shadow: inset 0 0 0 2px #8caaee; } scale slider:hover { - box-shadow: inset 0 0 0 2px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12); + box-shadow: inset 0 0 0 2px #8caaee, 0 0 0 8px rgba(17, 17, 27, 0.12); } scale slider:active { - box-shadow: inset 0 0 0 4px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12); + box-shadow: inset 0 0 0 4px #8caaee, 0 0 0 8px rgba(17, 17, 27, 0.12); } scale slider:disabled { @@ -3121,7 +3121,7 @@ progressbar trough { progressbar progress { border-radius: 6px; - background-color: #7287fd; + background-color: #8caaee; } progressbar.osd { @@ -3135,7 +3135,7 @@ progressbar.osd trough { } progressbar.osd progress { - background-color: #7287fd; + background-color: #8caaee; } progressbar trough.empty progress { @@ -3174,15 +3174,15 @@ levelbar trough { } levelbar block.low { - background-color: #df8e1d; + background-color: #e5c890; } levelbar block.high, levelbar block:not(.empty) { - background-color: #7287fd; + background-color: #8caaee; } levelbar block.full { - background-color: #40a02b; + background-color: #a6d189; } levelbar block.empty { @@ -3195,7 +3195,7 @@ levelbar block.empty { printdialog paper { padding: 0; border: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -3229,7 +3229,7 @@ frame.flat > border, frame > border.flat, statusbar frame > border { actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; } @@ -3289,7 +3289,7 @@ junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } junction:dir(rtl) { @@ -3369,7 +3369,7 @@ window.background.csd stack stack stack frame > list row:focus, window.backgroun list { border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } list row { @@ -3439,7 +3439,7 @@ row:selected:disabled label { } .app-notification button.text-button:not(:disabled) { - color: #7287fd; + color: #8caaee; } .app-notification.frame, @@ -3511,7 +3511,7 @@ calendar:indeterminate { * Dialogs * ***********/ messagedialog.background { - background-color: #eff1f5; + background-color: #c6d0f5; } messagedialog.background.csd { @@ -3523,12 +3523,12 @@ messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: none; - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } messagedialog .titlebar:backdrop { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.6); } @@ -3545,15 +3545,15 @@ messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog- } messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { - color: #7287fd; + color: #8caaee; } messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { - color: #d20f39; + color: #e78284; } .csd filechooser { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 0 0 12px 12px; } @@ -3563,7 +3563,7 @@ filechooser .dialog-action-box { filechooser #pathbarbox { border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } filechooser stack.view { @@ -3628,7 +3628,7 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned . stacksidebar.sidebar list { padding: 3px; - background-color: #eff1f5; + background-color: #c6d0f5; } stacksidebar.sidebar row { @@ -3638,13 +3638,13 @@ stacksidebar.sidebar row { } stacksidebar.sidebar row:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); font-weight: 500; } stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } stacksidebar.sidebar row + row { @@ -3722,11 +3722,11 @@ placessidebar.sidebar row.sidebar-placeholder-row { } placessidebar.sidebar row.sidebar-new-bookmark-row { - color: #7287fd; + color: #8caaee; } placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #7287fd; + color: #8caaee; } placessidebar.sidebar row:drop(active) { @@ -3764,7 +3764,7 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; background-image: image(rgba(17, 17, 27, 0.12)), image(rgba(17, 17, 27, 0.12)); background-size: 1px 1px, 1px 1px; } @@ -3815,66 +3815,66 @@ infobar { } infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #eff1f5; + background-color: #c6d0f5; } infobar.info > revealer > box link:link, infobar.info:hover > revealer > box link:link, infobar.info:backdrop > revealer > box link:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { - color: #7287fd; + color: #8caaee; } infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } infobar.action > revealer > box link:link, infobar.action:backdrop > revealer > box link:link, infobar.question > revealer > box link:link, infobar.question:backdrop > revealer > box link:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #8b9cfd; + background-color: #a2baf1; } infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #df8e1d; - color: #eff1f5; + background-color: #e5c890; + color: rgba(17, 17, 27, 0.87); } infobar.warning > revealer > box link:link, infobar.warning:backdrop > revealer > box link:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.warning:hover > revealer > box { - background-color: #e49a31; + background-color: #ead2a5; } infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #d20f39; - color: #eff1f5; + background-color: #e78284; + color: rgba(17, 17, 27, 0.87); } infobar.error > revealer > box link:link, infobar.error:backdrop > revealer > box link:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.error:hover > revealer > box { - background-color: #ea113f; + background-color: #eb9799; } /************ @@ -3886,8 +3886,8 @@ tooltip { } tooltip.background { - background-color: rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + color: #c6d0f5; } tooltip.background.csd { @@ -3948,7 +3948,7 @@ colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { } colorswatch.dark { - color: #eff1f5; + color: #c6d0f5; } colorswatch.light { @@ -3960,7 +3960,7 @@ colorswatch overlay { } colorswatch overlay:hover { - box-shadow: 0 0 0 2px #7287fd; + box-shadow: 0 0 0 2px #8caaee; } colorswatch#add-color-button { @@ -4007,19 +4007,19 @@ colorswatch#editor-color-sample overlay:hover { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); } /******** * Misc * ********/ .content-view { - background-color: #eff1f5; + background-color: #c6d0f5; } /********************** @@ -4028,7 +4028,7 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 12px; - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0), 0 0 36px transparent; margin: 8px; } @@ -4180,7 +4180,7 @@ button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) * Touch Copy & Paste * **********************/ cursor-handle { - color: #7287fd; + color: #8caaee; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -4211,13 +4211,13 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) border: solid 1px rgba(17, 17, 27, 0.12); border-radius: 7px; box-shadow: inset 0 -2px rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); font-size: smaller; } :not(decoration):not(window):drop(active) { - caret-color: #7287fd; + caret-color: #8caaee; } stackswitcher { @@ -4245,7 +4245,7 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } @@ -4288,7 +4288,7 @@ button.emoji-section { } button.emoji-section:checked { - color: #7287fd; + color: #8caaee; } button.emoji-section:not(:last-child) { @@ -4337,7 +4337,7 @@ popover.emoji-completion .emoji:hover { } .nautilus-window.background.csd:backdrop { - background-color: #eff1f5; + background-color: #c6d0f5; } .nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator, @@ -4359,7 +4359,7 @@ popover.emoji-completion .emoji:hover { } .nautilus-window.background.csd:not(.unified) notebook { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 0 0 12px 12px; } @@ -4386,8 +4386,8 @@ popover.emoji-completion .emoji:hover { .nautilus-window.background.csd:not(.unified) paned > separator.wide { min-width: 12px; - box-shadow: 12px 0 #eff1f5; - background-color: #eff1f5; + box-shadow: 12px 0 #c6d0f5; + background-color: #c6d0f5; background-image: image(#c2c5cc); } @@ -4401,13 +4401,13 @@ popover.emoji-completion .emoji:hover { margin: 6px; border-style: none; border-radius: 6px; - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .nautilus-window .floating-bar button { margin: 4px; - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } .nautilus-canvas-item.dim-label, @@ -4417,7 +4417,7 @@ popover.emoji-completion .emoji:hover { .nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, .nautilus-desktop.nautilus-canvas-item { - color: #eff1f5; + color: #c6d0f5; } @keyframes nautilus-operations-button-needs-attention { @@ -4519,8 +4519,8 @@ popover.emoji-completion .emoji:hover { } .disk-space-display.used { - background-color: #7287fd; - color: #7287fd; + background-color: #8caaee; + color: #8caaee; } .disk-space-display.free { @@ -4531,12 +4531,12 @@ popover.emoji-completion .emoji:hover { .search-information { padding: 2px; border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } .conflict-row:not(:selected) { - background-color: #ead3b4; + background-color: #cfced7; } .nautilus-window flowboxchild .icon-item-background { @@ -4627,8 +4627,8 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s } .open-document-selector-match { - background-color: #df8e1d; - color: #eff1f5; + background-color: #e5c890; + color: rgba(17, 17, 27, 0.87); } .gedit-document-panel { @@ -4652,7 +4652,7 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s .gedit-search-slider { margin: 0 6px 10px; padding: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 0 0 12px 12px; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(17, 17, 27, 0); } @@ -4679,19 +4679,19 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s } .gedit-search-slider .linked:not(.vertical) > entry:not(.error) { - background-color: #eff1f5; + background-color: #c6d0f5; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { - color: rgba(239, 241, 245, 0.7); + color: rgba(17, 17, 27, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(17, 17, 27, 0.26); } frame.gedit-map-frame > border:dir(ltr) { @@ -4720,16 +4720,16 @@ frame.gedit-map-frame > border:dir(rtl) { .tweak-group-white, .tweak-white, .tweak-white:hover { - background-image: image(#eff1f5); + background-image: image(#c6d0f5); } .tweak-startup, .tweak-startup:hover { - background-image: image(#eff1f5); + background-image: image(#c6d0f5); } .tweak-group-startup { - background-image: image(#eff1f5); + background-image: image(#c6d0f5); } .tweak-group-startup row.tweak-startup { @@ -4793,7 +4793,7 @@ window.background.csd > box.horizontal > stack.background frame > border { window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #eff1f5; + background-color: #c6d0f5; border-bottom-right-radius: 12px; } @@ -4813,7 +4813,7 @@ window.background.csd > box.horizontal frame.view { window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #eff1f5; + background-color: #c6d0f5; border-bottom-left-radius: 12px; } @@ -4895,7 +4895,7 @@ hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not( * Gnome system monitor * ************************/ window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 0 0 12px 12px; } @@ -5042,18 +5042,18 @@ window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked } .polari-room-list .sidebar > row.activatable:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } stack.view.polari-entry-area { - background-color: #eff1f5; + background-color: #c6d0f5; border-top: 1px solid rgba(17, 17, 27, 0.12); border-bottom-right-radius: 12px; } stack:disabled.view.polari-entry-area { - background-image: image(#eff1f5); + background-image: image(#c6d0f5); } /*********** @@ -5061,7 +5061,7 @@ stack:disabled.view.polari-entry-area { ***********/ layouttabbar { border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } layouttabbar > box > button { @@ -5073,8 +5073,8 @@ layouttab { border-style: none solid; border-width: 1px; border-color: rgba(17, 17, 27, 0); - box-shadow: inset 0 -2px #7287fd; - background-color: #eff1f5; + box-shadow: inset 0 -2px #8caaee; + background-color: #c6d0f5; } layouttab separator.vertical { @@ -5093,8 +5093,8 @@ layout { } entry.search-missing { - background-color: #d20f39; - color: #eff1f5; + background-color: #e78284; + color: rgba(17, 17, 27, 0.87); } window.workbench treeview.image { @@ -5140,7 +5140,7 @@ popover.omnibar list row:not(:last-child) { entry.preferences-search { border-bottom: 1px solid rgba(17, 17, 27, 0.12); box-shadow: none; - background-color: #eff1f5; + background-color: #c6d0f5; } preferences stacksidebar.sidebar list { @@ -5205,13 +5205,13 @@ dockpaned { eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } docktab { @@ -5223,7 +5223,7 @@ docktab { border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; - background-image: radial-gradient(circle, #7287fd 10%, transparent 0%); + background-image: radial-gradient(circle, #8caaee 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -5238,7 +5238,7 @@ docktab:hover { docktab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #7287fd; + box-shadow: inset 0 -2px #8caaee; background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; @@ -5246,7 +5246,7 @@ docktab:checked { } dockoverlayedge { - background-color: #eff1f5; + background-color: #c6d0f5; } dockoverlayedge docktabstrip { @@ -5255,22 +5255,22 @@ dockoverlayedge docktabstrip { } dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #7287fd; + box-shadow: inset -2px 0 #8caaee; } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #7287fd; + box-shadow: inset 2px 0 #8caaee; } pillbox { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 6px; } layoutpane entry.search { border-bottom: 1px solid rgba(17, 17, 27, 0.12); box-shadow: none; - background-color: #eff1f5; + background-color: #c6d0f5; } editortweak entry.search { @@ -5325,7 +5325,7 @@ idelayoutstackheader button:checked { ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; - background-color: #eff1f5; + background-color: #c6d0f5; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { @@ -5343,7 +5343,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button { } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle, rgba(114, 135, 253, 0.7) 10%, transparent 0%); + background-image: radial-gradient(circle, rgba(140, 170, 238, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { @@ -5356,7 +5356,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #7287fd; + box-shadow: inset -2px 0 #8caaee; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { @@ -5364,7 +5364,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #7287fd; + box-shadow: inset 2px 0 #8caaee; } ideeditorsidebar notebook header { @@ -5390,8 +5390,8 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); font-weight: bold; } @@ -5424,7 +5424,7 @@ button.photos-filter-preview:checked { } button.photos-filter-preview:checked image { - color: #eff1f5; + color: #c6d0f5; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { @@ -5457,11 +5457,11 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { } .side-panel .view:selected { - background-image: image(#7287fd); + background-image: image(#8caaee); } .side-panel .view:selected:hover { - background-image: image(#7c8ffc); + background-image: image(rgba(132, 160, 225, 0.9896)); } .songs-list:hover { @@ -5520,16 +5520,16 @@ window.background.csd evview.view.content-view { *********************************/ .background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; - background-color: #eff1f5; + background-color: #c6d0f5; } .background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { - background-color: #eff1f5; + background-color: #c6d0f5; } .background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; - background-color: #eff1f5; + background-color: #c6d0f5; } /************ @@ -5667,8 +5667,8 @@ list.categories { min-height: 24px; padding: 0 4px; border-radius: 6px; - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; } /************** @@ -5716,7 +5716,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: none; border-bottom: 1px solid rgba(17, 17, 27, 0); } @@ -5732,7 +5732,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer- } .geary-main-window.unified > deck > overlay > .geary-main-layout { - background-color: #eff1f5; + background-color: #c6d0f5; } .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > headerbar, @@ -5769,8 +5769,8 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer- .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active { border-radius: 6px; - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .geary-main-window.unified separator.geary-sidebar-pane-separator { @@ -5781,7 +5781,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer- .geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { border: 1px solid rgba(17, 17, 27, 0.12); border-bottom-width: 0; - background-color: #eff1f5; + background-color: #c6d0f5; } .geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child { @@ -5837,7 +5837,7 @@ dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwin dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { border-radius: 0 0 12px 12px; - background-color: #eff1f5; + background-color: #c6d0f5; } dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), @@ -5882,7 +5882,7 @@ window.background.csd.unified headerbar { } window.background.csd.unified > decoration-overlay { - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.15); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.15); } window.background.csd.unified, @@ -5931,7 +5931,7 @@ overlay > revealer.right > scrolledwindow.frame { .terminix-session-sidebar, .tilix-session-sidebar { - background-image: image(#eff1f5); + background-image: image(#c6d0f5); } .terminal-titlebar button { @@ -5955,7 +5955,7 @@ button.flat.tilix-small-button { * Terminator * **************/ .terminator-terminal-window paned > separator { - background-color: #eff1f5; + background-color: #c6d0f5; } .terminator-terminal-window notebook.frame { @@ -5990,7 +5990,7 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ window.background.chromium { - background-color: #eff1f5; + background-color: #c6d0f5; } window.background.chromium entry, @@ -5999,7 +5999,7 @@ window.background.chromium > button { } window.background.chromium > button { - color: #7287fd; + color: #8caaee; } window.background.chromium > button:disabled { @@ -6016,7 +6016,7 @@ window.background.chromium headerbar button:active { } window.background.chromium spinner { - color: #7287fd; + color: #8caaee; } window.background.chromium textview.view { @@ -6024,17 +6024,17 @@ window.background.chromium textview.view { } window.background.chromium treeview.view.cell:selected:focus { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } window.background.chromium treeview.view button { border: 1px solid rgba(17, 17, 27, 0.26); - background-color: #eff1f5; + background-color: #c6d0f5; } window.background.chromium menu { - border-color: #b0bace; + border-color: #6f88e6; } window.background.chromium menu menuitem { @@ -6042,19 +6042,19 @@ window.background.chromium menu menuitem { } tooltip.background.chromium { - background-color: #2b2b3b; + background-color: #3b3e50; } /*********** * Firefox * ***********/ #MozillaGtkWidget > widget text { - background-color: #eff1f5; + background-color: #c6d0f5; } #MozillaGtkWidget > widget text:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } #MozillaGtkWidget > widget > separator { @@ -6083,12 +6083,12 @@ tooltip.background.chromium { #MozillaGtkWidget > widget > entry { min-height: 30px; - background-color: #eff1f5; + background-color: #c6d0f5; } #MozillaGtkWidget > widget > entry:focus { - border-color: #7287fd; - box-shadow: inset 0 0 0 1px #7287fd; + border-color: #8caaee; + box-shadow: inset 0 0 0 1px #8caaee; } #MozillaGtkWidget > widget > entry:disabled { @@ -6243,7 +6243,7 @@ scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-but * Libreoffice * ***************/ window.background > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box { - background-color: #eff1f5; + background-color: #c6d0f5; } /********* @@ -6275,7 +6275,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #7287fd; + -UnityDecoration-glow-color: #8caaee; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -6285,7 +6285,7 @@ UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 12px 12px 0 0; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: inset 0 1px rgba(198, 208, 245, 0.15); background-color: #e6e9ef; color: rgba(17, 17, 27, 0.87); } @@ -6300,7 +6300,7 @@ UnityDecoration .menuitem { } UnityDecoration .menuitem:hover { - box-shadow: inset 0 -2px #7287fd; + box-shadow: inset 0 -2px #8caaee; background-color: transparent; color: rgba(17, 17, 27, 0.87); } @@ -6332,7 +6332,7 @@ UnityPanelWidget:backdrop, .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { - box-shadow: inset 0 -2px #7287fd; + box-shadow: inset 0 -2px #8caaee; background-color: transparent; color: rgba(17, 17, 27, 0.87); } @@ -6340,7 +6340,7 @@ UnityPanelWidget:backdrop, .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #7287fd; + color: #8caaee; } /************** @@ -6450,7 +6450,7 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #7287fd; + color: #8caaee; } PanelApplet.wnck-applet .wnck-pager:hover { @@ -6462,7 +6462,7 @@ PanelApplet.wnck-applet .wnck-pager:active { } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #7287fd; + background-color: #8caaee; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -6476,8 +6476,8 @@ PanelApplet.wnck-applet .wnck-pager:selected { #MatePanelPopupWindow { border: 1px solid rgba(17, 17, 27, 0); border-radius: 7px; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } #MatePanelPopupWindow frame > border { @@ -6522,8 +6522,8 @@ na-tray-applet { .mate-panel-applet-slider { border: 1px solid rgba(17, 17, 27, 0); border-radius: 7px; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } .mate-panel-applet-slider frame > border { @@ -6541,7 +6541,7 @@ na-tray-applet { #mate-menu { border: 1px solid rgba(17, 17, 27, 0); - background-color: #eff1f5; + background-color: #c6d0f5; } #mate-menu button { @@ -6575,8 +6575,8 @@ na-tray-applet { } .brisk-menu { - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } .brisk-menu entry { @@ -6606,7 +6606,7 @@ na-tray-applet { } .brisk-menu .categories-list button:checked { - color: #7287fd; + color: #8caaee; } .brisk-menu .session-button { @@ -6658,7 +6658,7 @@ na-tray-applet { .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { - background-color: #eff1f5; + background-color: #c6d0f5; } .caja-side-pane notebook, @@ -6690,8 +6690,8 @@ na-tray-applet { } .caja-desktop.view .entry { - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; caret-color: currentColor; } @@ -6711,7 +6711,7 @@ na-tray-applet { #caja-extra-view-widget { border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } #caja-extra-view-widget > box > box > label { @@ -6777,8 +6777,8 @@ na-tray-applet { .lock-dialog { border: 1px solid rgba(17, 17, 27, 0); border-radius: 7px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } .lock-dialog frame > border { @@ -6786,24 +6786,24 @@ na-tray-applet { } .lock-dialog button:not(:disabled) { - color: #7287fd; + color: #8caaee; } /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 6px; - background-color: rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + color: #c6d0f5; } MsdOsdWindow.background.osd .trough { border-radius: 0; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } MsdOsdWindow.background.osd .progressbar { border-radius: 0; - background-color: #7287fd; + background-color: #8caaee; } /****************** @@ -6829,7 +6829,7 @@ MsdOsdWindow.background.osd .progressbar { border: 1px solid rgba(17, 17, 27, 0); box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-clip: padding-box; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; } @@ -7135,7 +7135,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel .alert { - color: #d20f39; + color: #e78284; } .budgie-panel .titlebar:not(headerbar) { @@ -7265,7 +7265,7 @@ frame.raven-frame > border { } .raven { - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } @@ -7313,7 +7313,7 @@ frame.raven-frame > border { border-style: solid none; border-width: 1px; border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } .raven .raven-background > overlay > widget > image { @@ -7373,8 +7373,8 @@ calendar.raven-calendar:selected { } .raven-mpris { - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; } .raven-mpris label { @@ -7445,8 +7445,8 @@ calendar.raven-calendar:selected { margin: 5px 9px; padding: 3px; border-radius: 12px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } .drop-shadow .linked > button { @@ -7456,7 +7456,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { - background-color: #eff1f5; + background-color: #c6d0f5; border: none; padding: 0; } @@ -7510,7 +7510,7 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .failure { - color: #d20f39; + color: #e78284; } .budgie-run-dialog entry.search { @@ -7533,7 +7533,7 @@ calendar.raven-calendar:selected { * Xfce4 Apps * **************/ .XfceHeading { - background-color: #eff1f5; + background-color: #c6d0f5; } /*************** @@ -7566,13 +7566,13 @@ wnck-pager:active { } wnck-pager:selected { - background-color: #7287fd; + background-color: #8caaee; } XfdesktopIconView.view { border-radius: 6px; background-color: transparent; - color: #eff1f5; + color: #c6d0f5; } XfdesktopIconView.view:active { @@ -7590,7 +7590,7 @@ window#whiskermenu-window { } window#whiskermenu-window entry.search:focus { - background-color: #eff1f5; + background-color: #c6d0f5; } window#whiskermenu-window > frame > border { @@ -7598,8 +7598,8 @@ window#whiskermenu-window > frame > border { padding: 6px 8px 6px 9px; margin: 6px; border: none; - background-color: #eff1f5; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0), inset 0 0 0 1px rgba(239, 241, 245, 0.15); + background-color: #c6d0f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0), inset 0 0 0 1px rgba(198, 208, 245, 0.15); } window#whiskermenu-window box.categories > button.radio { @@ -7622,7 +7622,7 @@ window#whiskermenu-window box.categories > button.radio:checked:hover, window#wh window#whiskermenu-window scrolledwindow.frame { padding: 3px; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 6px; } @@ -7726,8 +7726,8 @@ menubar.-vala-panel-background > menuitem:disabled { * LightDM GTK+ Greeter * ************************/ #panel_window { - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; } #panel_window menubar, @@ -7744,15 +7744,15 @@ menubar.-vala-panel-background > menuitem:disabled { } #panel_window menubar > menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #panel_window menubar > menuitem:hover { - color: #eff1f5; + color: #c6d0f5; } #panel_window menubar > menuitem:disabled label { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } #login_window, @@ -7760,8 +7760,8 @@ menubar.-vala-panel-background > menuitem:disabled { #restart_dialog { margin: 8px; border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } #content_frame { @@ -7778,7 +7778,7 @@ menubar.-vala-panel-background > menuitem:disabled { } #buttonbox_frame button:not(:disabled) { - color: #7287fd; + color: #8caaee; } /******** @@ -7859,8 +7859,8 @@ menubar.-vala-panel-background > menuitem:disabled { } .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: rgba(184, 185, 191, 0.961); - -NemoPlacesTreeView-disk-full-fg-color: #7287fd; + -NemoPlacesTreeView-disk-full-bg-color: rgba(153, 161, 191, 0.961); + -NemoPlacesTreeView-disk-full-fg-color: #8caaee; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; @@ -7880,19 +7880,19 @@ text color for entries, views and content in general */ @define-color theme_text_color rgba(17, 17, 27, 0.87); /* widget base background color */ -@define-color theme_bg_color #eff1f5; +@define-color theme_bg_color #c6d0f5; /* text widgets and the like base background color */ -@define-color theme_base_color #eff1f5; +@define-color theme_base_color #c6d0f5; /* base background color of selections */ -@define-color theme_selected_bg_color #7287fd; +@define-color theme_selected_bg_color #8caaee; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #eff1f5; +@define-color theme_selected_fg_color rgba(17, 17, 27, 0.87); /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #eff1f5; +@define-color insensitive_bg_color #c6d0f5; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(17, 17, 27, 0.38); @@ -7907,16 +7907,16 @@ text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(17, 17, 27, 0.87); /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #eff1f5; +@define-color theme_unfocused_bg_color #c6d0f5; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #eff1f5; +@define-color theme_unfocused_base_color #c6d0f5; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #7287fd; +@define-color theme_unfocused_selected_bg_color #8caaee; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #eff1f5; +@define-color theme_unfocused_selected_fg_color rgba(17, 17, 27, 0.87); /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(17, 17, 27, 0.38); @@ -7928,16 +7928,16 @@ widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(17, 17, 27, 0.12); /* these are pretty self explicative */ -@define-color warning_color #df8e1d; -@define-color error_color #d20f39; -@define-color success_color #40a02b; +@define-color warning_color #e5c890; +@define-color error_color #e78284; +@define-color success_color #a6d189; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title rgba(17, 17, 27, 0.87); @define-color wm_unfocused_title rgba(17, 17, 27, 0.6); -@define-color wm_highlight rgba(239, 241, 245, 0.15); -@define-color wm_border #9b9d9f; +@define-color wm_highlight rgba(198, 208, 245, 0.15); +@define-color wm_border #81879f; @define-color wm_bg #e6e9ef; @define-color wm_unfocused_bg #dce0e8; @define-color wm_button_icon white; @@ -7949,14 +7949,14 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_button_min_active_bg #d9af5e; /* FIXME this is really an API */ -@define-color content_view_bg #eff1f5; -@define-color placeholder_text_color #6a6b72; +@define-color content_view_bg #c6d0f5; +@define-color placeholder_text_color #595d72; /* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #eff1f5; +@define-color text_view_bg #c6d0f5; @define-color budgie_tasklist_indicator_color white; @define-color budgie_tasklist_indicator_color_active white; @define-color budgie_tasklist_indicator_color_active_window #f4f5f8; -@define-color budgie_tasklist_indicator_color_attention #df8e1d; +@define-color budgie_tasklist_indicator_color_attention #e5c890; @define-color STRAWBERRY_100 #FF9262; @define-color STRAWBERRY_300 #FF793E; @define-color STRAWBERRY_500 #F15D22; diff --git a/src/main/gtk-3.0/gtk.css b/src/main/gtk-3.0/gtk.css index e5a090c5..453b41fc 100644 --- a/src/main/gtk-3.0/gtk.css +++ b/src/main/gtk-3.0/gtk.css @@ -12,17 +12,17 @@ @keyframes ripple-on-headerbar { from { - background-image: radial-gradient(circle, #7287fd 0%, transparent 0%); + background-image: radial-gradient(circle, #8caaee 0%, transparent 0%); } to { - background-image: radial-gradient(circle, #7287fd 100%, transparent 0%); + background-image: radial-gradient(circle, #8caaee 100%, transparent 0%); } } * { background-clip: padding-box; -GtkToolButton-icon-spacing: 0; - -GtkTextView-error-underline-color: #d20f39; + -GtkTextView-error-underline-color: #e78284; -GtkScrolledWindow-scrollbar-spacing: 0; -GtkToolItemGroup-expander-size: 11; -GtkWidget-text-handle-width: 24; @@ -34,7 +34,7 @@ outline-color: transparent; outline-offset: -4px; -gtk-outline-radius: 6px; - -gtk-secondary-caret-color: #7287fd; + -gtk-secondary-caret-color: #8caaee; } *:focus { @@ -48,14 +48,14 @@ XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > } .nemo-window .view selection, .nemo-window .view:selected, .nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected { - color: #7287fd; - background-color: rgba(114, 135, 253, 0.2); + color: #8caaee; + background-color: rgba(140, 170, 238, 0.2); } .nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, spinbutton.vertical selection, spinbutton:not(.vertical) selection, entry selection, label selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } .linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry { @@ -98,7 +98,7 @@ entry selection, label selection, textview text selection:focus, textview text s * Base States * ***************/ .background { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -115,32 +115,32 @@ entry selection, label selection, textview text selection:focus, textview text s } .gtkstyle-fallback { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } .gtkstyle-fallback:hover { - background-color: #dfe3eb; + background-color: #b0bef1; color: rgba(17, 17, 27, 0.87); } .gtkstyle-fallback:active { - background-color: #d0d6e1; + background-color: #9baced; color: rgba(17, 17, 27, 0.87); } .gtkstyle-fallback:disabled { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.38); } .gtkstyle-fallback:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .view { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -161,7 +161,7 @@ window.background.csd > stack.view { } textview text { - background-color: #eff1f5; + background-color: #c6d0f5; } textview border { @@ -347,8 +347,8 @@ XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband, flowbox treeview.view flowbox .content-view rubberband, flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband, XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband { - border: 1px solid #7287fd; - background-color: rgba(114, 135, 253, 0.3); + border: 1px solid #8caaee; + background-color: rgba(140, 170, 238, 0.3); } flowbox flowboxchild { @@ -378,8 +378,8 @@ headerbar label:disabled, tab label:disabled, button label:disabled { label.osd { border-radius: 6px; - background-color: rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + color: #c6d0f5; } .dim-label { @@ -443,7 +443,7 @@ entry { spinbutton.vertical:focus, spinbutton:focus:not(.vertical), entry:focus { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #7287fd; + box-shadow: inset 0 0 0 2px #8caaee; } spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical), @@ -532,7 +532,7 @@ entry.error { spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), entry.error:focus { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #d20f39; + box-shadow: inset 0 0 0 2px #e78284; } spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), @@ -553,7 +553,7 @@ entry.warning { spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), entry.warning:focus { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #df8e1d; + box-shadow: inset 0 0 0 2px #e5c890; } spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), @@ -566,12 +566,12 @@ entry.warning:disabled { spinbutton.vertical progress, spinbutton:not(.vertical) progress, entry progress { margin: 2px -8px; - border-bottom: 2px solid #7287fd; + border-bottom: 2px solid #8caaee; background-color: transparent; } treeview entry.flat, treeview entry { - background-color: #eff1f5; + background-color: #c6d0f5; } treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { @@ -619,27 +619,27 @@ 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(#7287fd), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8caaee), to(transparent)); } to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#7287fd), to(transparent)); + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8caaee), to(transparent)); } } .xfce4-panel.background button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked { - color: #eff1f5; + color: #c6d0f5; } .xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button { @@ -655,7 +655,7 @@ actionbar > revealer > box .linked > button:not(.suggested-action):not(.destruct } actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { - box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35); + box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35); } actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover { @@ -677,8 +677,8 @@ actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not( } actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { @@ -851,18 +851,18 @@ button.osd { min-width: 24px; min-width: 24px; padding: 12px 16px; - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } button.osd:hover { - background-color: #8194fc; - color: #eff1f5; + background-color: rgba(128, 155, 218, 0.9844); + color: rgba(17, 17, 27, 0.87); } button.osd:active { - background-color: #93a3fb; - color: #eff1f5; + background-color: rgba(114, 137, 193, 0.9662); + color: rgba(17, 17, 27, 0.87); } button.osd.image-button, button.osd.circular { @@ -878,8 +878,8 @@ button.osd:disabled { } button.suggested-action { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); box-shadow: none; } @@ -890,24 +890,24 @@ button.suggested-action:disabled { } button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(114, 135, 253, 0.2), 0 4px 3px 0 rgba(114, 135, 253, 0.14), 0 1px 6px 0 rgba(114, 135, 253, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(140, 170, 238, 0.2), 0 4px 3px 0 rgba(140, 170, 238, 0.14), 0 1px 6px 0 rgba(140, 170, 238, 0.12); } button.suggested-action:checked { - background-color: #98a7fb; + background-color: rgba(109, 132, 186, 0.961); } button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(114, 135, 253, 0.3), 0 2px 3px -1px rgba(114, 135, 253, 0.24), 0 2px 5px 0 rgba(114, 135, 253, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(140, 170, 238, 0.3), 0 2px 3px -1px rgba(140, 170, 238, 0.24), 0 2px 5px 0 rgba(140, 170, 238, 0.12); } button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35); + box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35); } button.suggested-action.flat { background-color: transparent; - color: #7287fd; + color: #8caaee; } button.suggested-action.flat:disabled { @@ -917,12 +917,12 @@ button.suggested-action.flat:disabled { } button.suggested-action.flat:checked { - background-color: rgba(114, 135, 253, 0.3); + background-color: rgba(140, 170, 238, 0.3); } button.destructive-action { - background-color: #d20f39; - color: #eff1f5; + background-color: #e78284; + color: rgba(17, 17, 27, 0.87); box-shadow: none; } @@ -933,24 +933,24 @@ button.destructive-action:disabled { } button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(210, 15, 57, 0.2), 0 4px 3px 0 rgba(210, 15, 57, 0.14), 0 1px 6px 0 rgba(210, 15, 57, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(231, 130, 132, 0.2), 0 4px 3px 0 rgba(231, 130, 132, 0.14), 0 1px 6px 0 rgba(231, 130, 132, 0.12); } button.destructive-action:checked { - background-color: #db5371; + background-color: rgba(178, 102, 106, 0.961); } button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(210, 15, 57, 0.3), 0 2px 3px -1px rgba(210, 15, 57, 0.24), 0 2px 5px 0 rgba(210, 15, 57, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(231, 130, 132, 0.3), 0 2px 3px -1px rgba(231, 130, 132, 0.24), 0 2px 5px 0 rgba(231, 130, 132, 0.12); } button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(210, 15, 57, 0.35); + box-shadow: 0 0 0 2px rgba(231, 130, 132, 0.35); } button.destructive-action.flat { background-color: transparent; - color: #d20f39; + color: #e78284; } button.destructive-action.flat:disabled { @@ -960,7 +960,7 @@ button.destructive-action.flat:disabled { } button.destructive-action.flat:checked { - background-color: rgba(210, 15, 57, 0.3); + background-color: rgba(231, 130, 132, 0.3); } .stack-switcher > button > label { @@ -1027,19 +1027,19 @@ button.color { * Links * *********/ *:link { - color: #7287fd; + color: #8caaee; } *:visited { - color: #8839ef; + color: #ca9ee6; } button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #7287fd; + color: #8caaee; } button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #8839ef; + color: #ca9ee6; } button.link > label { @@ -1225,7 +1225,7 @@ button.combo:only-child:hover { button.combo:only-child:checked { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #7287fd; + box-shadow: inset 0 0 0 2px #8caaee; } button.combo:only-child:disabled { @@ -1240,7 +1240,7 @@ button.combo:only-child:disabled { toolbar { -GtkWidget-window-dragging: true; padding: 2px; - background-color: #eff1f5; + background-color: #c6d0f5; } .osd toolbar { @@ -1251,12 +1251,12 @@ frame.documents-dropdown, .app-notification, toolbar.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); } frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { @@ -1319,7 +1319,7 @@ searchbar > revealer > box, border-style: solid; border-width: 0 0 1px; border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; } @@ -1331,7 +1331,7 @@ searchbar > revealer > box { * Header bars * ***************/ .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { @@ -1339,82 +1339,82 @@ searchbar > revealer > box { } .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action) { - color: #eff1f5; + color: #c6d0f5; } .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { background-color: transparent; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .nemo-window .primary-toolbar entry, .titlebar entry { - background-color: rgba(239, 241, 245, 0.04); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.04); + color: #c6d0f5; } .nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } .nemo-window .primary-toolbar entry image, .titlebar entry image { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active { - color: #eff1f5; + color: #c6d0f5; } .nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .titlebar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; border-radius: 12px 12px 0 0; - box-shadow: inset 0 -1px rgba(17, 17, 27, 0), inset 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 -1px rgba(17, 17, 27, 0), inset 0 1px rgba(198, 208, 245, 0.1); } .titlebar:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .titlebar:backdrop { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .titlebar:backdrop:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .csd .titlebar:backdrop { - background-color: #1e1e2e; + background-color: #303446; } .titlebar .title { @@ -1430,12 +1430,12 @@ searchbar > revealer > box { .titlebar .subtitle, .titlebar .dim-label { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .titlebar .subtitle:backdrop, .titlebar .dim-label:backdrop { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .titlebar .titlebar { @@ -1444,22 +1444,22 @@ searchbar > revealer > box { } .titlebar + separator, .titlebar + separator.sidebar { - background-color: #11111b; + background-color: #232634; background-image: none; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -1px rgba(17, 17, 27, 0), inset 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 -1px rgba(17, 17, 27, 0), inset 0 1px rgba(198, 208, 245, 0.1); } .titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop { - background-color: #1e1e2e; + background-color: #303446; } .titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { - background-color: #7287fd; + background-color: #8caaee; } .titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { - background-color: #7287fd; + background-color: #8caaee; } .background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar { @@ -1473,17 +1473,17 @@ searchbar > revealer > box { } .titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled { - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } .titlebar stackswitcher { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } .titlebar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { background-color: rgba(255, 255, 255, 0.15); - color: #eff1f5; + color: #c6d0f5; } .titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { @@ -1495,51 +1495,51 @@ searchbar > revealer > box { .titlebar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 1px rgba(239, 241, 245, 0.2), inset 0 -1px rgba(17, 17, 27, 0); - background-color: #7287fd; - color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.2), inset 0 -1px rgba(17, 17, 27, 0); + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .titlebar.selection-mode:backdrop { - color: rgba(239, 241, 245, 0.7); + color: rgba(17, 17, 27, 0.6); } .titlebar.selection-mode .subtitle:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } .titlebar.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: #eff1f5; + color: rgba(17, 17, 27, 0.87); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(17, 17, 27, 0.38); } .titlebar.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: #eff1f5; + color: rgba(17, 17, 27, 0.87); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(17, 17, 27, 0.38); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) { - color: rgba(239, 241, 245, 0.7); + color: rgba(17, 17, 27, 0.6); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(17, 17, 27, 0.26); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { - color: rgba(239, 241, 245, 0.7); + color: rgba(17, 17, 27, 0.6); } .titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(17, 17, 27, 0.26); } .titlebar.selection-mode .selection-menu { @@ -1556,8 +1556,8 @@ searchbar > revealer > box { } .titlebar .selection-mode { - box-shadow: inset 0 1px rgba(239, 241, 245, 0.2); - background-color: #7287fd; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.2); + background-color: #8caaee; } .tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { @@ -1568,7 +1568,7 @@ searchbar > revealer > box { min-height: 24px; padding: 6px 12px; border-radius: 12px 12px 0 0; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 1px rgba(198, 208, 245, 0.1); } .tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { @@ -1584,7 +1584,7 @@ searchbar > revealer > box { } .background.csd .titlebar.default-decoration { - box-shadow: inset 0 1px rgba(239, 241, 245, 0.1), inset 0 -1px rgba(17, 17, 27, 0); + box-shadow: inset 0 1px rgba(198, 208, 245, 0.1), inset 0 -1px rgba(17, 17, 27, 0); } .background:not(.csd) .titlebar.default-decoration button.titlebutton:active { @@ -1602,7 +1602,7 @@ headerbar { } box.vertical headerbar { - background-color: #11111b; + background-color: #232634; } headerbar entry, @@ -1750,7 +1750,7 @@ treeview.view { treeview.view:selected { background-image: image(alpha(currentColor, 0.1)); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -1806,20 +1806,20 @@ treeview.view.expander:disabled { treeview.view.progressbar { border: none; box-shadow: none; - background-color: #7287fd; + background-color: #8caaee; background-image: none; border-radius: 9999px; - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { box-shadow: none; - background-color: rgba(102, 121, 226, 0.9805); - color: #eff1f5; + background-color: rgba(125, 152, 213, 0.9805); + color: rgba(17, 17, 27, 0.87); } treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { @@ -1859,7 +1859,7 @@ treeview.view header button:not(:focus):not(:hover):not(:active) { } treeview.view header button, treeview.view header button:disabled { - background-color: #eff1f5; + background-color: #c6d0f5; } treeview.view header button:last-child { @@ -1874,13 +1874,13 @@ treeview.view header.button.dnd { border-color: rgba(17, 17, 27, 0.12); border-radius: 0; box-shadow: none; - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; - color: #7287fd; + color: #8caaee; } treeview.view acceleditor > label { - background-color: #7287fd; + background-color: #8caaee; } /********* @@ -1890,14 +1890,14 @@ menubar, .menubar { -GtkWidget-window-dragging: true; padding: 0; - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; box-shadow: inset 0 -1px rgba(17, 17, 27, 0); } menubar:backdrop, .menubar:backdrop { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .csd menubar, .csd .menubar { @@ -1905,7 +1905,7 @@ menubar:backdrop, } .csd menubar:backdrop, .csd .menubar:backdrop { - background-color: #1e1e2e; + background-color: #303446; } menubar > menuitem, @@ -1913,7 +1913,7 @@ menubar > menuitem, transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border-radius: 6px; } @@ -1921,17 +1921,17 @@ menubar > menuitem:hover, .menubar > menuitem:hover { transition: none; background-color: alpha(currentColor, 0.1); - color: #eff1f5; + color: #c6d0f5; } menubar > menuitem:backdrop, .menubar > menuitem:backdrop { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } menubar > menuitem:disabled, .menubar > menuitem:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } menubar > menuitem label:disabled, @@ -1953,7 +1953,7 @@ menu, .context-menu { margin: 6px; padding: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; border-radius: 12px; border: 1px solid rgba(17, 17, 27, 0); @@ -1961,7 +1961,7 @@ menu, .csd menu, .csd .menu, .csd .context-menu { border: none; - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.15); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.15); } menu menuitem, @@ -2039,7 +2039,7 @@ menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), menu .view:selected, .menu .view:selected, .context-menu .view:selected { - background-color: rgba(222, 223, 228, 0.987); + background-color: rgba(184, 193, 228, 0.987); } menu > arrow, @@ -2048,7 +2048,7 @@ menu > arrow, min-height: 16px; min-width: 16px; padding: 4px; - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.6); } @@ -2096,7 +2096,7 @@ menu separator, popover.background { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 0; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; } @@ -2138,7 +2138,7 @@ popover.background > scrolledwindow > viewport.frame > list > row { popover.background .view:not(:selected), popover.background toolbar { - background-color: #eff1f5; + background-color: #c6d0f5; } popover.background .linked > button:not(.radio) { @@ -2199,7 +2199,7 @@ tabbox > tab:disabled, notebook > header tab:disabled { tabbox > tab:checked, notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } @@ -2213,7 +2213,7 @@ frame > paned > notebook > header, notebook.frame > header { } notebook, notebook.frame { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; } @@ -2346,7 +2346,7 @@ notebook > stack:not(:only-child) { **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #eff1f5; + background-color: #c6d0f5; } * { @@ -2418,14 +2418,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(239, 241, 245, 0.3); + border: 1px solid rgba(198, 208, 245, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(239, 241, 245, 0.3); + border: 1px solid rgba(198, 208, 245, 0.3); border-radius: 9999px; background-color: rgba(17, 17, 27, 0.38); background-clip: padding-box; @@ -2453,7 +2453,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(239, 241, 245, 0.9); + background-color: rgba(198, 208, 245, 0.9); } scrollbar.horizontal slider { @@ -2502,7 +2502,7 @@ switch { } switch:checked { - background-color: #7287fd; + background-color: #8caaee; } switch:disabled { @@ -2597,29 +2597,29 @@ radio:disabled { check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { - box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.15); - background-color: #a4b2fe; + box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.15); + background-color: #b8cbf5; } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { - box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.2); - background-color: #7287fd; + box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.2); + background-color: #8caaee; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { - color: rgba(239, 241, 245, 0.5); - background-color: rgba(114, 135, 253, 0.35); + color: rgba(17, 17, 27, 0.38); + background-color: rgba(140, 170, 238, 0.35); } popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { @@ -2733,8 +2733,8 @@ treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, tr } treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate, treeview.view:selected:focus radio:checked, treeview.view:selected:focus radio:indeterminate, treeview.view:selected:focus check:checked, treeview.view:selected:focus check:indeterminate { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); background-image: none; } @@ -2788,11 +2788,11 @@ scale trough:disabled { scale highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#7287fd); + background-image: image(#8caaee); } scale highlight:disabled { - background-color: #eff1f5; + background-color: #c6d0f5; background-image: image(rgba(17, 17, 27, 0.26)); } @@ -2808,17 +2808,17 @@ scale fill:disabled { scale slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 9999px; - color: #7287fd; - background-color: #eff1f5; - box-shadow: inset 0 0 0 2px #7287fd; + color: #8caaee; + background-color: #c6d0f5; + box-shadow: inset 0 0 0 2px #8caaee; } scale slider:hover { - box-shadow: inset 0 0 0 2px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12); + box-shadow: inset 0 0 0 2px #8caaee, 0 0 0 8px rgba(17, 17, 27, 0.12); } scale slider:active { - box-shadow: inset 0 0 0 4px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12); + box-shadow: inset 0 0 0 4px #8caaee, 0 0 0 8px rgba(17, 17, 27, 0.12); } scale slider:disabled { @@ -3130,7 +3130,7 @@ progressbar trough { progressbar progress { border-radius: 6px; - background-color: #7287fd; + background-color: #8caaee; } progressbar.osd { @@ -3144,7 +3144,7 @@ progressbar.osd trough { } progressbar.osd progress { - background-color: #7287fd; + background-color: #8caaee; } progressbar trough.empty progress { @@ -3183,15 +3183,15 @@ levelbar trough { } levelbar block.low { - background-color: #df8e1d; + background-color: #e5c890; } levelbar block.high, levelbar block:not(.empty) { - background-color: #7287fd; + background-color: #8caaee; } levelbar block.full { - background-color: #40a02b; + background-color: #a6d189; } levelbar block.empty { @@ -3204,7 +3204,7 @@ levelbar block.empty { printdialog paper { padding: 0; border: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -3238,7 +3238,7 @@ frame.flat > border, frame > border.flat, statusbar frame > border { actionbar > revealer > box { padding: 6px; border-top: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; } @@ -3298,7 +3298,7 @@ junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } junction:dir(rtl) { @@ -3378,7 +3378,7 @@ window.background.csd stack stack stack frame > list row:focus, window.backgroun list { border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } list row { @@ -3448,7 +3448,7 @@ row:selected:disabled label { } .app-notification button.text-button:not(:disabled) { - color: #7287fd; + color: #8caaee; } .app-notification.frame, @@ -3520,7 +3520,7 @@ calendar:indeterminate { * Dialogs * ***********/ messagedialog.background { - background-color: #eff1f5; + background-color: #c6d0f5; } messagedialog.background.csd { @@ -3532,12 +3532,12 @@ messagedialog .titlebar { min-height: 24px; border-style: none; box-shadow: none; - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } messagedialog .titlebar:backdrop { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.6); } @@ -3554,15 +3554,15 @@ messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog- } messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { - color: #7287fd; + color: #8caaee; } messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { - color: #d20f39; + color: #e78284; } .csd filechooser { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 0 0 12px 12px; } @@ -3572,7 +3572,7 @@ filechooser .dialog-action-box { filechooser #pathbarbox { border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } filechooser stack.view { @@ -3637,7 +3637,7 @@ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned . stacksidebar.sidebar list { padding: 3px; - background-color: #eff1f5; + background-color: #c6d0f5; } stacksidebar.sidebar row { @@ -3647,13 +3647,13 @@ stacksidebar.sidebar row { } stacksidebar.sidebar row:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); font-weight: 500; } stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } stacksidebar.sidebar row + row { @@ -3731,11 +3731,11 @@ placessidebar.sidebar row.sidebar-placeholder-row { } placessidebar.sidebar row.sidebar-new-bookmark-row { - color: #7287fd; + color: #8caaee; } placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #7287fd; + color: #8caaee; } placessidebar.sidebar row:drop(active) { @@ -3773,7 +3773,7 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; background-image: image(rgba(17, 17, 27, 0.12)), image(rgba(17, 17, 27, 0.12)); background-size: 1px 1px, 1px 1px; } @@ -3824,66 +3824,66 @@ infobar { } infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #eff1f5; + background-color: #c6d0f5; } infobar.info > revealer > box link:link, infobar.info:hover > revealer > box link:link, infobar.info:backdrop > revealer > box link:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { - color: #7287fd; + color: #8caaee; } infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } infobar.action > revealer > box link:link, infobar.action:backdrop > revealer > box link:link, infobar.question > revealer > box link:link, infobar.question:backdrop > revealer > box link:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #8b9cfd; + background-color: #a2baf1; } infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #df8e1d; - color: #eff1f5; + background-color: #e5c890; + color: rgba(17, 17, 27, 0.87); } infobar.warning > revealer > box link:link, infobar.warning:backdrop > revealer > box link:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.warning:hover > revealer > box { - background-color: #e49a31; + background-color: #ead2a5; } infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #d20f39; - color: #eff1f5; + background-color: #e78284; + color: rgba(17, 17, 27, 0.87); } infobar.error > revealer > box link:link, infobar.error:backdrop > revealer > box link:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.error:hover > revealer > box { - background-color: #ea113f; + background-color: #eb9799; } /************ @@ -3895,8 +3895,8 @@ tooltip { } tooltip.background { - background-color: rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + color: #c6d0f5; } tooltip.background.csd { @@ -3957,7 +3957,7 @@ colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { } colorswatch.dark { - color: #eff1f5; + color: #c6d0f5; } colorswatch.light { @@ -3969,7 +3969,7 @@ colorswatch overlay { } colorswatch overlay:hover { - box-shadow: 0 0 0 2px #7287fd; + box-shadow: 0 0 0 2px #8caaee; } colorswatch#add-color-button { @@ -4016,19 +4016,19 @@ colorswatch#editor-color-sample overlay:hover { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); } /******** * Misc * ********/ .content-view { - background-color: #eff1f5; + background-color: #c6d0f5; } /********************** @@ -4037,7 +4037,7 @@ colorchooser .popover.osd:backdrop { decoration { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 12px; - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0), 0 0 36px transparent; margin: 8px; } @@ -4088,12 +4088,12 @@ messagedialog.csd decoration { padding: 2px; border-radius: 0; box-shadow: none; - background-color: #11111b; + background-color: #232634; border: 1px solid rgba(17, 17, 27, 0); } .solid-csd decoration:backdrop { - background-color: #1e1e2e; + background-color: #303446; } button.titlebutton:not(.suggested-action):not(.destructive-action) { @@ -4121,11 +4121,11 @@ button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action } button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) { @@ -4133,7 +4133,7 @@ button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) { } button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) { - background-color: #e8d2a9; + background-color: #ddcaa9; } button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) { @@ -4141,7 +4141,7 @@ button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) { } button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) { - background-color: #b8d9a4; + background-color: #aed1a4; } button.close.titlebutton:not(.suggested-action):not(.destructive-action) { @@ -4149,7 +4149,7 @@ button.close.titlebutton:not(.suggested-action):not(.destructive-action) { } button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { - background-color: #e99ea0; + background-color: #df96a0; } #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) { @@ -4189,7 +4189,7 @@ button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) * Touch Copy & Paste * **********************/ cursor-handle { - color: #7287fd; + color: #8caaee; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -4220,13 +4220,13 @@ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) border: solid 1px rgba(17, 17, 27, 0.12); border-radius: 7px; box-shadow: inset 0 -2px rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); font-size: smaller; } :not(decoration):not(window):drop(active) { - caret-color: #7287fd; + caret-color: #8caaee; } stackswitcher { @@ -4254,7 +4254,7 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } @@ -4297,7 +4297,7 @@ button.emoji-section { } button.emoji-section:checked { - color: #7287fd; + color: #8caaee; } button.emoji-section:not(:last-child) { @@ -4346,7 +4346,7 @@ popover.emoji-completion .emoji:hover { } .nautilus-window.background.csd:backdrop { - background-color: #eff1f5; + background-color: #c6d0f5; } .nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator, @@ -4368,7 +4368,7 @@ popover.emoji-completion .emoji:hover { } .nautilus-window.background.csd:not(.unified) notebook { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 0 0 12px 12px; } @@ -4395,8 +4395,8 @@ popover.emoji-completion .emoji:hover { .nautilus-window.background.csd:not(.unified) paned > separator.wide { min-width: 12px; - box-shadow: 12px 0 #eff1f5; - background-color: #eff1f5; + box-shadow: 12px 0 #c6d0f5; + background-color: #c6d0f5; background-image: image(#c2c5cc); } @@ -4410,13 +4410,13 @@ popover.emoji-completion .emoji:hover { margin: 6px; border-style: none; border-radius: 6px; - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .nautilus-window .floating-bar button { margin: 4px; - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } .nautilus-canvas-item.dim-label, @@ -4426,7 +4426,7 @@ popover.emoji-completion .emoji:hover { .nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, .nautilus-desktop.nautilus-canvas-item { - color: #eff1f5; + color: #c6d0f5; } @keyframes nautilus-operations-button-needs-attention { @@ -4454,12 +4454,12 @@ popover.emoji-completion .emoji:hover { } .path-bar-box.width-maximized { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } .path-bar-box.background.frame { border-style: none; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } .path-bar-box .path-bar button label:not(:only-child):first-child { @@ -4494,16 +4494,16 @@ popover.emoji-completion .emoji:hover { } .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) { - background-color: rgba(239, 241, 245, 0.08); + background-color: rgba(198, 208, 245, 0.08); } .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled { background-color: transparent; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .windowhandle .linked.nautilus-path-bar { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); border-radius: 6px; margin: 6px 0; } @@ -4514,7 +4514,7 @@ popover.emoji-completion .emoji:hover { } .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { - color: #eff1f5; + color: #c6d0f5; } .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { @@ -4528,8 +4528,8 @@ popover.emoji-completion .emoji:hover { } .disk-space-display.used { - background-color: #7287fd; - color: #7287fd; + background-color: #8caaee; + color: #8caaee; } .disk-space-display.free { @@ -4540,12 +4540,12 @@ popover.emoji-completion .emoji:hover { .search-information { padding: 2px; border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } .conflict-row:not(:selected) { - background-color: #ead3b4; + background-color: #cfced7; } .nautilus-window flowboxchild .icon-item-background { @@ -4636,8 +4636,8 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s } .open-document-selector-match { - background-color: #df8e1d; - color: #eff1f5; + background-color: #e5c890; + color: rgba(17, 17, 27, 0.87); } .gedit-document-panel { @@ -4661,7 +4661,7 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s .gedit-search-slider { margin: 0 6px 10px; padding: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 0 0 12px 12px; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(17, 17, 27, 0); } @@ -4688,19 +4688,19 @@ window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned s } .gedit-search-slider .linked:not(.vertical) > entry:not(.error) { - background-color: #eff1f5; + background-color: #c6d0f5; } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button { - color: rgba(239, 241, 245, 0.7); + color: rgba(17, 17, 27, 0.6); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(17, 17, 27, 0.26); } frame.gedit-map-frame > border:dir(ltr) { @@ -4729,16 +4729,16 @@ frame.gedit-map-frame > border:dir(rtl) { .tweak-group-white, .tweak-white, .tweak-white:hover { - background-image: image(#eff1f5); + background-image: image(#c6d0f5); } .tweak-startup, .tweak-startup:hover { - background-image: image(#eff1f5); + background-image: image(#c6d0f5); } .tweak-group-startup { - background-image: image(#eff1f5); + background-image: image(#c6d0f5); } .tweak-group-startup row.tweak-startup { @@ -4802,7 +4802,7 @@ window.background.csd > box.horizontal > stack.background frame > border { window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { - background-color: #eff1f5; + background-color: #c6d0f5; border-bottom-right-radius: 12px; } @@ -4822,7 +4822,7 @@ window.background.csd > box.horizontal frame.view { window.background.csd > leaflet > box.vertical > scrolledwindow.view, window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { - background-color: #eff1f5; + background-color: #c6d0f5; border-bottom-left-radius: 12px; } @@ -4904,7 +4904,7 @@ hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not( * Gnome system monitor * ************************/ window#gnome-system-monitor.background.csd > box.vertical > stack { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 0 0 12px 12px; } @@ -5051,18 +5051,18 @@ window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked } .polari-room-list .sidebar > row.activatable:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } stack.view.polari-entry-area { - background-color: #eff1f5; + background-color: #c6d0f5; border-top: 1px solid rgba(17, 17, 27, 0.12); border-bottom-right-radius: 12px; } stack:disabled.view.polari-entry-area { - background-image: image(#eff1f5); + background-image: image(#c6d0f5); } /*********** @@ -5070,7 +5070,7 @@ stack:disabled.view.polari-entry-area { ***********/ layouttabbar { border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } layouttabbar > box > button { @@ -5082,8 +5082,8 @@ layouttab { border-style: none solid; border-width: 1px; border-color: rgba(17, 17, 27, 0); - box-shadow: inset 0 -2px #7287fd; - background-color: #eff1f5; + box-shadow: inset 0 -2px #8caaee; + background-color: #c6d0f5; } layouttab separator.vertical { @@ -5102,8 +5102,8 @@ layout { } entry.search-missing { - background-color: #d20f39; - color: #eff1f5; + background-color: #e78284; + color: rgba(17, 17, 27, 0.87); } window.workbench treeview.image { @@ -5149,7 +5149,7 @@ popover.omnibar list row:not(:last-child) { entry.preferences-search { border-bottom: 1px solid rgba(17, 17, 27, 0.12); box-shadow: none; - background-color: #eff1f5; + background-color: #c6d0f5; } preferences stacksidebar.sidebar list { @@ -5214,13 +5214,13 @@ dockpaned { eggsearchbar box.search-bar { padding: 0 8px; border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } docktabstrip { padding: 0 8px; border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } docktab { @@ -5232,7 +5232,7 @@ docktab { border-width: 1px; border-color: transparent; box-shadow: inset 0 -2px transparent; - background-image: radial-gradient(circle, #7287fd 10%, transparent 0%); + background-image: radial-gradient(circle, #8caaee 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 0% 0%; @@ -5247,7 +5247,7 @@ docktab:hover { docktab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -2px #7287fd; + box-shadow: inset 0 -2px #8caaee; background-color: transparent; background-image: radial-gradient(circle, transparent 10%, transparent 0%); background-size: 1000% 1000%; @@ -5255,7 +5255,7 @@ docktab:checked { } dockoverlayedge { - background-color: #eff1f5; + background-color: #c6d0f5; } dockoverlayedge docktabstrip { @@ -5264,22 +5264,22 @@ dockoverlayedge docktabstrip { } dockoverlayedge.left-edge docktab:checked { - box-shadow: inset -2px 0 #7287fd; + box-shadow: inset -2px 0 #8caaee; } dockoverlayedge.right-edge docktab:checked { - box-shadow: inset 2px 0 #7287fd; + box-shadow: inset 2px 0 #8caaee; } pillbox { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 6px; } layoutpane entry.search { border-bottom: 1px solid rgba(17, 17, 27, 0.12); box-shadow: none; - background-color: #eff1f5; + background-color: #c6d0f5; } editortweak entry.search { @@ -5334,7 +5334,7 @@ idelayoutstackheader button:checked { ideeditorutilities > dzldockpaned > box > stackswitcher { padding: 8px 0; - background-color: #eff1f5; + background-color: #c6d0f5; } ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { @@ -5352,7 +5352,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button { } ideeditorutilities > dzldockpaned > box > stackswitcher button:active { - background-image: radial-gradient(circle, rgba(114, 135, 253, 0.7) 10%, transparent 0%); + background-image: radial-gradient(circle, rgba(140, 170, 238, 0.7) 10%, transparent 0%); } ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { @@ -5365,7 +5365,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { - box-shadow: inset -2px 0 #7287fd; + box-shadow: inset -2px 0 #8caaee; } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { @@ -5373,7 +5373,7 @@ ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { } ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { - box-shadow: inset 2px 0 #7287fd; + box-shadow: inset 2px 0 #8caaee; } ideeditorsidebar notebook header { @@ -5399,8 +5399,8 @@ GdMainIconView.content-view { margin: 8px; border-radius: 9999px; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); font-weight: bold; } @@ -5433,7 +5433,7 @@ button.photos-filter-preview:checked { } button.photos-filter-preview:checked image { - color: #eff1f5; + color: #c6d0f5; } overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { @@ -5466,11 +5466,11 @@ overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { } .side-panel .view:selected { - background-image: image(#7287fd); + background-image: image(#8caaee); } .side-panel .view:selected:hover { - background-image: image(#7c8ffc); + background-image: image(rgba(132, 160, 225, 0.9896)); } .songs-list:hover { @@ -5529,16 +5529,16 @@ window.background.csd evview.view.content-view { *********************************/ .background.csd > grid.horizontal > paned.horizontal > scrolledwindow { border-radius: 0 0 12px 12px; - background-color: #eff1f5; + background-color: #c6d0f5; } .background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { - background-color: #eff1f5; + background-color: #c6d0f5; } .background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { border-radius: 0 0 0 12px; - background-color: #eff1f5; + background-color: #c6d0f5; } /************ @@ -5676,8 +5676,8 @@ list.categories { min-height: 24px; padding: 0 4px; border-radius: 6px; - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; } /************** @@ -5725,7 +5725,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar, window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: none; border-bottom: 1px solid rgba(17, 17, 27, 0); } @@ -5741,7 +5741,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer- } .geary-main-window.unified > deck > overlay > .geary-main-layout { - background-color: #eff1f5; + background-color: #c6d0f5; } .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > headerbar, @@ -5751,14 +5751,14 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer- .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar, .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar { - background-color: #11111b; + background-color: #232634; box-shadow: inset 0 -1px rgba(17, 17, 27, 0); transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); } .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop, .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop { - background-color: #1e1e2e; + background-color: #303446; } .geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { @@ -5778,8 +5778,8 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer- .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active { border-radius: 6px; - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } .geary-main-window.unified separator.geary-sidebar-pane-separator { @@ -5790,7 +5790,7 @@ window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer- .geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { border: 1px solid rgba(17, 17, 27, 0.12); border-bottom-width: 0; - background-color: #eff1f5; + background-color: #c6d0f5; } .geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child { @@ -5846,7 +5846,7 @@ dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwin dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { border-radius: 0 0 12px 12px; - background-color: #eff1f5; + background-color: #c6d0f5; } dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), @@ -5891,7 +5891,7 @@ window.background.csd.unified headerbar { } window.background.csd.unified > decoration-overlay { - box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 0 0 1px rgba(198, 208, 245, 0.1); } window.background.csd.unified, @@ -5940,7 +5940,7 @@ overlay > revealer.right > scrolledwindow.frame { .terminix-session-sidebar, .tilix-session-sidebar { - background-image: image(#eff1f5); + background-image: image(#c6d0f5); } .terminal-titlebar button { @@ -5964,7 +5964,7 @@ button.flat.tilix-small-button { * Terminator * **************/ .terminator-terminal-window paned > separator { - background-color: #eff1f5; + background-color: #c6d0f5; } .terminator-terminal-window notebook.frame { @@ -5976,7 +5976,7 @@ button.flat.tilix-small-button { *************/ #live_installer .menubar progressbar trough { border-radius: 4px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } /*********** @@ -5999,7 +5999,7 @@ window.background > box.vertical > scrolledwindow > widget toolbar button { * Chromium * ************/ window.background.chromium { - background-color: #eff1f5; + background-color: #c6d0f5; } window.background.chromium entry, @@ -6008,7 +6008,7 @@ window.background.chromium > button { } window.background.chromium > button { - color: #7287fd; + color: #8caaee; } window.background.chromium > button:disabled { @@ -6017,7 +6017,7 @@ window.background.chromium > button:disabled { window.background.chromium menubar, window.background.chromium headerbar { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } window.background.chromium headerbar button:active { @@ -6025,7 +6025,7 @@ window.background.chromium headerbar button:active { } window.background.chromium spinner { - color: #7287fd; + color: #8caaee; } window.background.chromium textview.view { @@ -6033,17 +6033,17 @@ window.background.chromium textview.view { } window.background.chromium treeview.view.cell:selected:focus { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } window.background.chromium treeview.view button { border: 1px solid rgba(17, 17, 27, 0.26); - background-color: #eff1f5; + background-color: #c6d0f5; } window.background.chromium menu { - border-color: #b0bace; + border-color: #6f88e6; } window.background.chromium menu menuitem { @@ -6051,19 +6051,19 @@ window.background.chromium menu menuitem { } tooltip.background.chromium { - background-color: #2b2b3b; + background-color: #3b3e50; } /*********** * Firefox * ***********/ #MozillaGtkWidget > widget text { - background-color: #eff1f5; + background-color: #c6d0f5; } #MozillaGtkWidget > widget text:selected { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } #MozillaGtkWidget > widget > separator { @@ -6092,12 +6092,12 @@ tooltip.background.chromium { #MozillaGtkWidget > widget > entry { min-height: 30px; - background-color: #eff1f5; + background-color: #c6d0f5; } #MozillaGtkWidget > widget > entry:focus { - border-color: #7287fd; - box-shadow: inset 0 0 0 1px #7287fd; + border-color: #8caaee; + box-shadow: inset 0 0 0 1px #8caaee; } #MozillaGtkWidget > widget > entry:disabled { @@ -6144,15 +6144,15 @@ tooltip.background.chromium { } #MozillaGtkWidget > widget > menubar { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #MozillaGtkWidget > widget > menubar:hover { - color: #eff1f5; + color: #c6d0f5; } #MozillaGtkWidget > widget > menubar:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } #MozillaGtkWidget > widget > frame { @@ -6252,7 +6252,7 @@ scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-but * Libreoffice * ***************/ window.background > grid > widget > widget > scrolledwindow > viewport > grid > box > box > frame > box { - background-color: #eff1f5; + background-color: #c6d0f5; } /********* @@ -6284,7 +6284,7 @@ UnityDecoration { -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); -UnityDecoration-inactive-shadow-radius: 6px; -UnityDecoration-glow-size: 8px; - -UnityDecoration-glow-color: #7287fd; + -UnityDecoration-glow-color: #8caaee; -UnityDecoration-title-indent: 4px; -UnityDecoration-title-fade: 32px; -UnityDecoration-title-alignment: 0.0; @@ -6294,24 +6294,24 @@ UnityDecoration .top { padding: 0 2px; border-style: none; border-radius: 12px 12px 0 0; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #11111b; - color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #232634; + color: #c6d0f5; } UnityDecoration .top:backdrop { - background-color: #1e1e2e; - color: rgba(239, 241, 245, 0.7); + background-color: #303446; + color: rgba(198, 208, 245, 0.7); } UnityDecoration .menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } UnityDecoration .menuitem:hover { - box-shadow: inset 0 -2px #7287fd; + box-shadow: inset 0 -2px #8caaee; background-color: transparent; - color: #eff1f5; + color: #c6d0f5; } .background:not(.csd) headerbar:not(.titlebar) { @@ -6325,31 +6325,31 @@ UnityDecoration .menuitem:hover { UnityPanelWidget, .unity-panel { - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; } UnityPanelWidget:backdrop, .unity-panel:backdrop { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .unity-panel.menuitem, .unity-panel .menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .unity-panel.menubar.menuitem:hover, .unity-panel.menubar .menuitem *:hover { - box-shadow: inset 0 -2px #7287fd; + box-shadow: inset 0 -2px #8caaee; background-color: transparent; - color: #eff1f5; + color: #c6d0f5; } .menu IdoPlaybackMenuItem.menuitem:active { -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); animation: spin 1s linear infinite; - color: #7287fd; + color: #8caaee; } /************** @@ -6361,8 +6361,8 @@ UnityPanelWidget:backdrop, } .mate-panel-menu-bar { - background-color: #11111b; - color: rgba(239, 241, 245, 0.7); + background-color: #232634; + color: rgba(198, 208, 245, 0.7); font-weight: 500; } @@ -6382,12 +6382,12 @@ PanelToplevel.vertical > grid > button { } PanelSeparator { - color: rgba(239, 241, 245, 0.12); + color: rgba(198, 208, 245, 0.12); } MatePanelAppletFrameDBus { border-style: solid; - border-color: rgba(239, 241, 245, 0.12); + border-color: rgba(198, 208, 245, 0.12); } .mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { @@ -6399,15 +6399,15 @@ MatePanelAppletFrameDBus { } .mate-panel-menu-bar menubar > menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .mate-panel-menu-bar menubar > menuitem:hover { - color: #eff1f5; + color: #c6d0f5; } .mate-panel-menu-bar menubar > menuitem:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .mate-panel-menu-bar.horizontal menubar > menuitem { @@ -6459,7 +6459,7 @@ MatePanelAppletFrameDBus { PanelApplet.wnck-applet .wnck-pager { background-color: transparent; - color: #7287fd; + color: #8caaee; } PanelApplet.wnck-applet .wnck-pager:hover { @@ -6471,7 +6471,7 @@ PanelApplet.wnck-applet .wnck-pager:active { } PanelApplet.wnck-applet .wnck-pager:selected { - background-color: #7287fd; + background-color: #8caaee; } .mate-panel-menu-bar.horizontal #clock-applet-button label { @@ -6485,8 +6485,8 @@ PanelApplet.wnck-applet .wnck-pager:selected { #MatePanelPopupWindow { border: 1px solid rgba(17, 17, 27, 0); border-radius: 7px; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } #MatePanelPopupWindow frame > border { @@ -6531,8 +6531,8 @@ na-tray-applet { .mate-panel-applet-slider { border: 1px solid rgba(17, 17, 27, 0); border-radius: 7px; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } .mate-panel-applet-slider frame > border { @@ -6545,12 +6545,12 @@ na-tray-applet { #PanelApplet:selected > box { background-color: alpha(currentColor, 0.1); - color: #eff1f5; + color: #c6d0f5; } #mate-menu { border: 1px solid rgba(17, 17, 27, 0); - background-color: #eff1f5; + background-color: #c6d0f5; } #mate-menu button { @@ -6584,8 +6584,8 @@ na-tray-applet { } .brisk-menu { - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } .brisk-menu entry { @@ -6615,7 +6615,7 @@ na-tray-applet { } .brisk-menu .categories-list button:checked { - color: #7287fd; + color: #8caaee; } .brisk-menu .session-button { @@ -6667,7 +6667,7 @@ na-tray-applet { .caja-side-pane notebook viewport.frame, .caja-side-pane notebook widget .vertical { - background-color: #eff1f5; + background-color: #c6d0f5; } .caja-side-pane notebook, @@ -6699,8 +6699,8 @@ na-tray-applet { } .caja-desktop.view .entry { - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; caret-color: currentColor; } @@ -6720,7 +6720,7 @@ na-tray-applet { #caja-extra-view-widget { border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } #caja-extra-view-widget > box > box > label { @@ -6786,8 +6786,8 @@ na-tray-applet { .lock-dialog { border: 1px solid rgba(17, 17, 27, 0); border-radius: 7px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } .lock-dialog frame > border { @@ -6795,24 +6795,24 @@ na-tray-applet { } .lock-dialog button:not(:disabled) { - color: #7287fd; + color: #8caaee; } /* multimedia OSD */ MsdOsdWindow.background.osd { border-radius: 6px; - background-color: rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + color: #c6d0f5; } MsdOsdWindow.background.osd .trough { border-radius: 0; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } MsdOsdWindow.background.osd .progressbar { border-radius: 0; - background-color: #7287fd; + background-color: #8caaee; } /****************** @@ -6838,7 +6838,7 @@ MsdOsdWindow.background.osd .progressbar { border: 1px solid rgba(17, 17, 27, 0); box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); background-clip: padding-box; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; } @@ -6994,7 +6994,7 @@ MsdOsdWindow.background.osd .progressbar { } .workspace-switcher .workspace-layout { - border: 0 solid rgba(239, 241, 245, 0.12); + border: 0 solid rgba(198, 208, 245, 0.12); } .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { @@ -7011,7 +7011,7 @@ MsdOsdWindow.background.osd .progressbar { .workspace-switcher .workspace-item, .workspace-switcher .workspace-add-button { - border: 0 solid rgba(239, 241, 245, 0.12); + border: 0 solid rgba(198, 208, 245, 0.12); } .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { @@ -7058,7 +7058,7 @@ MsdOsdWindow.background.osd .progressbar { margin: 3px 0; min-width: 16px; min-height: 16px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel button.budgie-menu-launcher { @@ -7070,11 +7070,11 @@ MsdOsdWindow.background.osd .progressbar { padding: 0; margin: 0; border-radius: 9999px; - background-image: image(rgba(239, 241, 245, 0.12)); + background-image: image(rgba(198, 208, 245, 0.12)); } .budgie-panel button.budgie-menu-launcher:hover { - color: #eff1f5; + color: #c6d0f5; } .budgie-panel button.budgie-menu-launcher:hover image { @@ -7082,7 +7082,7 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel button.budgie-menu-launcher:active, .budgie-panel button.budgie-menu-launcher:checked { - color: #eff1f5; + color: #c6d0f5; } .budgie-panel button.budgie-menu-launcher:active image, .budgie-panel button.budgie-menu-launcher:checked image { @@ -7091,17 +7091,17 @@ MsdOsdWindow.background.osd .progressbar { .budgie-panel { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #11111b; - color: rgba(239, 241, 245, 0.7); + background-color: #232634; + color: rgba(198, 208, 245, 0.7); font-weight: 500; } .budgie-panel.transparent { - background-color: rgba(17, 17, 27, 0.75); + background-color: rgba(35, 38, 52, 0.75); } .budgie-panel button { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); min-height: 24px; min-width: 24px; padding: 0; @@ -7109,26 +7109,26 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel button:hover { - color: #eff1f5; + color: #c6d0f5; } .budgie-panel button:active { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel button.budgie-menu-launcher { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel button.budgie-menu-launcher:focus { background: none; box-shadow: none; border: none; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel button.raven-trigger { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel.horizontal button { @@ -7140,11 +7140,11 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel separator { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } .budgie-panel .alert { - color: #d20f39; + color: #e78284; } .budgie-panel .titlebar:not(headerbar) { @@ -7152,33 +7152,33 @@ MsdOsdWindow.background.osd .progressbar { padding: 0; box-shadow: none; background-color: transparent; - color: #eff1f5; + color: #c6d0f5; } .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { - color: #eff1f5; + color: #c6d0f5; } .budgie-panel menubar, .budgie-panel .menubar { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); box-shadow: none; border: none; } .budgie-panel menubar > menuitem, .budgie-panel .menubar > menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active, .budgie-panel .menubar > menuitem:hover, .budgie-panel .menubar > menuitem:active { - color: #eff1f5; + color: #c6d0f5; } .budgie-panel #tasklist-button { @@ -7194,15 +7194,15 @@ MsdOsdWindow.background.osd .progressbar { } .budgie-panel button.flat.launcher:not(:checked) { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .budgie-panel button.flat.launcher:not(:checked):disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked { @@ -7274,7 +7274,7 @@ frame.raven-frame > border { } .raven { - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); } @@ -7322,7 +7322,7 @@ frame.raven-frame > border { border-style: solid none; border-width: 1px; border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } .raven .raven-background > overlay > widget > image { @@ -7382,8 +7382,8 @@ calendar.raven-calendar:selected { } .raven-mpris { - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; } .raven-mpris label { @@ -7447,15 +7447,15 @@ calendar.raven-calendar:selected { } .budgie-panel .lock-keys image:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .drop-shadow { margin: 5px 9px; padding: 3px; border-radius: 12px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } .drop-shadow .linked > button { @@ -7465,7 +7465,7 @@ calendar.raven-calendar:selected { .budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { - background-color: #eff1f5; + background-color: #c6d0f5; border: none; padding: 0; } @@ -7519,7 +7519,7 @@ calendar.raven-calendar:selected { } .budgie-polkit-dialog .failure { - color: #d20f39; + color: #e78284; } .budgie-run-dialog entry.search { @@ -7542,7 +7542,7 @@ calendar.raven-calendar:selected { * Xfce4 Apps * **************/ .XfceHeading { - background-color: #eff1f5; + background-color: #c6d0f5; } /*************** @@ -7550,8 +7550,8 @@ calendar.raven-calendar:selected { ***************/ .xfce4-panel.background { border: none; - background-color: #11111b; - color: rgba(239, 241, 245, 0.7); + background-color: #232634; + color: rgba(198, 208, 245, 0.7); font-weight: 500; } @@ -7575,13 +7575,13 @@ wnck-pager:active { } wnck-pager:selected { - background-color: #7287fd; + background-color: #8caaee; } XfdesktopIconView.view { border-radius: 6px; background-color: transparent; - color: #eff1f5; + color: #c6d0f5; } XfdesktopIconView.view:active { @@ -7599,7 +7599,7 @@ window#whiskermenu-window { } window#whiskermenu-window entry.search:focus { - background-color: #eff1f5; + background-color: #c6d0f5; } window#whiskermenu-window > frame > border { @@ -7607,8 +7607,8 @@ window#whiskermenu-window > frame > border { padding: 6px 8px 6px 9px; margin: 6px; border: none; - background-color: #eff1f5; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0), inset 0 0 0 1px rgba(239, 241, 245, 0.15); + background-color: #c6d0f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0), inset 0 0 0 1px rgba(198, 208, 245, 0.15); } window#whiskermenu-window box.categories > button.radio { @@ -7631,7 +7631,7 @@ window#whiskermenu-window box.categories > button.radio:checked:hover, window#wh window#whiskermenu-window scrolledwindow.frame { padding: 3px; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 6px; } @@ -7716,27 +7716,27 @@ menubar.-vala-panel-background { menubar.-vala-panel-appmenu-private > menuitem, menubar.-vala-panel-background > menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: normal; } menubar.-vala-panel-appmenu-private > menuitem:hover, menubar.-vala-panel-background > menuitem:hover { - color: #eff1f5; + color: #c6d0f5; border-radius: 0; } menubar.-vala-panel-appmenu-private > menuitem:disabled, menubar.-vala-panel-background > menuitem:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } /************************ * LightDM GTK+ Greeter * ************************/ #panel_window { - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; } #panel_window menubar, @@ -7753,15 +7753,15 @@ menubar.-vala-panel-background > menuitem:disabled { } #panel_window menubar > menuitem { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } #panel_window menubar > menuitem:hover { - color: #eff1f5; + color: #c6d0f5; } #panel_window menubar > menuitem:disabled label { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } #login_window, @@ -7769,8 +7769,8 @@ menubar.-vala-panel-background > menuitem:disabled { #restart_dialog { margin: 8px; border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } #content_frame { @@ -7787,14 +7787,14 @@ menubar.-vala-panel-background > menuitem:disabled { } #buttonbox_frame button:not(:disabled) { - color: #7287fd; + color: #8caaee; } /******** * Nemo * ********/ .nemo-window .primary-toolbar { - background-color: #11111b; + background-color: #232634; border-bottom: 1px solid rgba(17, 17, 27, 0.12); } @@ -7811,19 +7811,19 @@ menubar.-vala-panel-background > menuitem:disabled { .nemo-window .primary-toolbar button.text-button { padding-left: 8px; padding-right: 8px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked { - color: #eff1f5; + color: #c6d0f5; } .nemo-window .primary-toolbar button.text-button:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } .nemo-window .primary-toolbar button.text-button:backdrop { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } .nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button { @@ -7868,8 +7868,8 @@ menubar.-vala-panel-background > menuitem:disabled { } .places-treeview { - -NemoPlacesTreeView-disk-full-bg-color: rgba(184, 185, 191, 0.961); - -NemoPlacesTreeView-disk-full-fg-color: #7287fd; + -NemoPlacesTreeView-disk-full-bg-color: rgba(153, 161, 191, 0.961); + -NemoPlacesTreeView-disk-full-fg-color: #8caaee; -NemoPlacesTreeView-disk-full-bar-width: 2px; -NemoPlacesTreeView-disk-full-bar-radius: 0; -NemoPlacesTreeView-disk-full-bottom-padding: 1px; @@ -7889,19 +7889,19 @@ text color for entries, views and content in general */ @define-color theme_text_color rgba(17, 17, 27, 0.87); /* widget base background color */ -@define-color theme_bg_color #eff1f5; +@define-color theme_bg_color #c6d0f5; /* text widgets and the like base background color */ -@define-color theme_base_color #eff1f5; +@define-color theme_base_color #c6d0f5; /* base background color of selections */ -@define-color theme_selected_bg_color #7287fd; +@define-color theme_selected_bg_color #8caaee; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #eff1f5; +@define-color theme_selected_fg_color rgba(17, 17, 27, 0.87); /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #eff1f5; +@define-color insensitive_bg_color #c6d0f5; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(17, 17, 27, 0.38); @@ -7916,16 +7916,16 @@ text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(17, 17, 27, 0.87); /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #eff1f5; +@define-color theme_unfocused_bg_color #c6d0f5; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #eff1f5; +@define-color theme_unfocused_base_color #c6d0f5; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #7287fd; +@define-color theme_unfocused_selected_bg_color #8caaee; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #eff1f5; +@define-color theme_unfocused_selected_fg_color rgba(17, 17, 27, 0.87); /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(17, 17, 27, 0.38); @@ -7937,18 +7937,18 @@ widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(17, 17, 27, 0.12); /* these are pretty self explicative */ -@define-color warning_color #df8e1d; -@define-color error_color #d20f39; -@define-color success_color #40a02b; +@define-color warning_color #e5c890; +@define-color error_color #e78284; +@define-color success_color #a6d189; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title #eff1f5; -@define-color wm_unfocused_title rgba(239, 241, 245, 0.7); -@define-color wm_highlight rgba(239, 241, 245, 0.1); -@define-color wm_border #9b9d9f; -@define-color wm_bg #11111b; -@define-color wm_unfocused_bg #1e1e2e; +@define-color wm_title #c6d0f5; +@define-color wm_unfocused_title rgba(198, 208, 245, 0.7); +@define-color wm_highlight rgba(198, 208, 245, 0.1); +@define-color wm_border #81879f; +@define-color wm_bg #232634; +@define-color wm_unfocused_bg #303446; @define-color wm_button_icon white; @define-color wm_button_close_hover_bg #e78284; @define-color wm_button_close_active_bg #dd4f51; @@ -7958,14 +7958,14 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_button_min_active_bg #d9af5e; /* FIXME this is really an API */ -@define-color content_view_bg #eff1f5; -@define-color placeholder_text_color #6a6b72; +@define-color content_view_bg #c6d0f5; +@define-color placeholder_text_color #595d72; /* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #eff1f5; +@define-color text_view_bg #c6d0f5; @define-color budgie_tasklist_indicator_color white; @define-color budgie_tasklist_indicator_color_active white; -@define-color budgie_tasklist_indicator_color_active_window #929296; -@define-color budgie_tasklist_indicator_color_attention #df8e1d; +@define-color budgie_tasklist_indicator_color_active_window #9a9ba2; +@define-color budgie_tasklist_indicator_color_attention #e5c890; @define-color STRAWBERRY_100 #FF9262; @define-color STRAWBERRY_300 #FF793E; @define-color STRAWBERRY_500 #F15D22; diff --git a/src/main/gtk-4.0/gtk-Dark.css b/src/main/gtk-4.0/gtk-Dark.css index 792214fc..265ead03 100644 --- a/src/main/gtk-4.0/gtk-Dark.css +++ b/src/main/gtk-4.0/gtk-Dark.css @@ -2,12 +2,12 @@ * Base States * ***************/ .background { - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; } dnd { - color: #eff1f5; + color: #c6d0f5; } .normal-icons { @@ -28,25 +28,25 @@ treeview.expander:disabled { } iconview, .view { - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; } iconview:disabled, .view:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } iconview:selected, .view:selected { - color: #eff1f5; + color: #c6d0f5; } textview text { - background-color: #1e1e2e; + background-color: #303446; } textview border { - background-color: #11111b; - color: rgba(239, 241, 245, 0.7); + background-color: #232634; + color: rgba(198, 208, 245, 0.7); } iconview:hover, iconview:selected { @@ -57,8 +57,8 @@ rubberband, .content-view rubberband, .content-view columnview.view > rubberband .content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband, treeview.view > rubberband, .content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { - border: 1px solid #b4befe; - background-color: rgba(180, 190, 254, 0.3); + border: 1px solid #8caaee; + background-color: rgba(140, 170, 238, 0.3); } flowbox > flowboxchild { @@ -84,17 +84,17 @@ gridview > child box { } coverflow cover { - color: #eff1f5; - background-color: #1e1e2e; + color: #c6d0f5; + background-color: #303446; border: 1px solid black; } label.separator { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } label:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } headerbar label:disabled, tab label:disabled, button label:disabled { @@ -103,12 +103,12 @@ headerbar label:disabled, tab label:disabled, button label:disabled { label.osd { border-radius: 6px; - background-color: rgba(11, 11, 18, 0.9); - color: #eff1f5; + background-color: rgba(29, 31, 43, 0.9); + color: #c6d0f5; } .dim-label, row label.subtitle { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } window.assistant .sidebar { @@ -118,12 +118,12 @@ window.assistant .sidebar { window.assistant .sidebar label { min-height: 36px; padding: 0 12px; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); font-weight: 500; } window.assistant .sidebar label.highlight { - color: #eff1f5; + color: #c6d0f5; } .osd .scale-popup > arrow, @@ -131,12 +131,12 @@ window.assistant .sidebar label.highlight { .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { - color: #eff1f5; - background-color: #1e1e2e; + color: #c6d0f5; + background-color: #303446; background-clip: padding-box; border-radius: 6px; border: none; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1); } .osd { @@ -157,9 +157,9 @@ toast { border-radius: 9999px; border-spacing: 6px; padding: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #1e1e2e; - color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #303446; + color: #c6d0f5; border: none; } @@ -256,14 +256,14 @@ entry { caret-color: currentColor; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.08); + color: #c6d0f5; } entry:focus-within { - background-color: rgba(239, 241, 245, 0.08); - box-shadow: inset 0 0 0 2px #b4befe; + background-color: rgba(198, 208, 245, 0.08); + box-shadow: inset 0 0 0 2px #8caaee; } @@ -275,8 +275,8 @@ entry:drop(active) { entry:disabled { box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } @@ -289,18 +289,18 @@ entry.flat { entry image { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } entry image:hover, entry image:active { - color: #eff1f5; + color: #c6d0f5; } entry image:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } @@ -318,7 +318,7 @@ entry image.right { entry undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(239, 241, 245, 0.3) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(198, 208, 245, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -331,7 +331,7 @@ entry undershoot.left { entry undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(239, 241, 245, 0.3) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(198, 208, 245, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -345,54 +345,54 @@ entry undershoot.right { entry.error { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.08); + color: #c6d0f5; } entry.error:focus-within { - background-color: rgba(239, 241, 245, 0.08); + background-color: rgba(198, 208, 245, 0.08); box-shadow: inset 0 0 0 2px #e78284; } entry.error:disabled { box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } entry.warning { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.08); + color: #c6d0f5; } entry.warning:focus-within { - background-color: rgba(239, 241, 245, 0.08); + background-color: rgba(198, 208, 245, 0.08); box-shadow: inset 0 0 0 2px #e5c890; } entry.warning:disabled { box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } entry > progress, entry progress > trough > progress { margin: 2px -8px; - border-bottom: 2px solid #b4befe; + border-bottom: 2px solid #8caaee; background-color: transparent; } treeview entry.flat, treeview entry { - background-color: #1e1e2e; + background-color: #303446; } treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { @@ -404,8 +404,8 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview margin: 2px; border-radius: 9999px; box-shadow: none; - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } .entry-tag:hover { @@ -432,14 +432,14 @@ treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview } .entry-tag.button:not(:hover):not(:active) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } editablelabel > stack > text { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.08); + color: #c6d0f5; } /*********** @@ -447,39 +447,39 @@ editablelabel > stack > text { ***********/ @keyframes needs-attention { from { - background-image: radial-gradient(farthest-side, #b4befe 0%, rgba(180, 190, 254, 0) 0%); + background-image: radial-gradient(farthest-side, #8caaee 0%, rgba(140, 170, 238, 0) 0%); } to { - background-image: radial-gradient(farthest-side, #b4befe 95%, rgba(180, 190, 254, 0)); + background-image: radial-gradient(farthest-side, #8caaee 95%, rgba(140, 170, 238, 0)); } } infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action), toast button, toast button.circular.flat { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), toast button:focus, toast button.circular.flat:focus, infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), toast button:hover, toast button.circular.flat:hover, infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), toast button:active, toast button.circular.flat:active, infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action), toast button:checked, toast button.circular.flat:checked { - color: #eff1f5; + color: #c6d0f5; } infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action), toast button:disabled, toast button.circular.flat:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action), toast button:checked:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button { transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 225ms cubic-bezier(0, 0, 0.2, 1); outline: none; box-shadow: inset 0 0 0 9999px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.08); + color: #c6d0f5; } actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { - box-shadow: 0 0 0 2px rgba(180, 190, 254, 0.35); + box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35); } actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover { @@ -494,12 +494,12 @@ actionbar > revealer > box .linked > button.keyboard-activating:not(.suggested-a actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not(.destructive-action), button:disabled { box-shadow: none; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } @@ -509,8 +509,8 @@ actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action) actionbar > revealer > box .linked > button:checked:disabled:not(.suggested-action):not(.destructive-action), button:checked:disabled { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } button.opaque { @@ -563,7 +563,7 @@ combobox > .linked:not(.vertical) > button:not(:only-child), splitbutton.suggest outline: none; box-shadow: inset 0 0 0 9999px transparent; background-color: transparent; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } placessidebar.sidebar row button.sidebar-button:focus, calendar > header > button:focus, columnview.view > header > button button.circular:focus, @@ -573,7 +573,7 @@ popover.background button.model:focus, headerbar button:focus:not(.suggested-act toolbar button:focus, dropdown > .linked:not(.vertical) > button:focus:not(:only-child), combobox > .linked:not(.vertical) > button:focus:not(:only-child), splitbutton.suggested-action > button:focus, splitbutton.suggested-action > menubutton > button:focus, splitbutton.destructive-action > button:focus, splitbutton.destructive-action > menubutton > button:focus, splitbutton.opaque > button:focus, splitbutton.opaque > menubutton > button:focus, menubutton.suggested-action > button:focus, menubutton.destructive-action > button:focus, menubutton.opaque > button:focus, menubutton.flat > button:focus, button.flat:focus { box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: #eff1f5; + color: #c6d0f5; } placessidebar.sidebar row button.sidebar-button:hover, calendar > header > button:hover, columnview.view > header > button button.circular:hover, @@ -583,7 +583,7 @@ popover.background button.model:hover, headerbar button:hover:not(.suggested-act toolbar button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), combobox > .linked:not(.vertical) > button:hover:not(:only-child), splitbutton.suggested-action > button:hover, splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: #eff1f5; + color: #c6d0f5; } placessidebar.sidebar row button.sidebar-button:active, calendar > header > button:active, columnview.view > header > button button.circular:active, @@ -594,7 +594,7 @@ toolbar button:active, dropdown > .linked:not(.vertical) > button:active:not(:on combobox > .linked:not(.vertical) > button:active:not(:only-child), splitbutton.suggested-action > button:active, splitbutton.suggested-action > menubutton > button:active, splitbutton.destructive-action > button:active, splitbutton.destructive-action > menubutton > button:active, splitbutton.opaque > button:active, splitbutton.opaque > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, button.flat:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); - color: #eff1f5; + color: #c6d0f5; } placessidebar.sidebar row button.sidebar-button:disabled, calendar > header > button:disabled, columnview.view > header > button button.circular:disabled, @@ -605,7 +605,7 @@ toolbar button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not combobox > .linked:not(.vertical) > button:disabled:not(:only-child), splitbutton.suggested-action > button:disabled, splitbutton.suggested-action > menubutton > button:disabled, splitbutton.destructive-action > button:disabled, splitbutton.destructive-action > menubutton > button:disabled, splitbutton.opaque > button:disabled, splitbutton.opaque > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, button.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } filechooser #pathbarbox > stack > box > button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked, @@ -613,7 +613,7 @@ popover.background button.model:checked, headerbar button:checked:not(.suggested toolbar button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), combobox > .linked:not(.vertical) > button:checked:not(:only-child), splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, button.flat:checked, button.flat:checked:hover { background-color: alpha(currentColor, 0.1); - color: #eff1f5; + color: #c6d0f5; } filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled, @@ -621,7 +621,7 @@ popover.background button.model:checked:disabled, headerbar button:checked:disab toolbar button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), splitbutton.suggested-action > button:checked:disabled, splitbutton.suggested-action > menubutton > button:checked:disabled, splitbutton.destructive-action > button:checked:disabled, splitbutton.destructive-action > menubutton > button:checked:disabled, splitbutton.opaque > button:checked:disabled, splitbutton.opaque > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, button.flat:checked:disabled { background-color: alpha(currentColor, 0.1); - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } button separator { @@ -629,8 +629,8 @@ button separator { } button.opaque { - background-color: #484856; - color: #eff1f5; + background-color: #4e5369; + color: #c6d0f5; } button.text-button { @@ -702,7 +702,7 @@ menubutton.pill > button, button.pill { } button.card { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); background-clip: padding-box; font-weight: inherit; padding: 0; @@ -717,7 +717,7 @@ button.card.keyboard-activating, button.card:active { } button.card:checked { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); background-image: image(alpha(currentColor, 0.1)); } @@ -734,8 +734,8 @@ button.card:checked.has-open-popup { } button.card:drop(active) { - color: #fe640b; - box-shadow: inset 0 0 0 1px #fe640b; + color: #ef9f76; + box-shadow: inset 0 0 0 1px #ef9f76; } .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { @@ -764,46 +764,46 @@ button.osd:disabled { } button.suggested-action { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); box-shadow: none; } button.suggested-action:disabled { box-shadow: none; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(180, 190, 254, 0.2), 0 4px 3px 0 rgba(180, 190, 254, 0.14), 0 1px 6px 0 rgba(180, 190, 254, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(140, 170, 238, 0.2), 0 4px 3px 0 rgba(140, 170, 238, 0.14), 0 1px 6px 0 rgba(140, 170, 238, 0.12); } button.suggested-action:checked { - background-color: rgba(140, 147, 198, 0.961); + background-color: rgba(109, 132, 186, 0.961); } button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(180, 190, 254, 0.3), 0 2px 3px -1px rgba(180, 190, 254, 0.24), 0 2px 5px 0 rgba(180, 190, 254, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(140, 170, 238, 0.3), 0 2px 3px -1px rgba(140, 170, 238, 0.24), 0 2px 5px 0 rgba(140, 170, 238, 0.12); } button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(180, 190, 254, 0.35); + box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35); } button.suggested-action.flat { background-color: transparent; - color: #b4befe; + color: #8caaee; } button.suggested-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } button.suggested-action.flat:checked { - background-color: rgba(180, 190, 254, 0.3); + background-color: rgba(140, 170, 238, 0.3); } button.destructive-action { @@ -814,8 +814,8 @@ button.destructive-action { button.destructive-action:disabled { box-shadow: none; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } button.destructive-action:hover { @@ -842,7 +842,7 @@ button.destructive-action.flat { button.destructive-action.flat:disabled { box-shadow: none; background-color: transparent; - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } button.destructive-action.flat:checked { @@ -894,7 +894,7 @@ menubutton.osd { } menubutton.suggested-action { - background-color: #b4befe; + background-color: #8caaee; color: white; } @@ -904,8 +904,8 @@ menubutton.destructive-action { } menubutton.opaque { - background-color: #484856; - color: #eff1f5; + background-color: #4e5369; + color: #c6d0f5; } menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { @@ -1002,7 +1002,7 @@ splitbutton > menubutton > button:dir(ltr) { } splitbutton.flat > separator { - background: rgba(239, 241, 245, 0); + background: rgba(198, 208, 245, 0); } splitbutton.flat:hover, splitbutton.flat:active, splitbutton.flat:checked { @@ -1023,7 +1023,7 @@ splitbutton.flat > menubutton > button { } splitbutton.suggested-action { - background-color: #b4befe; + background-color: #8caaee; color: white; } @@ -1033,8 +1033,8 @@ splitbutton.destructive-action { } splitbutton.opaque { - background-color: #484856; - color: #eff1f5; + background-color: #4e5369; + color: #c6d0f5; } splitbutton.suggested-action > button, splitbutton.suggested-action > button:checked, splitbutton.suggested-action > menubutton > button, splitbutton.suggested-action > menubutton > button:checked, splitbutton.destructive-action > button, splitbutton.destructive-action > button:checked, splitbutton.destructive-action > menubutton > button, splitbutton.destructive-action > menubutton > button:checked, splitbutton.opaque > button, splitbutton.opaque > button:checked, splitbutton.opaque > menubutton > button, splitbutton.opaque > menubutton > button:checked { @@ -1043,11 +1043,11 @@ splitbutton.suggested-action > button, splitbutton.suggested-action > button:che } splitbutton.suggested-action > menubutton > button:dir(ltr), splitbutton.destructive-action > menubutton > button:dir(ltr), splitbutton.opaque > menubutton > button:dir(ltr) { - box-shadow: inset 1px 0 rgba(239, 241, 245, 0); + box-shadow: inset 1px 0 rgba(198, 208, 245, 0); } splitbutton.suggested-action > menubutton > button:dir(rtl), splitbutton.destructive-action > menubutton > button:dir(rtl), splitbutton.opaque > menubutton > button:dir(rtl) { - box-shadow: inset -1px 0 rgba(239, 241, 245, 0); + box-shadow: inset -1px 0 rgba(198, 208, 245, 0); } splitbutton > menubutton > button > arrow.none { @@ -1132,7 +1132,7 @@ modelbutton.flat { min-height: 28px; padding: 0 9px; border-radius: 6px; - color: #eff1f5; + color: #c6d0f5; } modelbutton.flat arrow.left { @@ -1170,7 +1170,7 @@ list > row button.image-button:not(.flat):checked { list > row button.image-button:not(.flat).suggested-action { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } @@ -1184,7 +1184,7 @@ list > row button.image-button:not(.flat).destructive-action { * Links * *********/ link { - color: #7287fd; + color: #8caaee; } link:visited { @@ -1192,7 +1192,7 @@ link:visited { } button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #7287fd; + color: #8caaee; } button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { @@ -1213,19 +1213,19 @@ spinbutton { min-height: 0; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.08); + color: #c6d0f5; } spinbutton:focus-within { - background-color: rgba(239, 241, 245, 0.08); - box-shadow: inset 0 0 0 2px #b4befe; + background-color: rgba(198, 208, 245, 0.08); + box-shadow: inset 0 0 0 2px #8caaee; } spinbutton:disabled { box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } spinbutton:not(.vertical) > text { @@ -1244,7 +1244,7 @@ spinbutton:not(.vertical) > button { spinbutton:not(.vertical) > button:focus:not(:hover):not(:active):not(:disabled) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } spinbutton:not(.vertical) > button.up:dir(ltr), spinbutton:not(.vertical) > button.down:dir(rtl) { @@ -1273,7 +1273,7 @@ spinbutton.vertical > button { spinbutton.vertical > button:focus:not(:hover):not(:active) { box-shadow: inset 0 0 0 9999px transparent; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } spinbutton.vertical > button.up { @@ -1348,7 +1348,7 @@ combobox popover listview > row { dropdown popover listview > row:selected, combobox popover listview > row:selected { - color: #eff1f5; + color: #c6d0f5; background-color: alpha(currentColor, 0.06); } @@ -1420,35 +1420,35 @@ button.combo:only-child { font-weight: normal; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 2px transparent; - background-color: rgba(239, 241, 245, 0.08); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.08); + color: #c6d0f5; } button.combo:only-child:focus { box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); - color: #eff1f5; + color: #c6d0f5; } button.combo:only-child:hover { box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); - color: #eff1f5; + color: #c6d0f5; } button.combo:only-child:active { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); - color: #eff1f5; + color: #c6d0f5; } button.combo:only-child:checked { background-color: alpha(currentColor, 0.1); - color: #eff1f5; + color: #c6d0f5; } button.combo:only-child:disabled { box-shadow: none; - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } /************ @@ -1457,7 +1457,7 @@ button.combo:only-child:disabled { .toolbar, toolbar { padding: 3px 6px; - background-color: #1e1e2e; + background-color: #303446; border-spacing: 6px; } @@ -1470,13 +1470,13 @@ toolbar.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #313244; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #414559; } .app-notification:backdrop, .toolbar.osd:backdrop, toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1); } .left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, @@ -1550,8 +1550,8 @@ searchbar > revealer > box { border-spacing: 6px; border-style: solid; border-width: 0 0 1px; - border-color: rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-color: rgba(198, 208, 245, 0.12); + background-color: #303446; background-clip: border-box; box-shadow: none; } @@ -1564,7 +1564,7 @@ searchbar > revealer > box entry { * Header bars * ***************/ headerbar button:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border: none; } @@ -1573,80 +1573,80 @@ headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructiv } headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) { - color: #eff1f5; + color: #c6d0f5; } headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { background-color: transparent; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } headerbar entry { - background-color: rgba(239, 241, 245, 0.04); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.04); + color: #c6d0f5; } headerbar entry:disabled { - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } headerbar entry image { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } headerbar entry image:hover, headerbar entry image:active { - color: #eff1f5; + color: #c6d0f5; } headerbar entry image:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } headerbar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); - background-color: #11111b; - color: #eff1f5; + box-shadow: inset 0 -1px rgba(198, 208, 245, 0.12); + background-color: #232634; + color: #c6d0f5; min-height: 48px; padding: 0 6px; } headerbar:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } headerbar:backdrop { - background-color: #1e1e2e; - color: rgba(239, 241, 245, 0.7); + background-color: #303446; + color: rgba(198, 208, 245, 0.7); } headerbar:backdrop:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } headerbar .title { @@ -1664,14 +1664,14 @@ headerbar .dim-label, headerbar row label.subtitle, row headerbar label.subtitle { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } headerbar .subtitle:backdrop, headerbar .dim-label:backdrop, headerbar row label.subtitle:backdrop, row headerbar label.subtitle:backdrop { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } headerbar .titlebar { @@ -1680,11 +1680,11 @@ headerbar .titlebar { } headerbar headerbar + separator { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } box.vertical headerbar { - background-color: #11111b; + background-color: #232634; } headerbar > windowhandle > box { @@ -1713,7 +1713,7 @@ headerbar menubutton.popup { headerbar separator:not(.sidebar) { margin-top: 12px; margin-bottom: 12px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } headerbar switch { @@ -1736,14 +1736,14 @@ headerbar .linked:not(.vertical) > entry:not(:only-child) { } headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } headerbar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #b4befe; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.2); + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } @@ -1765,14 +1765,14 @@ headerbar.selection-mode .selection-menu .arrow { } headerbar .selection-mode { - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #b4befe; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.2); + background-color: #8caaee; } headerbar.default-decoration { min-height: 24px; padding: 6px; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 1px rgba(198, 208, 245, 0.1); } headerbar.default-decoration windowcontrols button, @@ -1796,11 +1796,11 @@ headerbar.default-decoration windowcontrols menubutton button { } window.devel headerbar.titlebar { - background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(180, 190, 254, 0.1)), linear-gradient(to top, #171724 3px, #1b1b2b); + background: #232634 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(140, 170, 238, 0.1)), linear-gradient(to top, #292d3d 3px, #2d3143); } window.devel headerbar.titlebar:backdrop { - background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#11111b); + background: #232634 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#232634); /* background-color would flash */ } @@ -1876,7 +1876,7 @@ indicatorbin > mask { } indicatorbin.needs-attention > indicator { - background-color: #b4befe; + background-color: #8caaee; } indicatorbin.needs-attention > indicator > label { @@ -1902,7 +1902,7 @@ pathbar > button:disabled { pathbar > button:checked { background-color: alpha(currentColor, 0.16); - color: #eff1f5; + color: #c6d0f5; } @@ -1923,8 +1923,8 @@ pathbar > button.slider-button { **************/ columnview.view, treeview.view { - border-left-color: rgba(239, 241, 245, 0); - border-top-color: rgba(239, 241, 245, 0); + border-left-color: rgba(198, 208, 245, 0); + border-top-color: rgba(198, 208, 245, 0); } columnview.view:hover, columnview.view:selected, @@ -1936,7 +1936,7 @@ treeview.view:selected { columnview.view.separator, treeview.view.separator { min-height: 5px; - color: rgba(239, 241, 245, 0.12); + color: rgba(198, 208, 245, 0.12); } columnview.view:drop(active), @@ -1976,7 +1976,7 @@ treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } columnview.view.expander:dir(rtl), @@ -1986,17 +1986,17 @@ treeview.view.expander:dir(rtl) { columnview.view.expander:hover, treeview.view.expander:hover { - color: #eff1f5; + color: #c6d0f5; } columnview.view.expander:selected, treeview.view.expander:selected { - color: #eff1f5; + color: #c6d0f5; } columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { - color: #eff1f5; + color: #c6d0f5; } columnview.view.expander:checked, @@ -2006,12 +2006,12 @@ treeview.view.expander:checked { columnview.view.expander:disabled, treeview.view.expander:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } columnview.view.progressbar, treeview.view.progressbar { - border-bottom: 6px solid #b4befe; + border-bottom: 6px solid #8caaee; box-shadow: none; background-color: transparent; background-image: none; @@ -2024,7 +2024,7 @@ treeview.view.progressbar:selected:hover { columnview.view.trough, treeview.view.trough { - border-bottom: 6px solid rgba(239, 241, 245, 0.12); + border-bottom: 6px solid rgba(198, 208, 245, 0.12); box-shadow: none; background-color: transparent; background-image: none; @@ -2040,20 +2040,20 @@ treeview.view > header > button { padding: 2px 6px; border-style: none solid solid none; border-width: 1px; - border-color: rgba(239, 241, 245, 0.12); + border-color: rgba(198, 208, 245, 0.12); border-radius: 0; background-clip: border-box; } columnview.view > header > button:not(:focus):not(:hover):not(:active), treeview.view > header > button:not(:focus):not(:hover):not(:active) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } columnview.view > header > button, columnview.view > header > button:disabled, treeview.view > header > button, treeview.view > header > button:disabled { - background-color: #1e1e2e; + background-color: #303446; } columnview.view > header > button:last-child, @@ -2068,17 +2068,17 @@ treeview.view header.button.dnd { padding: 2px 6px; border-style: none solid solid; border-width: 1px; - border-color: rgba(239, 241, 245, 0.12); + border-color: rgba(198, 208, 245, 0.12); border-radius: 0; box-shadow: none; - background-color: #1e1e2e; + background-color: #303446; background-clip: border-box; - color: #b4befe; + color: #8caaee; } columnview.view acceleditor > label, treeview.view acceleditor > label { - background-color: #b4befe; + background-color: #8caaee; } stack.view treeview.view { @@ -2090,13 +2090,13 @@ stack.view treeview.view { *********/ menubar { padding: 0; - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; } menubar:backdrop { - background-color: #1e1e2e; - color: rgba(239, 241, 245, 0.7); + background-color: #303446; + color: rgba(198, 208, 245, 0.7); } .csd menubar { @@ -2107,17 +2107,17 @@ menubar > item { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } menubar > item:selected { transition: none; background-color: alpha(currentColor, 0.1); - color: #eff1f5; + color: #c6d0f5; } menubar > item:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } menubar > item label:disabled { @@ -2188,7 +2188,7 @@ popover.menu modelbutton { min-height: 22px; min-width: 56px; padding: 3px 9px; - color: #eff1f5; + color: #c6d0f5; font: initial; text-shadow: none; box-shadow: none; @@ -2201,7 +2201,7 @@ popover.menu modelbutton:hover { } popover.menu modelbutton:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } popover.menu label.title { @@ -2224,9 +2224,9 @@ popover.background > arrow, popover.background > contents { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; - background-color: #313244; + background-color: #414559; border-radius: 12px; - border: 1px solid rgba(239, 241, 245, 0.1); + border: 1px solid rgba(198, 208, 245, 0.1); background-clip: border-box; box-shadow: 0 0 0 1px rgba(17, 17, 27, 0), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05); } @@ -2245,7 +2245,7 @@ popover.background > contents > toolbar { } popover.background > contents separator { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); margin: 3px 0; } @@ -2255,7 +2255,7 @@ popover.background > contents list separator { popover.background .view:not(:selected), popover.background toolbar { - background-color: #313244; + background-color: #414559; } popover.background .linked > button:not(.radio) { @@ -2289,7 +2289,7 @@ popover.background button.model { } magnifier { - background-color: #1e1e2e; + background-color: #303446; } /************* @@ -2303,7 +2303,7 @@ tabbar tab, notebook > header tab { border: none; outline: none; background-clip: padding-box; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-weight: 500; border-radius: 6px; background-image: none; @@ -2311,33 +2311,33 @@ tabbar tab, notebook > header tab { } tabbar tab:hover, notebook > header tab:hover { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); background-image: none; - color: #eff1f5; + color: #c6d0f5; } tabbar tab:disabled, notebook > header tab:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } tabbar tab:checked, notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.15); - color: #eff1f5; + color: #c6d0f5; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); background-image: none; } tabbar tab:checked:disabled, notebook > header tab:checked:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } frame > paned > notebook > header, notebook.frame > header { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } notebook, notebook.frame { - background-color: #1e1e2e; + background-color: #303446; border-radius: 12px; } @@ -2352,7 +2352,7 @@ notebook.frame frame > list row.activatable { notebook > header { border: none; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); padding: 3px; margin: 3px; border-radius: 9px; @@ -2417,8 +2417,8 @@ notebook > header tab > box { } notebook > header tab > box:drop(active) { - background-color: rgba(239, 241, 245, 0.12); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.12); + color: #c6d0f5; } notebook > header tab button.flat:last-child { @@ -2479,7 +2479,7 @@ tabbar .box { } tabbar scrolledwindow.pinned undershoot { - border: 0 solid rgba(239, 241, 245, 0); + border: 0 solid rgba(198, 208, 245, 0); } tabbar scrolledwindow.pinned:dir(rtl) undershoot.left { @@ -2491,11 +2491,11 @@ tabbar scrolledwindow.pinned:dir(ltr) undershoot.right { } tabbar scrolledwindow.pinned tabbox > background:dir(ltr) { - box-shadow: inset -1px 0 rgba(239, 241, 245, 0); + box-shadow: inset -1px 0 rgba(198, 208, 245, 0); } tabbar scrolledwindow.pinned tabbox > background:dir(rtl) { - box-shadow: inset 1px 0 rgba(239, 241, 245, 0); + box-shadow: inset 1px 0 rgba(198, 208, 245, 0); } tabbar undershoot { @@ -2503,23 +2503,23 @@ tabbar undershoot { } tabbar undershoot.left { - background: linear-gradient(to right, #1e1e2e, rgba(0, 0, 0, 0) 20px); + background: linear-gradient(to right, #303446, rgba(0, 0, 0, 0) 20px); } tabbar undershoot.right { - background: linear-gradient(to left, #1e1e2e, rgba(0, 0, 0, 0) 20px); + background: linear-gradient(to left, #303446, rgba(0, 0, 0, 0) 20px); } tabbar .needs-attention-left undershoot.left { - background: linear-gradient(to right, alpha(#b4befe, 0.5), alpha(#b4befe, 0.3) 1px, alpha(#b4befe, 0) 20px); + background: linear-gradient(to right, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px); } tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, alpha(#b4befe, 0.5), alpha(#b4befe, 0.3) 1px, alpha(#b4befe, 0) 20px); + background: linear-gradient(to left, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px); } tabbar tabbox { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); background-image: none; padding: 3px; margin: 3px; @@ -2531,18 +2531,18 @@ tabbar tabbox > background { } tabbar tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#b4befe, 0.4) 10%, alpha(#b4befe, 0) 30%); + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#8caaee, 0.4) 10%, alpha(#8caaee, 0) 30%); } tabbar tab.needs-attention:hover { - background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#b4befe, 0.4) 10%, alpha(#b4befe, 0) 30%); + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#8caaee, 0.4) 10%, alpha(#8caaee, 0) 30%); } tabbar .start-action, tabbar .end-action { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); background-clip: padding-box; - border-color: rgba(239, 241, 245, 0); + border-color: rgba(198, 208, 245, 0); border-style: solid; transition: background 150ms ease-in-out; } @@ -2564,44 +2564,44 @@ tabbar .end-action:dir(ltr) { } tabbar:not(.inline) scrolledwindow.pinned undershoot { - border-color: rgba(239, 241, 245, 0); + border-color: rgba(198, 208, 245, 0); } tabbar:not(.inline) undershoot.left { - background: linear-gradient(to right, #11111b, rgba(0, 0, 0, 0) 20px); + background: linear-gradient(to right, #232634, rgba(0, 0, 0, 0) 20px); } tabbar:not(.inline) undershoot.right { - background: linear-gradient(to left, #11111b, rgba(0, 0, 0, 0) 20px); + background: linear-gradient(to left, #232634, rgba(0, 0, 0, 0) 20px); } tabbar:not(.inline) .needs-attention-left undershoot.left { - background: linear-gradient(to right, alpha(#b4befe, 0.5), alpha(#b4befe, 0.3) 1px, alpha(#b4befe, 0) 20px); + background: linear-gradient(to right, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px); } tabbar:not(.inline) .needs-attention-right undershoot.right { - background: linear-gradient(to left, alpha(#b4befe, 0.5), alpha(#b4befe, 0.3) 1px, alpha(#b4befe, 0) 20px); + background: linear-gradient(to left, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px); } tabbar:not(.inline) tabbox > background { - background-color: #11111b; + background-color: #232634; } tabbar:not(.inline) .start-action, tabbar:not(.inline) .end-action { - background-color: alpha(#11111b, 0.6); - border-color: rgba(239, 241, 245, 0); + background-color: alpha(#232634, 0.6); + border-color: rgba(198, 208, 245, 0); } tabbar:not(.inline):backdrop .box { - background-color: #1e1e2e; + background-color: #303446; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } dnd tab { min-height: 24px; - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); outline: 1px solid rgba(17, 17, 27, 0); outline-offset: -1px; @@ -2609,7 +2609,7 @@ dnd tab { } dnd tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#b4befe, 0.4) 10%, alpha(#b4befe, 0) 30%); + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#8caaee, 0.4) 10%, alpha(#8caaee, 0) 30%); } tabbar tab, @@ -2636,25 +2636,25 @@ tabbox:drop(active) { **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #1e1e2e; + background-color: #303446; box-shadow: none; outline: none; } scrollbar.top { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); } scrollbar.bottom { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } scrollbar.left { - border-right: 1px solid rgba(239, 241, 245, 0.12); + border-right: 1px solid rgba(198, 208, 245, 0.12); } scrollbar.right { - border-left: 1px solid rgba(239, 241, 245, 0.12); + border-left: 1px solid rgba(198, 208, 245, 0.12); } scrollbar > range > trough > slider { @@ -2664,21 +2664,21 @@ scrollbar > range > trough > slider { border: 4px solid transparent; border-radius: 9999px; background-clip: padding-box; - background-color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.5); box-shadow: none; outline: none; } scrollbar > range > trough > slider:hover { - background-color: rgba(239, 241, 245, 0.7); + background-color: rgba(198, 208, 245, 0.7); } scrollbar > range > trough > slider:active { - background-color: #eff1f5; + background-color: #c6d0f5; } scrollbar > range > trough > slider:disabled { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } scrollbar > range.fine-tune > trough > slider { @@ -2707,22 +2707,22 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > sli min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(30, 30, 46, 0.3); + border: 1px solid rgba(48, 52, 70, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(30, 30, 46, 0.3); + border: 1px solid rgba(48, 52, 70, 0.3); border-radius: 9999px; - background-color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.5); background-clip: padding-box; -gtk-icon-source: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { @@ -2742,7 +2742,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(49, 50, 68, 0.9); + background-color: rgba(65, 69, 89, 0.9); } scrollbar.horizontal > range > trough > slider { @@ -2785,14 +2785,14 @@ switch { padding: 0; border: none; border-radius: 9999px; - background-color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.5); background-clip: border-box; font-size: 0; color: transparent; } switch:checked { - background-color: #b4befe; + background-color: #8caaee; } switch:disabled { @@ -2816,7 +2816,7 @@ switch > slider { } switch:focus slider, switch:hover slider, switch:focus:hover slider { - box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); + box-shadow: 0 0 0 6px rgba(198, 208, 245, 0.12); } /************************* @@ -2836,7 +2836,7 @@ switch:focus slider, switch:hover slider, switch:focus:hover slider { .view.content-view.check:not(list):hover, .view.content-view.check:not(list):active, .content-view .tile check:not(list):hover, .content-view .tile check:not(list):active { - box-shadow: 0 0 0 10px rgba(239, 241, 245, 0.12); + box-shadow: 0 0 0 10px rgba(198, 208, 245, 0.12); } .view.content-view.check:not(list), @@ -2864,53 +2864,53 @@ radio { border-radius: 9999px; border: none; color: transparent; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); } check:hover, radio:hover { - box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.04); - background-color: rgba(239, 241, 245, 0.15); + box-shadow: 0 0 0 6px rgba(198, 208, 245, 0.04); + background-color: rgba(198, 208, 245, 0.15); } check:active, radio:active { - box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); - background-color: rgba(239, 241, 245, 0.2); + box-shadow: 0 0 0 6px rgba(198, 208, 245, 0.12); + background-color: rgba(198, 208, 245, 0.2); } check:disabled, radio:disabled { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } check:checked, check:indeterminate, radio:checked, radio:indeterminate { color: rgba(17, 17, 27, 0.87); - background-color: #b4befe; + background-color: #8caaee; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { - box-shadow: 0 0 0 6px rgba(180, 190, 254, 0.15); - background-color: #e6eaff; + box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.15); + background-color: #b8cbf5; } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { - box-shadow: 0 0 0 6px rgba(180, 190, 254, 0.2); - background-color: #b4befe; + box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.2); + background-color: #8caaee; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { color: rgba(17, 17, 27, 0.6); - background-color: rgba(180, 190, 254, 0.35); + background-color: rgba(140, 170, 238, 0.35); } popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { @@ -3028,7 +3028,7 @@ columnview.view check { treeview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate), columnview.view radio:not(:hover):not(:disabled):not(:checked):not(:indeterminate), columnview.view check:not(:hover):not(:disabled):not(:checked):not(:indeterminate) { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover, @@ -3096,26 +3096,26 @@ scale.fine-tune slider { scale trough { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); outline: none; - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } scale trough:disabled { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } scale highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#b4befe); + background-image: image(#8caaee); } scale highlight:disabled { - background-color: #1e1e2e; - background-image: image(rgba(239, 241, 245, 0.3)); + background-color: #303446; + background-image: image(rgba(198, 208, 245, 0.3)); } scale fill { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } scale fill:disabled { @@ -3125,30 +3125,30 @@ scale fill:disabled { scale slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 9999px; - color: #b4befe; - background-color: #1e1e2e; - box-shadow: inset 0 0 0 2px #b4befe; + color: #8caaee; + background-color: #303446; + box-shadow: inset 0 0 0 2px #8caaee; } scale slider:hover { - box-shadow: inset 0 0 0 2px #b4befe, 0 0 0 8px rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 0 2px #8caaee, 0 0 0 8px rgba(198, 208, 245, 0.12); } scale slider:active { - box-shadow: inset 0 0 0 4px #b4befe, 0 0 0 8px rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 0 4px #8caaee, 0 0 0 8px rgba(198, 208, 245, 0.12); } scale slider:disabled { - box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.3); + box-shadow: inset 0 0 0 2px rgba(198, 208, 245, 0.3); } scale marks, scale value { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } scale indicator { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); color: transparent; } @@ -3418,7 +3418,7 @@ scale.color.vertical:dir(rtl) slider { * Progress bars * *****************/ progressbar { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); font-size: smaller; } @@ -3434,12 +3434,12 @@ progressbar.vertical progress { progressbar trough { border-radius: 6px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } progressbar progress { border-radius: 6px; - background-color: #b4befe; + background-color: #8caaee; } progressbar.osd { @@ -3453,7 +3453,7 @@ progressbar.osd trough { } progressbar.osd progress { - background-color: #b4befe; + background-color: #8caaee; } progressbar trough.empty progress { @@ -3496,7 +3496,7 @@ levelbar block.low { } levelbar block.high, levelbar block:not(.empty) { - background-color: #b4befe; + background-color: #8caaee; } levelbar block.full { @@ -3504,14 +3504,14 @@ levelbar block.full { } levelbar block.empty { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } /**************** * Print dialog * *****************/ window.dialog.print drawing { - color: #eff1f5; + color: #c6d0f5; background: none; border: none; padding: 0; @@ -3519,9 +3519,9 @@ window.dialog.print drawing { window.dialog.print drawing paper { padding: 0; - border: 1px solid rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; - color: #eff1f5; + border: 1px solid rgba(198, 208, 245, 0.12); + background-color: #303446; + color: #c6d0f5; } window.dialog.print .dialog-action-box { @@ -3533,7 +3533,7 @@ window.dialog.print .dialog-action-box { **********/ frame, .frame { - border: 1px solid rgba(239, 241, 245, 0.12); + border: 1px solid rgba(198, 208, 245, 0.12); } frame > list, @@ -3566,8 +3566,8 @@ frame.flat > border, statusbar frame > border { actionbar > revealer > box { padding: 6px; border-spacing: 6px; - box-shadow: inset 0 1px rgba(239, 241, 245, 0); - background-color: #1e1e2e; + box-shadow: inset 0 1px rgba(198, 208, 245, 0); + background-color: #303446; background-clip: border-box; border: none; } @@ -3630,7 +3630,7 @@ overshoot.right { undershoot.top { background-color: transparent; - background-image: linear-gradient(to left, transparent 50%, rgba(239, 241, 245, 0.3) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(198, 208, 245, 0.3) 50%); padding-top: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3641,7 +3641,7 @@ undershoot.top { undershoot.bottom { background-color: transparent; - background-image: linear-gradient(to left, transparent 50%, rgba(239, 241, 245, 0.3) 50%); + background-image: linear-gradient(to left, transparent 50%, rgba(198, 208, 245, 0.3) 50%); padding-bottom: 1px; background-size: 12px 1px; background-repeat: repeat-x; @@ -3652,7 +3652,7 @@ undershoot.bottom { undershoot.left { background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(239, 241, 245, 0.3) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(198, 208, 245, 0.3) 50%); padding-left: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3664,7 +3664,7 @@ undershoot.left { undershoot.right { background-color: transparent; - background-image: linear-gradient(to top, transparent 50%, rgba(239, 241, 245, 0.3) 50%); + background-image: linear-gradient(to top, transparent 50%, rgba(198, 208, 245, 0.3) 50%); padding-right: 1px; background-size: 1px 12px; background-repeat: repeat-y; @@ -3677,8 +3677,8 @@ undershoot.right { junction { border-style: solid none none solid; border-width: 1px; - border-color: rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-color: rgba(198, 208, 245, 0.12); + background-color: #303446; } junction:dir(rtl) { @@ -3688,7 +3688,7 @@ junction:dir(rtl) { separator { min-width: 1px; min-height: 1px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } stacksidebar + separator.vertical, @@ -3707,7 +3707,7 @@ list.boxed-list, listview.content:not(.conversation-listbox), list.content:not(.conversation-listbox) { border-radius: 7px; box-shadow: none; - border: 1px solid rgba(239, 241, 245, 0.12); + border: 1px solid rgba(198, 208, 245, 0.12); } window.background.csd stack stack stack frame > list row.activatable, @@ -3757,8 +3757,8 @@ list.content:not(.conversation-listbox) > row:focus { listview, list { - border-color: rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-color: rgba(198, 208, 245, 0.12); + background-color: #303446; } listview row, @@ -3788,7 +3788,7 @@ list.frame { } listview.view { - color: #eff1f5; + color: #c6d0f5; background-color: transparent; } @@ -3804,7 +3804,7 @@ popover.menu listview.view > row { } row { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); background-clip: padding-box; } @@ -3837,13 +3837,13 @@ treeview.view > header > button, row.activatable { columnview.view > header > button:focus, treeview.view > header > button:focus, row.activatable:focus { - color: #eff1f5; + color: #c6d0f5; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } columnview.view > header > button:hover, treeview.view > header > button:hover, row.activatable:hover { - color: #eff1f5; + color: #c6d0f5; transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms; box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); } @@ -3851,7 +3851,7 @@ treeview.view > header > button:hover, row.activatable:hover { columnview.view > header > button.has-open-popup, treeview.view > header > button.has-open-popup, columnview.view > header > button:active, treeview.view > header > button:active, row.activatable.has-open-popup, row.activatable:active { - color: #eff1f5; + color: #c6d0f5; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12); } @@ -3866,7 +3866,7 @@ row:selected { row:selected image, row:selected label { - color: #eff1f5; + color: #c6d0f5; } row:selected button image, @@ -3876,7 +3876,7 @@ row:selected button label { row:selected:disabled image, row:selected:disabled label { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } columnview > listview > row { @@ -3892,7 +3892,7 @@ columnview > listview > row > cell:not(:first-child) { } columnview.column-separators > listview > row > cell { - border-left-color: rgba(239, 241, 245, 0); + border-left-color: rgba(198, 208, 245, 0); } columnview.data-table > listview > row > cell { @@ -3909,12 +3909,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { } columnview row:not(:selected) cell editablelabel.editing:focus-within { - outline: 2px solid #b4befe; + outline: 2px solid #8caaee; } columnview row:not(:selected) cell editablelabel.editing text selection { color: rgba(17, 17, 27, 0.87); - background-color: #b4befe; + background-color: #8caaee; } .rich-list { @@ -3942,7 +3942,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection { } .app-notification button.text-button:not(:disabled) { - color: #b4befe; + color: #8caaee; } .app-notification.frame, @@ -3957,7 +3957,7 @@ expander { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-width: 16px; min-height: 16px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } @@ -3966,7 +3966,7 @@ expander:dir(rtl) { } expander:hover, expander:active { - color: #eff1f5; + color: #c6d0f5; } expander:checked { @@ -3974,7 +3974,7 @@ expander:checked { } expander:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } expander-widget > box > title { @@ -3982,7 +3982,7 @@ expander-widget > box > title { } expander-widget > box > title:hover > expander { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } .navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), @@ -4000,13 +4000,13 @@ expander-widget:not(decoration):not(window):drop(active) { ************/ calendar { padding: 0; - border: 1px solid rgba(239, 241, 245, 0.12); + border: 1px solid rgba(198, 208, 245, 0.12); border-radius: 6px; - color: #eff1f5; + color: #c6d0f5; } calendar:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } calendar:selected { @@ -4015,7 +4015,7 @@ calendar:selected { calendar > header { padding: 3px; - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); } calendar > header > button { @@ -4051,7 +4051,7 @@ calendar > grid > label.day-number.other-month { * Dialogs * ***********/ window.dialog.message.background { - background-color: #313244; + background-color: #414559; } window.dialog.message box.dialog-vbox.vertical { @@ -4061,14 +4061,14 @@ window.dialog.message box.dialog-vbox.vertical { window.dialog.message .titlebar { min-height: 24px; border-style: none; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #313244; - color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #414559; + color: #c6d0f5; } window.dialog.message .titlebar:backdrop { - background-color: #313244; - color: rgba(239, 241, 245, 0.7); + background-color: #414559; + color: rgba(198, 208, 245, 0.7); } window.dialog.message .dialog-action-area { @@ -4084,7 +4084,7 @@ window.dialog.message .dialog-action-area > button:not(:last-child) { } window.dialog.message .dialog-action-area > button:not(:disabled) { - color: #b4befe; + color: #8caaee; } window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { @@ -4092,17 +4092,17 @@ window.dialog.message .dialog-action-area > button.destructive-action:not(:disab } .csd filechooser { - background-color: #1e1e2e; + background-color: #303446; border-radius: 0 0 12px 12px; } filechooser .dialog-action-box { - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); } filechooser #pathbarbox { - border-bottom: 1px solid rgba(239, 241, 245, 0.12); - background-color: #1e1e2e; + border-bottom: 1px solid rgba(198, 208, 245, 0.12); + background-color: #303446; } filechooser stack.view { @@ -4153,16 +4153,16 @@ filechooserbutton:drop(active) { ***********/ .sidebar { border-style: none; - background-color: #11111b; + background-color: #232634; } .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) { - border-right: 1px solid rgba(239, 241, 245, 0); + border-right: 1px solid rgba(198, 208, 245, 0); border-left-style: none; } .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { - border-left: 1px solid rgba(239, 241, 245, 0); + border-left: 1px solid rgba(198, 208, 245, 0); border-right-style: none; } @@ -4182,7 +4182,7 @@ leaflet.unfolded > box > stacksidebar.sidebar { stacksidebar list { padding: 6px; - background-color: #11111b; + background-color: #232634; } stacksidebar row { @@ -4193,7 +4193,7 @@ stacksidebar row { stacksidebar row:selected { background-color: alpha(currentColor, 0.06); - color: #eff1f5; + color: #c6d0f5; font-weight: 500; } @@ -4208,7 +4208,7 @@ stacksidebar row > label { } separator.sidebar { - background-color: rgba(239, 241, 245, 0); + background-color: rgba(198, 208, 245, 0); border-right: none; } @@ -4230,8 +4230,8 @@ separator.sidebar.selection-mode, .selection-mode separator.sidebar { } .navigation-sidebar.background { - background-color: #11111b; - color: rgba(239, 241, 245, 0.7); + background-color: #232634; + color: rgba(198, 208, 245, 0.7); } .navigation-sidebar > row { @@ -4247,7 +4247,7 @@ separator.sidebar.selection-mode, .selection-mode separator.sidebar { .navigation-sidebar > row:selected { background-color: alpha(currentColor, 0.06); - color: #eff1f5; + color: #c6d0f5; } .navigation-sidebar > row:selected:hover { @@ -4264,7 +4264,7 @@ separator.sidebar.selection-mode, .selection-mode separator.sidebar { } .navigation-sidebar > row:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } /**************** @@ -4272,11 +4272,11 @@ separator.sidebar.selection-mode, .selection-mode separator.sidebar { ****************/ row image.sidebar-icon { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } row image.sidebar-icon:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } placessidebar.sidebar > viewport.frame { @@ -4288,12 +4288,12 @@ placessidebar.sidebar list > separator { } placessidebar.sidebar row:selected { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); font-weight: 500; } placessidebar.sidebar row:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } placessidebar.sidebar row image.sidebar-icon:dir(ltr) { @@ -4321,11 +4321,11 @@ placessidebar.sidebar row.sidebar-placeholder-row { } placessidebar.sidebar row.sidebar-new-bookmark-row { - color: #b4befe; + color: #8caaee; } placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #b4befe; + color: #8caaee; } placessidebar.sidebar row:drop(active) { @@ -4355,7 +4355,7 @@ paned > separator { -gtk-icon-source: none; border-style: none; background-color: transparent; - background-image: image(rgba(239, 241, 245, 0)); + background-image: image(rgba(198, 208, 245, 0)); background-size: 1px 1px; background-clip: content-box; box-shadow: none; @@ -4364,8 +4364,8 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #1e1e2e; - background-image: image(rgba(239, 241, 245, 0)), image(rgba(239, 241, 245, 0)); + background-color: #303446; + background-image: image(rgba(198, 208, 245, 0)), image(rgba(198, 208, 245, 0)); background-size: 1px 1px, 1px 1px; } @@ -4435,16 +4435,16 @@ infobar > revealer > box { } infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #1e1e2e; - color: #eff1f5; + background-color: #303446; + color: #c6d0f5; } infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { - color: #b4befe; + color: #8caaee; } infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #b4befe; + background-color: #8caaee; color: rgba(17, 17, 27, 0.87); } @@ -4457,7 +4457,7 @@ infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box } infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #9ba8fe; + background-color: #769aeb; } infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { @@ -4504,8 +4504,8 @@ tooltip { } tooltip.background { - background-color: rgba(11, 11, 18, 0.9); - color: #eff1f5; + background-color: rgba(29, 31, 43, 0.9); + color: #c6d0f5; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; margin: 2px 6px 8px 6px; @@ -4560,7 +4560,7 @@ colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { } colorswatch.dark { - color: #eff1f5; + color: #c6d0f5; } colorswatch.light { @@ -4569,12 +4569,12 @@ colorswatch.light { colorchooser colorswatch:hover { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 0 0 2px #b4befe; + box-shadow: 0 0 0 2px #8caaee; } colorswatch#add-color-button { border-radius: 6px 0 0 6px; - color: #eff1f5; + color: #c6d0f5; } colorswatch#add-color-button:only-child { @@ -4582,16 +4582,16 @@ colorswatch#add-color-button:only-child { } colorswatch#add-color-button overlay { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } colorswatch#add-color-button overlay:hover { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); box-shadow: none; } colorswatch#add-color-button overlay:active { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } colorswatch:disabled { @@ -4617,19 +4617,19 @@ colorswatch#editor-color-sample overlay:hover { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); - background-color: #313244; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1); + background-color: #414559; } colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.1); } /******** * Misc * ********/ .content-view { - background-color: #1e1e2e; + background-color: #303446; } /********************** @@ -4638,7 +4638,7 @@ colorchooser .popover.osd:backdrop { window.csd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 12px; - outline-color: rgba(239, 241, 245, 0.1); + outline-color: rgba(198, 208, 245, 0.1); outline-offset: -1px; outline-style: solid; outline-width: 1px; @@ -4661,12 +4661,12 @@ window.csd.dialog.message { margin: 0; padding: 2px; border-radius: 0; - background-color: #11111b; - border: 1px solid rgba(239, 241, 245, 0); + background-color: #232634; + border: 1px solid rgba(198, 208, 245, 0); } .solid-csd window.csd:backdrop { - background-color: #1e1e2e; + background-color: #303446; } window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { @@ -4701,11 +4701,11 @@ windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-act } windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) { @@ -4713,7 +4713,7 @@ windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) { } windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) { - background-color: #e8d2a9; + background-color: #ddcaa9; } windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) { @@ -4721,7 +4721,7 @@ windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) { } windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) { - background-color: #b8d9a4; + background-color: #aed1a4; } windowcontrols button.close:not(.suggested-action):not(.destructive-action) { @@ -4729,7 +4729,7 @@ windowcontrols button.close:not(.suggested-action):not(.destructive-action) { } windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { - background-color: #e99ea0; + background-color: #df96a0; } windowcontrols { @@ -4752,14 +4752,14 @@ treeview.view:selected, row:selected, calendar:selected, calendar > grid > label } flowbox > flowboxchild:selected, calendar > grid > label.today { - color: #b4befe; - background-color: rgba(180, 190, 254, 0.2); + color: #8caaee; + background-color: rgba(140, 170, 238, 0.2); } textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { color: rgba(17, 17, 27, 0.87); - background-color: #b4befe; + background-color: #8caaee; } .monospace { @@ -4770,7 +4770,7 @@ entry > text > selection, calendar > grid > label.today:selected { * Touch Copy & Paste * **********************/ cursor-handle { - color: #b4befe; + color: #8caaee; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -4798,16 +4798,16 @@ shortcut > .keycap { padding-bottom: 2px; padding-left: 8px; padding-right: 8px; - border: solid 1px rgba(239, 241, 245, 0.12); + border: solid 1px rgba(198, 208, 245, 0.12); border-radius: 7px; - box-shadow: inset 0 -2px rgba(239, 241, 245, 0.12); - background-color: #313244; - color: #eff1f5; + box-shadow: inset 0 -2px rgba(198, 208, 245, 0.12); + background-color: #414559; + color: #c6d0f5; font-size: smaller; } :not(decoration):not(window):drop(active) { - caret-color: #b4befe; + caret-color: #8caaee; } stackswitcher { @@ -4815,7 +4815,7 @@ stackswitcher { padding: 3px; margin: 6px 0; border-radius: 9px; - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); border: none; } @@ -4837,7 +4837,7 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); background-color: rgba(255, 255, 255, 0.15); - color: #eff1f5; + color: #c6d0f5; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } @@ -4877,7 +4877,7 @@ popover.emoji-picker > contents { .emoji-searchbar { padding: 6px; border-spacing: 6px; - border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-bottom: 1px solid rgba(198, 208, 245, 0.12); background: none; } @@ -4889,7 +4889,7 @@ popover.emoji-picker > contents { .emoji-toolbar { padding: 0; border-spacing: 3px; - border-top: 1px solid rgba(239, 241, 245, 0.12); + border-top: 1px solid rgba(198, 208, 245, 0.12); background: none; } @@ -4900,7 +4900,7 @@ button.emoji-section { } button.emoji-section:checked { - color: #b4befe; + color: #8caaee; } popover.emoji-picker emoji { @@ -4927,7 +4927,7 @@ emoji-completion-row > box { emoji-completion-row:focus, emoji-completion-row:hover, emoji-completion-row emoji:hover, emoji-completion-row emoji:focus { background-color: alpha(currentColor, 0.08); - color: #eff1f5; + color: #c6d0f5; } popover.entry-completion > contents { @@ -5100,58 +5100,58 @@ statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { use responsibly! */ /* widget text/foreground color */ -@define-color theme_fg_color #eff1f5; +@define-color theme_fg_color #c6d0f5; /* text color for entries, views and content in general */ -@define-color theme_text_color #eff1f5; +@define-color theme_text_color #c6d0f5; /* widget base background color */ -@define-color theme_bg_color #1e1e2e; +@define-color theme_bg_color #303446; /* text widgets and the like base background color */ -@define-color theme_base_color #1e1e2e; +@define-color theme_base_color #303446; /* base background color of selections */ -@define-color theme_selected_bg_color #b4befe; +@define-color theme_selected_bg_color #8caaee; /* text/foreground color of selections */ @define-color theme_selected_fg_color rgba(17, 17, 27, 0.87); /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #1e1e2e; +@define-color insensitive_bg_color #303446; /* text foreground color of insensitive widgets */ -@define-color insensitive_fg_color rgba(239, 241, 245, 0.5); +@define-color insensitive_fg_color rgba(198, 208, 245, 0.5); /* insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #11111b; +@define-color insensitive_base_color #232634; /* widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #eff1f5; +@define-color theme_unfocused_fg_color #c6d0f5; /* text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #eff1f5; +@define-color theme_unfocused_text_color #c6d0f5; /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #1e1e2e; +@define-color theme_unfocused_bg_color #303446; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #1e1e2e; +@define-color theme_unfocused_base_color #303446; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #b4befe; +@define-color theme_unfocused_selected_bg_color #8caaee; /* text/foreground color of selections on backdrop windows */ @define-color theme_unfocused_selected_fg_color rgba(17, 17, 27, 0.87); /* insensitive color on backdrop windows */ -@define-color unfocused_insensitive_color rgba(239, 241, 245, 0.5); +@define-color unfocused_insensitive_color rgba(198, 208, 245, 0.5); /* widgets main borders color */ -@define-color borders rgba(239, 241, 245, 0.12); +@define-color borders rgba(198, 208, 245, 0.12); /* widgets main borders color on backdrop windows */ -@define-color unfocused_borders rgba(239, 241, 245, 0.12); +@define-color unfocused_borders rgba(198, 208, 245, 0.12); /* these are pretty self explicative */ @define-color warning_color #e5c890; @@ -5160,12 +5160,12 @@ these are pretty self explicative */ /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title #eff1f5; -@define-color wm_unfocused_title rgba(239, 241, 245, 0.7); -@define-color wm_highlight rgba(239, 241, 245, 0.1); -@define-color wm_border #060609; -@define-color wm_bg #11111b; -@define-color wm_unfocused_bg #1e1e2e; +@define-color wm_title #c6d0f5; +@define-color wm_unfocused_title rgba(198, 208, 245, 0.7); +@define-color wm_highlight rgba(198, 208, 245, 0.1); +@define-color wm_border #0a0a0e; +@define-color wm_bg #232634; +@define-color wm_unfocused_bg #303446; @define-color wm_button_icon white; @define-color wm_button_close_hover_bg #e78284; @define-color wm_button_close_active_bg #dd4f51; @@ -5175,13 +5175,13 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_button_min_active_bg #d9af5e; /* FIXME this is really an API */ -@define-color content_view_bg #1e1e2e; -@define-color placeholder_text_color #b0b2b9; +@define-color content_view_bg #303446; +@define-color placeholder_text_color #99a1c1; /* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #1e1e2e; +@define-color text_view_bg #303446; @define-color budgie_tasklist_indicator_color white; @define-color budgie_tasklist_indicator_color_active white; -@define-color budgie_tasklist_indicator_color_active_window #929296; +@define-color budgie_tasklist_indicator_color_active_window #9a9ba2; @define-color budgie_tasklist_indicator_color_attention #e5c890; @define-color STRAWBERRY_100 #FF9262; @define-color STRAWBERRY_300 #FF793E; diff --git a/src/main/gtk-4.0/gtk-Light.css b/src/main/gtk-4.0/gtk-Light.css index ae295085..be15e89e 100644 --- a/src/main/gtk-4.0/gtk-Light.css +++ b/src/main/gtk-4.0/gtk-Light.css @@ -2,7 +2,7 @@ * Base States * ***************/ .background { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -28,7 +28,7 @@ treeview.expander:disabled { } iconview, .view { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -41,7 +41,7 @@ iconview:selected, .view:selected { } textview text { - background-color: #eff1f5; + background-color: #c6d0f5; } textview border { @@ -57,8 +57,8 @@ rubberband, .content-view rubberband, .content-view columnview.view > rubberband .content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband, treeview.view > rubberband, .content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { - border: 1px solid #7287fd; - background-color: rgba(114, 135, 253, 0.3); + border: 1px solid #8caaee; + background-color: rgba(140, 170, 238, 0.3); } flowbox > flowboxchild { @@ -85,7 +85,7 @@ gridview > child box { coverflow cover { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; border: 1px solid black; } @@ -103,8 +103,8 @@ headerbar label:disabled, tab label:disabled, button label:disabled { label.osd { border-radius: 6px; - background-color: rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + color: #c6d0f5; } .dim-label, row label.subtitle { @@ -132,11 +132,11 @@ window.assistant .sidebar label.highlight { popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: padding-box; border-radius: 6px; border: none; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); } .osd { @@ -157,8 +157,8 @@ toast { border-radius: 9999px; border-spacing: 6px; padding: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); border: none; } @@ -263,7 +263,7 @@ entry { entry:focus-within { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #7287fd; + box-shadow: inset 0 0 0 2px #8caaee; } @@ -352,7 +352,7 @@ entry.error { entry.error:focus-within { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #d20f39; + box-shadow: inset 0 0 0 2px #e78284; } @@ -373,7 +373,7 @@ entry.warning { entry.warning:focus-within { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #df8e1d; + box-shadow: inset 0 0 0 2px #e5c890; } @@ -387,12 +387,12 @@ entry.warning:disabled { entry > progress, entry progress > trough > progress { margin: 2px -8px; - border-bottom: 2px solid #7287fd; + border-bottom: 2px solid #8caaee; background-color: transparent; } treeview entry.flat, treeview entry { - background-color: #eff1f5; + background-color: #c6d0f5; } treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { @@ -447,27 +447,27 @@ editablelabel > stack > text { ***********/ @keyframes needs-attention { from { - background-image: radial-gradient(farthest-side, #7287fd 0%, rgba(114, 135, 253, 0) 0%); + background-image: radial-gradient(farthest-side, #8caaee 0%, rgba(140, 170, 238, 0) 0%); } to { - background-image: radial-gradient(farthest-side, #7287fd 95%, rgba(114, 135, 253, 0)); + background-image: radial-gradient(farthest-side, #8caaee 95%, rgba(140, 170, 238, 0)); } } infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action), toast button, toast button.circular.flat { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), toast button:focus, toast button.circular.flat:focus, infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), toast button:hover, toast button.circular.flat:hover, infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), toast button:active, toast button.circular.flat:active, infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action), toast button:checked, toast button.circular.flat:checked { - color: #eff1f5; + color: #c6d0f5; } infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action), toast button:disabled, toast button.circular.flat:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action), toast button:checked:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button { @@ -479,7 +479,7 @@ actionbar > revealer > box .linked > button:not(.suggested-action):not(.destruct } actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { - box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35); + box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35); } actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover { @@ -499,8 +499,8 @@ actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not( } actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { @@ -629,7 +629,7 @@ button separator { } button.opaque { - background-color: rgba(203, 205, 210, 0.974); + background-color: rgba(169, 177, 210, 0.974); color: rgba(17, 17, 27, 0.87); } @@ -734,8 +734,8 @@ button.card:checked.has-open-popup { } button.card:drop(active) { - color: #fe640b; - box-shadow: inset 0 0 0 1px #fe640b; + color: #ef9f76; + box-shadow: inset 0 0 0 1px #ef9f76; } .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { @@ -764,8 +764,8 @@ button.osd:disabled { } button.suggested-action { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); box-shadow: none; } @@ -776,24 +776,24 @@ button.suggested-action:disabled { } button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(114, 135, 253, 0.2), 0 4px 3px 0 rgba(114, 135, 253, 0.14), 0 1px 6px 0 rgba(114, 135, 253, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(140, 170, 238, 0.2), 0 4px 3px 0 rgba(140, 170, 238, 0.14), 0 1px 6px 0 rgba(140, 170, 238, 0.12); } button.suggested-action:checked { - background-color: #98a7fb; + background-color: rgba(109, 132, 186, 0.961); } button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(114, 135, 253, 0.3), 0 2px 3px -1px rgba(114, 135, 253, 0.24), 0 2px 5px 0 rgba(114, 135, 253, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(140, 170, 238, 0.3), 0 2px 3px -1px rgba(140, 170, 238, 0.24), 0 2px 5px 0 rgba(140, 170, 238, 0.12); } button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35); + box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35); } button.suggested-action.flat { background-color: transparent; - color: #7287fd; + color: #8caaee; } button.suggested-action.flat:disabled { @@ -803,12 +803,12 @@ button.suggested-action.flat:disabled { } button.suggested-action.flat:checked { - background-color: rgba(114, 135, 253, 0.3); + background-color: rgba(140, 170, 238, 0.3); } button.destructive-action { - background-color: #d20f39; - color: #eff1f5; + background-color: #e78284; + color: rgba(17, 17, 27, 0.87); box-shadow: none; } @@ -819,24 +819,24 @@ button.destructive-action:disabled { } button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(210, 15, 57, 0.2), 0 4px 3px 0 rgba(210, 15, 57, 0.14), 0 1px 6px 0 rgba(210, 15, 57, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(231, 130, 132, 0.2), 0 4px 3px 0 rgba(231, 130, 132, 0.14), 0 1px 6px 0 rgba(231, 130, 132, 0.12); } button.destructive-action:checked { - background-color: #db5371; + background-color: rgba(178, 102, 106, 0.961); } button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(210, 15, 57, 0.3), 0 2px 3px -1px rgba(210, 15, 57, 0.24), 0 2px 5px 0 rgba(210, 15, 57, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(231, 130, 132, 0.3), 0 2px 3px -1px rgba(231, 130, 132, 0.24), 0 2px 5px 0 rgba(231, 130, 132, 0.12); } button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(210, 15, 57, 0.35); + box-shadow: 0 0 0 2px rgba(231, 130, 132, 0.35); } button.destructive-action.flat { background-color: transparent; - color: #d20f39; + color: #e78284; } button.destructive-action.flat:disabled { @@ -846,7 +846,7 @@ button.destructive-action.flat:disabled { } button.destructive-action.flat:checked { - background-color: rgba(210, 15, 57, 0.3); + background-color: rgba(231, 130, 132, 0.3); } stackswitcher > button > label { @@ -894,17 +894,17 @@ menubutton.osd { } menubutton.suggested-action { - background-color: #7287fd; + background-color: #8caaee; color: white; } menubutton.destructive-action { - background-color: #d20f39; + background-color: #e78284; color: white; } menubutton.opaque { - background-color: rgba(203, 205, 210, 0.974); + background-color: rgba(169, 177, 210, 0.974); color: rgba(17, 17, 27, 0.87); } @@ -1023,17 +1023,17 @@ splitbutton.flat > menubutton > button { } splitbutton.suggested-action { - background-color: #7287fd; + background-color: #8caaee; color: white; } splitbutton.destructive-action { - background-color: #d20f39; + background-color: #e78284; color: white; } splitbutton.opaque { - background-color: rgba(203, 205, 210, 0.974); + background-color: rgba(169, 177, 210, 0.974); color: rgba(17, 17, 27, 0.87); } @@ -1170,33 +1170,33 @@ list > row button.image-button:not(.flat):checked { list > row button.image-button:not(.flat).suggested-action { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } list > row button.image-button:not(.flat).destructive-action { - background-color: #d20f39; - color: #eff1f5; + background-color: #e78284; + color: rgba(17, 17, 27, 0.87); } /********* * Links * *********/ link { - color: #7287fd; + color: #8caaee; } link:visited { - color: #8839ef; + color: #ca9ee6; } button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #7287fd; + color: #8caaee; } button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #8839ef; + color: #ca9ee6; } button.link > label { @@ -1219,7 +1219,7 @@ spinbutton { spinbutton:focus-within { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #7287fd; + box-shadow: inset 0 0 0 2px #8caaee; } spinbutton:disabled { @@ -1457,7 +1457,7 @@ button.combo:only-child:disabled { .toolbar, toolbar { padding: 3px 6px; - background-color: #eff1f5; + background-color: #c6d0f5; border-spacing: 6px; } @@ -1470,13 +1470,13 @@ toolbar.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } .app-notification:backdrop, .toolbar.osd:backdrop, toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); } .left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, @@ -1551,7 +1551,7 @@ searchbar > revealer > box { border-style: solid; border-width: 0 0 1px; border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; box-shadow: none; } @@ -1742,17 +1742,17 @@ headerbar button.suggested-action:disabled, headerbar button.destructive-action: headerbar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 1px rgba(239, 241, 245, 0.2); - background-color: #7287fd; - color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.2); + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } headerbar.selection-mode:backdrop { - color: rgba(239, 241, 245, 0.7); + color: rgba(17, 17, 27, 0.6); } headerbar.selection-mode .subtitle:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } headerbar.selection-mode .selection-menu { @@ -1765,14 +1765,14 @@ headerbar.selection-mode .selection-menu .arrow { } headerbar .selection-mode { - box-shadow: inset 0 1px rgba(239, 241, 245, 0.2); - background-color: #7287fd; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.2); + background-color: #8caaee; } headerbar.default-decoration { min-height: 24px; padding: 6px; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: inset 0 1px rgba(198, 208, 245, 0.15); } headerbar.default-decoration windowcontrols button, @@ -1796,7 +1796,7 @@ headerbar.default-decoration windowcontrols menubutton button { } window.devel headerbar.titlebar { - background: #e6e9ef cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(114, 135, 253, 0.2)), linear-gradient(to top, #dde1e9, #e6e9ef 3px, #f9f9fb); + background: #e6e9ef cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(140, 170, 238, 0.2)), linear-gradient(to top, #dde1e9, #e6e9ef 3px, #f9f9fb); } window.devel headerbar.titlebar:backdrop { @@ -1876,11 +1876,11 @@ indicatorbin > mask { } indicatorbin.needs-attention > indicator { - background-color: #7287fd; + background-color: #8caaee; } indicatorbin.needs-attention > indicator > label { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } /************ @@ -2011,7 +2011,7 @@ treeview.view.expander:disabled { columnview.view.progressbar, treeview.view.progressbar { - border-bottom: 6px solid #7287fd; + border-bottom: 6px solid #8caaee; box-shadow: none; background-color: transparent; background-image: none; @@ -2053,7 +2053,7 @@ treeview.view > header > button:not(:focus):not(:hover):not(:active) { columnview.view > header > button, columnview.view > header > button:disabled, treeview.view > header > button, treeview.view > header > button:disabled { - background-color: #eff1f5; + background-color: #c6d0f5; } columnview.view > header > button:last-child, @@ -2071,14 +2071,14 @@ treeview.view header.button.dnd { border-color: rgba(17, 17, 27, 0.12); border-radius: 0; box-shadow: none; - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; - color: #7287fd; + color: #8caaee; } columnview.view acceleditor > label, treeview.view acceleditor > label { - background-color: #7287fd; + background-color: #8caaee; } stack.view treeview.view { @@ -2224,9 +2224,9 @@ popover.background > arrow, popover.background > contents { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; - border: 1px solid rgba(239, 241, 245, 0.15); + border: 1px solid rgba(198, 208, 245, 0.15); background-clip: border-box; box-shadow: 0 0 0 1px rgba(17, 17, 27, 0), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05); } @@ -2263,7 +2263,7 @@ popover.background > contents list separator { popover.background .view:not(:selected), popover.background toolbar { - background-color: #eff1f5; + background-color: #c6d0f5; } popover.background .linked > button:not(.radio) { @@ -2297,7 +2297,7 @@ popover.background button.model { } magnifier { - background-color: #eff1f5; + background-color: #c6d0f5; } /************* @@ -2330,7 +2330,7 @@ tabbar tab:disabled, notebook > header tab:disabled { tabbar tab:checked, notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); background-image: none; @@ -2345,7 +2345,7 @@ frame > paned > notebook > header, notebook.frame > header { } notebook, notebook.frame { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; } @@ -2511,19 +2511,19 @@ tabbar undershoot { } tabbar undershoot.left { - background: linear-gradient(to right, #eff1f5, rgba(0, 0, 0, 0) 20px); + background: linear-gradient(to right, #c6d0f5, rgba(0, 0, 0, 0) 20px); } tabbar undershoot.right { - background: linear-gradient(to left, #eff1f5, rgba(0, 0, 0, 0) 20px); + background: linear-gradient(to left, #c6d0f5, rgba(0, 0, 0, 0) 20px); } tabbar .needs-attention-left undershoot.left { - background: linear-gradient(to right, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px); + background: linear-gradient(to right, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px); } tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px); + background: linear-gradient(to left, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px); } tabbar tabbox { @@ -2539,11 +2539,11 @@ tabbar tabbox > background { } tabbar tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#7287fd, 0.4) 10%, alpha(#7287fd, 0) 30%); + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#8caaee, 0.4) 10%, alpha(#8caaee, 0) 30%); } tabbar tab.needs-attention:hover { - background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#7287fd, 0.4) 10%, alpha(#7287fd, 0) 30%); + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#8caaee, 0.4) 10%, alpha(#8caaee, 0) 30%); } tabbar .start-action, @@ -2584,11 +2584,11 @@ tabbar:not(.inline) undershoot.right { } tabbar:not(.inline) .needs-attention-left undershoot.left { - background: linear-gradient(to right, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px); + background: linear-gradient(to right, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px); } tabbar:not(.inline) .needs-attention-right undershoot.right { - background: linear-gradient(to left, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px); + background: linear-gradient(to left, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px); } tabbar:not(.inline) tabbox > background { @@ -2617,7 +2617,7 @@ dnd tab { } dnd tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#7287fd, 0.4) 10%, alpha(#7287fd, 0) 30%); + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#8caaee, 0.4) 10%, alpha(#8caaee, 0) 30%); } tabbar tab, @@ -2644,7 +2644,7 @@ tabbox:drop(active) { **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: none; outline: none; } @@ -2715,14 +2715,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > sli min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(239, 241, 245, 0.3); + border: 1px solid rgba(198, 208, 245, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(239, 241, 245, 0.3); + border: 1px solid rgba(198, 208, 245, 0.3); border-radius: 9999px; background-color: rgba(17, 17, 27, 0.38); background-clip: padding-box; @@ -2750,7 +2750,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(239, 241, 245, 0.9); + background-color: rgba(198, 208, 245, 0.9); } scrollbar.horizontal > range > trough > slider { @@ -2800,7 +2800,7 @@ switch { } switch:checked { - background-color: #7287fd; + background-color: #8caaee; } switch:disabled { @@ -2896,29 +2896,29 @@ radio:disabled { check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { - box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.15); - background-color: #a4b2fe; + box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.15); + background-color: #b8cbf5; } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { - box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.2); - background-color: #7287fd; + box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.2); + background-color: #8caaee; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { - color: rgba(239, 241, 245, 0.7); - background-color: rgba(114, 135, 253, 0.35); + color: rgba(17, 17, 27, 0.6); + background-color: rgba(140, 170, 238, 0.35); } popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { @@ -3113,11 +3113,11 @@ scale trough:disabled { scale highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#7287fd); + background-image: image(#8caaee); } scale highlight:disabled { - background-color: #eff1f5; + background-color: #c6d0f5; background-image: image(rgba(17, 17, 27, 0.26)); } @@ -3133,17 +3133,17 @@ scale fill:disabled { scale slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 9999px; - color: #7287fd; - background-color: #eff1f5; - box-shadow: inset 0 0 0 2px #7287fd; + color: #8caaee; + background-color: #c6d0f5; + box-shadow: inset 0 0 0 2px #8caaee; } scale slider:hover { - box-shadow: inset 0 0 0 2px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12); + box-shadow: inset 0 0 0 2px #8caaee, 0 0 0 8px rgba(17, 17, 27, 0.12); } scale slider:active { - box-shadow: inset 0 0 0 4px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12); + box-shadow: inset 0 0 0 4px #8caaee, 0 0 0 8px rgba(17, 17, 27, 0.12); } scale slider:disabled { @@ -3447,7 +3447,7 @@ progressbar trough { progressbar progress { border-radius: 6px; - background-color: #7287fd; + background-color: #8caaee; } progressbar.osd { @@ -3461,7 +3461,7 @@ progressbar.osd trough { } progressbar.osd progress { - background-color: #7287fd; + background-color: #8caaee; } progressbar trough.empty progress { @@ -3500,15 +3500,15 @@ levelbar trough { } levelbar block.low { - background-color: #df8e1d; + background-color: #e5c890; } levelbar block.high, levelbar block:not(.empty) { - background-color: #7287fd; + background-color: #8caaee; } levelbar block.full { - background-color: #40a02b; + background-color: #a6d189; } levelbar block.empty { @@ -3528,7 +3528,7 @@ window.dialog.print drawing { window.dialog.print drawing paper { padding: 0; border: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -3575,7 +3575,7 @@ actionbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: inset 0 1px rgba(17, 17, 27, 0); - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; border: none; } @@ -3686,7 +3686,7 @@ junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } junction:dir(rtl) { @@ -3766,7 +3766,7 @@ list.content:not(.conversation-listbox) > row:focus { listview, list { border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } listview row, @@ -3917,12 +3917,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { } columnview row:not(:selected) cell editablelabel.editing:focus-within { - outline: 2px solid #7287fd; + outline: 2px solid #8caaee; } columnview row:not(:selected) cell editablelabel.editing text selection { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } .rich-list { @@ -3950,7 +3950,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection { } .app-notification button.text-button:not(:disabled) { - color: #7287fd; + color: #8caaee; } .app-notification.frame, @@ -4059,7 +4059,7 @@ calendar > grid > label.day-number.other-month { * Dialogs * ***********/ window.dialog.message.background { - background-color: #eff1f5; + background-color: #c6d0f5; } window.dialog.message box.dialog-vbox.vertical { @@ -4069,13 +4069,13 @@ window.dialog.message box.dialog-vbox.vertical { window.dialog.message .titlebar { min-height: 24px; border-style: none; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } window.dialog.message .titlebar:backdrop { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.6); } @@ -4092,15 +4092,15 @@ window.dialog.message .dialog-action-area > button:not(:last-child) { } window.dialog.message .dialog-action-area > button:not(:disabled) { - color: #7287fd; + color: #8caaee; } window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { - color: #d20f39; + color: #e78284; } .csd filechooser { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 0 0 12px 12px; } @@ -4110,7 +4110,7 @@ filechooser .dialog-action-box { filechooser #pathbarbox { border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } filechooser stack.view { @@ -4329,11 +4329,11 @@ placessidebar.sidebar row.sidebar-placeholder-row { } placessidebar.sidebar row.sidebar-new-bookmark-row { - color: #7287fd; + color: #8caaee; } placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #7287fd; + color: #8caaee; } placessidebar.sidebar row:drop(active) { @@ -4372,7 +4372,7 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; background-image: image(rgba(17, 17, 27, 0)), image(rgba(17, 17, 27, 0)); background-size: 1px 1px, 1px 1px; } @@ -4443,63 +4443,63 @@ infobar > revealer > box { } infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { - color: #7287fd; + color: #8caaee; } infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #8b9cfd; + background-color: #a2baf1; } infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #df8e1d; - color: #eff1f5; + background-color: #e5c890; + color: rgba(17, 17, 27, 0.87); } infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.warning:hover > revealer > box { - background-color: #e49a31; + background-color: #ead2a5; } infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #d20f39; - color: #eff1f5; + background-color: #e78284; + color: rgba(17, 17, 27, 0.87); } infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.error:hover > revealer > box { - background-color: #ea113f; + background-color: #eb9799; } /************ @@ -4512,8 +4512,8 @@ tooltip { } tooltip.background { - background-color: rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + color: #c6d0f5; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; margin: 2px 6px 8px 6px; @@ -4568,7 +4568,7 @@ colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { } colorswatch.dark { - color: #eff1f5; + color: #c6d0f5; } colorswatch.light { @@ -4577,7 +4577,7 @@ colorswatch.light { colorchooser colorswatch:hover { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 0 0 2px #7287fd; + box-shadow: 0 0 0 2px #8caaee; } colorswatch#add-color-button { @@ -4625,19 +4625,19 @@ colorswatch#editor-color-sample overlay:hover { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); } /******** * Misc * ********/ .content-view { - background-color: #eff1f5; + background-color: #c6d0f5; } /********************** @@ -4646,7 +4646,7 @@ colorchooser .popover.osd:backdrop { window.csd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 12px; - outline-color: rgba(239, 241, 245, 0.15); + outline-color: rgba(198, 208, 245, 0.15); outline-offset: -1px; outline-style: solid; outline-width: 1px; @@ -4760,14 +4760,14 @@ treeview.view:selected, row:selected, calendar:selected, calendar > grid > label } flowbox > flowboxchild:selected, calendar > grid > label.today { - color: #7287fd; - background-color: rgba(114, 135, 253, 0.2); + color: #8caaee; + background-color: rgba(140, 170, 238, 0.2); } textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } .monospace { @@ -4778,7 +4778,7 @@ entry > text > selection, calendar > grid > label.today:selected { * Touch Copy & Paste * **********************/ cursor-handle { - color: #7287fd; + color: #8caaee; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -4809,13 +4809,13 @@ shortcut > .keycap { border: solid 1px rgba(17, 17, 27, 0.12); border-radius: 7px; box-shadow: inset 0 -2px rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); font-size: smaller; } :not(decoration):not(window):drop(active) { - caret-color: #7287fd; + caret-color: #8caaee; } stackswitcher { @@ -4844,7 +4844,7 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } @@ -4908,7 +4908,7 @@ button.emoji-section { } button.emoji-section:checked { - color: #7287fd; + color: #8caaee; } popover.emoji-picker emoji { @@ -5114,19 +5114,19 @@ text color for entries, views and content in general */ @define-color theme_text_color rgba(17, 17, 27, 0.87); /* widget base background color */ -@define-color theme_bg_color #eff1f5; +@define-color theme_bg_color #c6d0f5; /* text widgets and the like base background color */ -@define-color theme_base_color #eff1f5; +@define-color theme_base_color #c6d0f5; /* base background color of selections */ -@define-color theme_selected_bg_color #7287fd; +@define-color theme_selected_bg_color #8caaee; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #eff1f5; +@define-color theme_selected_fg_color rgba(17, 17, 27, 0.87); /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #eff1f5; +@define-color insensitive_bg_color #c6d0f5; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(17, 17, 27, 0.38); @@ -5141,16 +5141,16 @@ text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(17, 17, 27, 0.87); /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #eff1f5; +@define-color theme_unfocused_bg_color #c6d0f5; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #eff1f5; +@define-color theme_unfocused_base_color #c6d0f5; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #7287fd; +@define-color theme_unfocused_selected_bg_color #8caaee; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #eff1f5; +@define-color theme_unfocused_selected_fg_color rgba(17, 17, 27, 0.87); /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(17, 17, 27, 0.38); @@ -5162,16 +5162,16 @@ widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(17, 17, 27, 0.12); /* these are pretty self explicative */ -@define-color warning_color #df8e1d; -@define-color error_color #d20f39; -@define-color success_color #40a02b; +@define-color warning_color #e5c890; +@define-color error_color #e78284; +@define-color success_color #a6d189; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ @define-color wm_title rgba(17, 17, 27, 0.87); @define-color wm_unfocused_title rgba(17, 17, 27, 0.6); -@define-color wm_highlight rgba(239, 241, 245, 0.15); -@define-color wm_border #9b9d9f; +@define-color wm_highlight rgba(198, 208, 245, 0.15); +@define-color wm_border #81879f; @define-color wm_bg #e6e9ef; @define-color wm_unfocused_bg #dce0e8; @define-color wm_button_icon white; @@ -5183,14 +5183,14 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_button_min_active_bg #d9af5e; /* FIXME this is really an API */ -@define-color content_view_bg #eff1f5; -@define-color placeholder_text_color #6a6b72; +@define-color content_view_bg #c6d0f5; +@define-color placeholder_text_color #595d72; /* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #eff1f5; +@define-color text_view_bg #c6d0f5; @define-color budgie_tasklist_indicator_color white; @define-color budgie_tasklist_indicator_color_active white; @define-color budgie_tasklist_indicator_color_active_window #f4f5f8; -@define-color budgie_tasklist_indicator_color_attention #df8e1d; +@define-color budgie_tasklist_indicator_color_attention #e5c890; @define-color STRAWBERRY_100 #FF9262; @define-color STRAWBERRY_300 #FF793E; @define-color STRAWBERRY_500 #F15D22; diff --git a/src/main/gtk-4.0/gtk.css b/src/main/gtk-4.0/gtk.css index 35f1fa21..1d33fa50 100644 --- a/src/main/gtk-4.0/gtk.css +++ b/src/main/gtk-4.0/gtk.css @@ -2,7 +2,7 @@ * Base States * ***************/ .background { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -28,7 +28,7 @@ treeview.expander:disabled { } iconview, .view { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -41,7 +41,7 @@ iconview:selected, .view:selected { } textview text { - background-color: #eff1f5; + background-color: #c6d0f5; } textview border { @@ -57,8 +57,8 @@ rubberband, .content-view rubberband, .content-view columnview.view > rubberband .content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband, treeview.view > rubberband, .content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { - border: 1px solid #7287fd; - background-color: rgba(114, 135, 253, 0.3); + border: 1px solid #8caaee; + background-color: rgba(140, 170, 238, 0.3); } flowbox > flowboxchild { @@ -85,7 +85,7 @@ gridview > child box { coverflow cover { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; border: 1px solid black; } @@ -103,8 +103,8 @@ headerbar label:disabled, tab label:disabled, button label:disabled { label.osd { border-radius: 6px; - background-color: rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + color: #c6d0f5; } .dim-label, row label.subtitle { @@ -132,11 +132,11 @@ window.assistant .sidebar label.highlight { popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: rgba(17, 17, 27, 0.87); - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: padding-box; border-radius: 6px; border: none; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); } .osd { @@ -157,8 +157,8 @@ toast { border-radius: 9999px; border-spacing: 6px; padding: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); border: none; } @@ -263,7 +263,7 @@ entry { entry:focus-within { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #7287fd; + box-shadow: inset 0 0 0 2px #8caaee; } @@ -352,7 +352,7 @@ entry.error { entry.error:focus-within { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #d20f39; + box-shadow: inset 0 0 0 2px #e78284; } @@ -373,7 +373,7 @@ entry.warning { entry.warning:focus-within { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #df8e1d; + box-shadow: inset 0 0 0 2px #e5c890; } @@ -387,12 +387,12 @@ entry.warning:disabled { entry > progress, entry progress > trough > progress { margin: 2px -8px; - border-bottom: 2px solid #7287fd; + border-bottom: 2px solid #8caaee; background-color: transparent; } treeview entry.flat, treeview entry { - background-color: #eff1f5; + background-color: #c6d0f5; } treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { @@ -447,27 +447,27 @@ editablelabel > stack > text { ***********/ @keyframes needs-attention { from { - background-image: radial-gradient(farthest-side, #7287fd 0%, rgba(114, 135, 253, 0) 0%); + background-image: radial-gradient(farthest-side, #8caaee 0%, rgba(140, 170, 238, 0) 0%); } to { - background-image: radial-gradient(farthest-side, #7287fd 95%, rgba(114, 135, 253, 0)); + background-image: radial-gradient(farthest-side, #8caaee 95%, rgba(140, 170, 238, 0)); } } infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.background.touch-selection button, popover.background.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action), toast button, toast button.circular.flat { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } infobar.warning > revealer > box button:focus, popover.background.touch-selection button:focus, popover.background.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), toast button:focus, toast button.circular.flat:focus, infobar.warning > revealer > box button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), toast button:hover, toast button.circular.flat:hover, infobar.warning > revealer > box button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), toast button:active, toast button.circular.flat:active, infobar.warning > revealer > box button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action), toast button:checked, toast button.circular.flat:checked { - color: #eff1f5; + color: #c6d0f5; } infobar.warning > revealer > box button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action), toast button:disabled, toast button.circular.flat:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } infobar.warning > revealer > box button:checked:disabled, popover.background.touch-selection button:checked:disabled, popover.background.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action), toast button:checked:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action), button { @@ -479,7 +479,7 @@ actionbar > revealer > box .linked > button:not(.suggested-action):not(.destruct } actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { - box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35); + box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35); } actionbar > revealer > box .linked > button:hover:not(.suggested-action):not(.destructive-action), button:hover { @@ -499,8 +499,8 @@ actionbar > revealer > box .linked > button:disabled:not(.suggested-action):not( } actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } actionbar > revealer > box .linked > button:checked:hover:not(.suggested-action):not(.destructive-action), button:checked:hover { @@ -629,7 +629,7 @@ button separator { } button.opaque { - background-color: rgba(203, 205, 210, 0.974); + background-color: rgba(169, 177, 210, 0.974); color: rgba(17, 17, 27, 0.87); } @@ -734,8 +734,8 @@ button.card:checked.has-open-popup { } button.card:drop(active) { - color: #fe640b; - box-shadow: inset 0 0 0 1px #fe640b; + color: #ef9f76; + box-shadow: inset 0 0 0 1px #ef9f76; } .linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { @@ -764,8 +764,8 @@ button.osd:disabled { } button.suggested-action { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); box-shadow: none; } @@ -776,24 +776,24 @@ button.suggested-action:disabled { } button.suggested-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(114, 135, 253, 0.2), 0 4px 3px 0 rgba(114, 135, 253, 0.14), 0 1px 6px 0 rgba(114, 135, 253, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(140, 170, 238, 0.2), 0 4px 3px 0 rgba(140, 170, 238, 0.14), 0 1px 6px 0 rgba(140, 170, 238, 0.12); } button.suggested-action:checked { - background-color: #98a7fb; + background-color: rgba(109, 132, 186, 0.961); } button.suggested-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(114, 135, 253, 0.3), 0 2px 3px -1px rgba(114, 135, 253, 0.24), 0 2px 5px 0 rgba(114, 135, 253, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(140, 170, 238, 0.3), 0 2px 3px -1px rgba(140, 170, 238, 0.24), 0 2px 5px 0 rgba(140, 170, 238, 0.12); } button.suggested-action:focus { - box-shadow: 0 0 0 2px rgba(114, 135, 253, 0.35); + box-shadow: 0 0 0 2px rgba(140, 170, 238, 0.35); } button.suggested-action.flat { background-color: transparent; - color: #7287fd; + color: #8caaee; } button.suggested-action.flat:disabled { @@ -803,12 +803,12 @@ button.suggested-action.flat:disabled { } button.suggested-action.flat:checked { - background-color: rgba(114, 135, 253, 0.3); + background-color: rgba(140, 170, 238, 0.3); } button.destructive-action { - background-color: #d20f39; - color: #eff1f5; + background-color: #e78284; + color: rgba(17, 17, 27, 0.87); box-shadow: none; } @@ -819,24 +819,24 @@ button.destructive-action:disabled { } button.destructive-action:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(210, 15, 57, 0.2), 0 4px 3px 0 rgba(210, 15, 57, 0.14), 0 1px 6px 0 rgba(210, 15, 57, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(231, 130, 132, 0.2), 0 4px 3px 0 rgba(231, 130, 132, 0.14), 0 1px 6px 0 rgba(231, 130, 132, 0.12); } button.destructive-action:checked { - background-color: #db5371; + background-color: rgba(178, 102, 106, 0.961); } button.destructive-action:checked:hover { - box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(210, 15, 57, 0.3), 0 2px 3px -1px rgba(210, 15, 57, 0.24), 0 2px 5px 0 rgba(210, 15, 57, 0.12); + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(231, 130, 132, 0.3), 0 2px 3px -1px rgba(231, 130, 132, 0.24), 0 2px 5px 0 rgba(231, 130, 132, 0.12); } button.destructive-action:focus { - box-shadow: 0 0 0 2px rgba(210, 15, 57, 0.35); + box-shadow: 0 0 0 2px rgba(231, 130, 132, 0.35); } button.destructive-action.flat { background-color: transparent; - color: #d20f39; + color: #e78284; } button.destructive-action.flat:disabled { @@ -846,7 +846,7 @@ button.destructive-action.flat:disabled { } button.destructive-action.flat:checked { - background-color: rgba(210, 15, 57, 0.3); + background-color: rgba(231, 130, 132, 0.3); } stackswitcher > button > label { @@ -894,17 +894,17 @@ menubutton.osd { } menubutton.suggested-action { - background-color: #7287fd; + background-color: #8caaee; color: white; } menubutton.destructive-action { - background-color: #d20f39; + background-color: #e78284; color: white; } menubutton.opaque { - background-color: rgba(203, 205, 210, 0.974); + background-color: rgba(169, 177, 210, 0.974); color: rgba(17, 17, 27, 0.87); } @@ -1023,17 +1023,17 @@ splitbutton.flat > menubutton > button { } splitbutton.suggested-action { - background-color: #7287fd; + background-color: #8caaee; color: white; } splitbutton.destructive-action { - background-color: #d20f39; + background-color: #e78284; color: white; } splitbutton.opaque { - background-color: rgba(203, 205, 210, 0.974); + background-color: rgba(169, 177, 210, 0.974); color: rgba(17, 17, 27, 0.87); } @@ -1170,33 +1170,33 @@ list > row button.image-button:not(.flat):checked { list > row button.image-button:not(.flat).suggested-action { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } list > row button.image-button:not(.flat).destructive-action { - background-color: #d20f39; - color: #eff1f5; + background-color: #e78284; + color: rgba(17, 17, 27, 0.87); } /********* * Links * *********/ link { - color: #7287fd; + color: #8caaee; } link:visited { - color: #8839ef; + color: #ca9ee6; } button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { - color: #7287fd; + color: #8caaee; } button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { - color: #8839ef; + color: #ca9ee6; } button.link > label { @@ -1219,7 +1219,7 @@ spinbutton { spinbutton:focus-within { background-color: rgba(17, 17, 27, 0.04); - box-shadow: inset 0 0 0 2px #7287fd; + box-shadow: inset 0 0 0 2px #8caaee; } spinbutton:disabled { @@ -1457,7 +1457,7 @@ button.combo:only-child:disabled { .toolbar, toolbar { padding: 3px 6px; - background-color: #eff1f5; + background-color: #c6d0f5; border-spacing: 6px; } @@ -1470,13 +1470,13 @@ toolbar.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } .app-notification:backdrop, .toolbar.osd:backdrop, toolbar.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); } .left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom, @@ -1551,7 +1551,7 @@ searchbar > revealer > box { border-style: solid; border-width: 0 0 1px; border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; box-shadow: none; } @@ -1564,7 +1564,7 @@ searchbar > revealer > box entry { * Header bars * ***************/ headerbar button:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); border: none; } @@ -1573,80 +1573,80 @@ headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructiv } headerbar button:focus:not(.suggested-action):not(.destructive-action), headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) { - color: #eff1f5; + color: #c6d0f5; } headerbar button:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { background-color: transparent; - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } headerbar entry { - background-color: rgba(239, 241, 245, 0.04); - color: #eff1f5; + background-color: rgba(198, 208, 245, 0.04); + color: #c6d0f5; } headerbar entry:disabled { - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } headerbar entry image { - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } headerbar entry image:hover, headerbar entry image:active { - color: #eff1f5; + color: #c6d0f5; } headerbar entry image:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } headerbar { transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); box-shadow: inset 0 -1px rgba(17, 17, 27, 0.12); - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; min-height: 48px; padding: 0 6px; } headerbar:disabled { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } headerbar:backdrop { - background-color: #1e1e2e; - color: rgba(239, 241, 245, 0.7); + background-color: #303446; + color: rgba(198, 208, 245, 0.7); } headerbar:backdrop:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } headerbar .title { @@ -1664,14 +1664,14 @@ headerbar .dim-label, headerbar row label.subtitle, row headerbar label.subtitle { transition: color 75ms cubic-bezier(0, 0, 0.2, 1); - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } headerbar .subtitle:backdrop, headerbar .dim-label:backdrop, headerbar row label.subtitle:backdrop, row headerbar label.subtitle:backdrop { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } headerbar .titlebar { @@ -1680,11 +1680,11 @@ headerbar .titlebar { } headerbar headerbar + separator { - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } box.vertical headerbar { - background-color: #11111b; + background-color: #232634; } headerbar > windowhandle > box { @@ -1713,7 +1713,7 @@ headerbar menubutton.popup { headerbar separator:not(.sidebar) { margin-top: 12px; margin-bottom: 12px; - background-color: rgba(239, 241, 245, 0.12); + background-color: rgba(198, 208, 245, 0.12); } headerbar switch { @@ -1736,32 +1736,32 @@ headerbar .linked:not(.vertical) > entry:not(:only-child) { } headerbar button.suggested-action:disabled, headerbar button.destructive-action:disabled { - background-color: rgba(239, 241, 245, 0.04); - color: rgba(239, 241, 245, 0.5); + background-color: rgba(198, 208, 245, 0.04); + color: rgba(198, 208, 245, 0.5); } headerbar stackswitcher { - background-color: rgba(239, 241, 245, 0.04); + background-color: rgba(198, 208, 245, 0.04); } headerbar stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { background-color: rgba(255, 255, 255, 0.15); - color: #eff1f5; + color: #c6d0f5; } headerbar.selection-mode { transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: inset 0 1px rgba(239, 241, 245, 0.2); - background-color: #7287fd; - color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.2); + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } headerbar.selection-mode:backdrop { - color: rgba(239, 241, 245, 0.7); + color: rgba(17, 17, 27, 0.6); } headerbar.selection-mode .subtitle:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } headerbar.selection-mode .selection-menu { @@ -1774,14 +1774,14 @@ headerbar.selection-mode .selection-menu .arrow { } headerbar .selection-mode { - box-shadow: inset 0 1px rgba(239, 241, 245, 0.2); - background-color: #7287fd; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.2); + background-color: #8caaee; } headerbar.default-decoration { min-height: 24px; padding: 6px; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + box-shadow: inset 0 1px rgba(198, 208, 245, 0.1); } headerbar.default-decoration windowcontrols button, @@ -1805,11 +1805,11 @@ headerbar.default-decoration windowcontrols menubutton button { } window.devel headerbar.titlebar { - background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(114, 135, 253, 0.2)), linear-gradient(to top, #0b0b12, #11111b 3px, #1d1d2e); + background: #232634 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(140, 170, 238, 0.2)), linear-gradient(to top, #1d1f2b, #232634 3px, #2f3346); } window.devel headerbar.titlebar:backdrop { - background: #11111b cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#11111b); + background: #232634 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#232634); /* background-color would flash */ } @@ -1885,11 +1885,11 @@ indicatorbin > mask { } indicatorbin.needs-attention > indicator { - background-color: #7287fd; + background-color: #8caaee; } indicatorbin.needs-attention > indicator > label { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } /************ @@ -2020,7 +2020,7 @@ treeview.view.expander:disabled { columnview.view.progressbar, treeview.view.progressbar { - border-bottom: 6px solid #7287fd; + border-bottom: 6px solid #8caaee; box-shadow: none; background-color: transparent; background-image: none; @@ -2062,7 +2062,7 @@ treeview.view > header > button:not(:focus):not(:hover):not(:active) { columnview.view > header > button, columnview.view > header > button:disabled, treeview.view > header > button, treeview.view > header > button:disabled { - background-color: #eff1f5; + background-color: #c6d0f5; } columnview.view > header > button:last-child, @@ -2080,14 +2080,14 @@ treeview.view header.button.dnd { border-color: rgba(17, 17, 27, 0.12); border-radius: 0; box-shadow: none; - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; - color: #7287fd; + color: #8caaee; } columnview.view acceleditor > label, treeview.view acceleditor > label { - background-color: #7287fd; + background-color: #8caaee; } stack.view treeview.view { @@ -2099,13 +2099,13 @@ stack.view treeview.view { *********/ menubar { padding: 0; - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; } menubar:backdrop { - background-color: #1e1e2e; - color: rgba(239, 241, 245, 0.7); + background-color: #303446; + color: rgba(198, 208, 245, 0.7); } .csd menubar { @@ -2116,17 +2116,17 @@ menubar > item { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); min-height: 20px; padding: 4px 8px; - color: rgba(239, 241, 245, 0.7); + color: rgba(198, 208, 245, 0.7); } menubar > item:selected { transition: none; background-color: alpha(currentColor, 0.1); - color: #eff1f5; + color: #c6d0f5; } menubar > item:disabled { - color: rgba(239, 241, 245, 0.3); + color: rgba(198, 208, 245, 0.3); } menubar > item label:disabled { @@ -2233,9 +2233,9 @@ popover.background > arrow, popover.background > contents { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); padding: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; - border: 1px solid rgba(239, 241, 245, 0.15); + border: 1px solid rgba(198, 208, 245, 0.15); background-clip: border-box; box-shadow: 0 0 0 1px rgba(17, 17, 27, 0), 0 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05); } @@ -2272,7 +2272,7 @@ popover.background > contents list separator { popover.background .view:not(:selected), popover.background toolbar { - background-color: #eff1f5; + background-color: #c6d0f5; } popover.background .linked > button:not(.radio) { @@ -2306,7 +2306,7 @@ popover.background button.model { } magnifier { - background-color: #eff1f5; + background-color: #c6d0f5; } /************* @@ -2339,7 +2339,7 @@ tabbar tab:disabled, notebook > header tab:disabled { tabbar tab:checked, notebook > header tab:checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); background-image: none; @@ -2354,7 +2354,7 @@ frame > paned > notebook > header, notebook.frame > header { } notebook, notebook.frame { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 12px; } @@ -2520,19 +2520,19 @@ tabbar undershoot { } tabbar undershoot.left { - background: linear-gradient(to right, #eff1f5, rgba(0, 0, 0, 0) 20px); + background: linear-gradient(to right, #c6d0f5, rgba(0, 0, 0, 0) 20px); } tabbar undershoot.right { - background: linear-gradient(to left, #eff1f5, rgba(0, 0, 0, 0) 20px); + background: linear-gradient(to left, #c6d0f5, rgba(0, 0, 0, 0) 20px); } tabbar .needs-attention-left undershoot.left { - background: linear-gradient(to right, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px); + background: linear-gradient(to right, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px); } tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px); + background: linear-gradient(to left, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px); } tabbar tabbox { @@ -2548,11 +2548,11 @@ tabbar tabbox > background { } tabbar tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#7287fd, 0.4) 10%, alpha(#7287fd, 0) 30%); + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#8caaee, 0.4) 10%, alpha(#8caaee, 0) 30%); } tabbar tab.needs-attention:hover { - background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#7287fd, 0.4) 10%, alpha(#7287fd, 0) 30%); + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#8caaee, 0.4) 10%, alpha(#8caaee, 0) 30%); } tabbar .start-action, @@ -2585,40 +2585,40 @@ tabbar:not(.inline) scrolledwindow.pinned undershoot { } tabbar:not(.inline) undershoot.left { - background: linear-gradient(to right, #11111b, rgba(0, 0, 0, 0) 20px); + background: linear-gradient(to right, #232634, rgba(0, 0, 0, 0) 20px); } tabbar:not(.inline) undershoot.right { - background: linear-gradient(to left, #11111b, rgba(0, 0, 0, 0) 20px); + background: linear-gradient(to left, #232634, rgba(0, 0, 0, 0) 20px); } tabbar:not(.inline) .needs-attention-left undershoot.left { - background: linear-gradient(to right, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px); + background: linear-gradient(to right, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px); } tabbar:not(.inline) .needs-attention-right undershoot.right { - background: linear-gradient(to left, alpha(#7287fd, 0.5), alpha(#7287fd, 0.3) 1px, alpha(#7287fd, 0) 20px); + background: linear-gradient(to left, alpha(#8caaee, 0.5), alpha(#8caaee, 0.3) 1px, alpha(#8caaee, 0) 20px); } tabbar:not(.inline) tabbox > background { - background-color: #11111b; + background-color: #232634; } tabbar:not(.inline) .start-action, tabbar:not(.inline) .end-action { - background-color: alpha(#11111b, 0.6); + background-color: alpha(#232634, 0.6); border-color: rgba(17, 17, 27, 0); } tabbar:not(.inline):backdrop .box { - background-color: #1e1e2e; + background-color: #303446; transition: all 75ms cubic-bezier(0, 0, 0.2, 1); } dnd tab { min-height: 24px; - background-color: #11111b; - color: #eff1f5; + background-color: #232634; + color: #c6d0f5; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09), 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05); outline: 1px solid rgba(17, 17, 27, 0); outline-offset: -1px; @@ -2626,7 +2626,7 @@ dnd tab { } dnd tab.needs-attention { - background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#7287fd, 0.4) 10%, alpha(#7287fd, 0) 30%); + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#8caaee, 0.4) 10%, alpha(#8caaee, 0) 30%); } tabbar tab, @@ -2653,7 +2653,7 @@ tabbox:drop(active) { **************/ scrollbar { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #eff1f5; + background-color: #c6d0f5; box-shadow: none; outline: none; } @@ -2724,14 +2724,14 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > sli min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(239, 241, 245, 0.3); + border: 1px solid rgba(198, 208, 245, 0.3); } scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { min-width: 4px; min-height: 4px; margin: 3px; - border: 1px solid rgba(239, 241, 245, 0.3); + border: 1px solid rgba(198, 208, 245, 0.3); border-radius: 9999px; background-color: rgba(17, 17, 27, 0.38); background-clip: padding-box; @@ -2759,7 +2759,7 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { } scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { - background-color: rgba(239, 241, 245, 0.9); + background-color: rgba(198, 208, 245, 0.9); } scrollbar.horizontal > range > trough > slider { @@ -2809,7 +2809,7 @@ switch { } switch:checked { - background-color: #7287fd; + background-color: #8caaee; } switch:disabled { @@ -2905,29 +2905,29 @@ radio:disabled { check:checked, check:indeterminate, radio:checked, radio:indeterminate { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } check:checked:hover, check:indeterminate:hover, radio:checked:hover, radio:indeterminate:hover { - box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.15); - background-color: #a4b2fe; + box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.15); + background-color: #b8cbf5; } check:checked:active, check:indeterminate:active, radio:checked:active, radio:indeterminate:active { - box-shadow: 0 0 0 6px rgba(114, 135, 253, 0.2); - background-color: #7287fd; + box-shadow: 0 0 0 6px rgba(140, 170, 238, 0.2); + background-color: #8caaee; } check:checked:disabled, check:indeterminate:disabled, radio:checked:disabled, radio:indeterminate:disabled { - color: rgba(239, 241, 245, 0.7); - background-color: rgba(114, 135, 253, 0.35); + color: rgba(17, 17, 27, 0.6); + background-color: rgba(140, 170, 238, 0.35); } popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { @@ -3122,11 +3122,11 @@ scale trough:disabled { scale highlight { transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); - background-image: image(#7287fd); + background-image: image(#8caaee); } scale highlight:disabled { - background-color: #eff1f5; + background-color: #c6d0f5; background-image: image(rgba(17, 17, 27, 0.26)); } @@ -3142,17 +3142,17 @@ scale fill:disabled { scale slider { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 9999px; - color: #7287fd; - background-color: #eff1f5; - box-shadow: inset 0 0 0 2px #7287fd; + color: #8caaee; + background-color: #c6d0f5; + box-shadow: inset 0 0 0 2px #8caaee; } scale slider:hover { - box-shadow: inset 0 0 0 2px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12); + box-shadow: inset 0 0 0 2px #8caaee, 0 0 0 8px rgba(17, 17, 27, 0.12); } scale slider:active { - box-shadow: inset 0 0 0 4px #7287fd, 0 0 0 8px rgba(17, 17, 27, 0.12); + box-shadow: inset 0 0 0 4px #8caaee, 0 0 0 8px rgba(17, 17, 27, 0.12); } scale slider:disabled { @@ -3456,7 +3456,7 @@ progressbar trough { progressbar progress { border-radius: 6px; - background-color: #7287fd; + background-color: #8caaee; } progressbar.osd { @@ -3470,7 +3470,7 @@ progressbar.osd trough { } progressbar.osd progress { - background-color: #7287fd; + background-color: #8caaee; } progressbar trough.empty progress { @@ -3509,15 +3509,15 @@ levelbar trough { } levelbar block.low { - background-color: #df8e1d; + background-color: #e5c890; } levelbar block.high, levelbar block:not(.empty) { - background-color: #7287fd; + background-color: #8caaee; } levelbar block.full { - background-color: #40a02b; + background-color: #a6d189; } levelbar block.empty { @@ -3537,7 +3537,7 @@ window.dialog.print drawing { window.dialog.print drawing paper { padding: 0; border: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } @@ -3584,7 +3584,7 @@ actionbar > revealer > box { padding: 6px; border-spacing: 6px; box-shadow: inset 0 1px rgba(17, 17, 27, 0); - background-color: #eff1f5; + background-color: #c6d0f5; background-clip: border-box; border: none; } @@ -3695,7 +3695,7 @@ junction { border-style: solid none none solid; border-width: 1px; border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } junction:dir(rtl) { @@ -3775,7 +3775,7 @@ list.content:not(.conversation-listbox) > row:focus { listview, list { border-color: rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } listview row, @@ -3926,12 +3926,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { } columnview row:not(:selected) cell editablelabel.editing:focus-within { - outline: 2px solid #7287fd; + outline: 2px solid #8caaee; } columnview row:not(:selected) cell editablelabel.editing text selection { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } .rich-list { @@ -3959,7 +3959,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection { } .app-notification button.text-button:not(:disabled) { - color: #7287fd; + color: #8caaee; } .app-notification.frame, @@ -4068,7 +4068,7 @@ calendar > grid > label.day-number.other-month { * Dialogs * ***********/ window.dialog.message.background { - background-color: #eff1f5; + background-color: #c6d0f5; } window.dialog.message box.dialog-vbox.vertical { @@ -4078,13 +4078,13 @@ window.dialog.message box.dialog-vbox.vertical { window.dialog.message .titlebar { min-height: 24px; border-style: none; - box-shadow: inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } window.dialog.message .titlebar:backdrop { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.6); } @@ -4101,15 +4101,15 @@ window.dialog.message .dialog-action-area > button:not(:last-child) { } window.dialog.message .dialog-action-area > button:not(:disabled) { - color: #7287fd; + color: #8caaee; } window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { - color: #d20f39; + color: #e78284; } .csd filechooser { - background-color: #eff1f5; + background-color: #c6d0f5; border-radius: 0 0 12px 12px; } @@ -4119,7 +4119,7 @@ filechooser .dialog-action-box { filechooser #pathbarbox { border-bottom: 1px solid rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; } filechooser stack.view { @@ -4338,11 +4338,11 @@ placessidebar.sidebar row.sidebar-placeholder-row { } placessidebar.sidebar row.sidebar-new-bookmark-row { - color: #7287fd; + color: #8caaee; } placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #7287fd; + color: #8caaee; } placessidebar.sidebar row:drop(active) { @@ -4381,7 +4381,7 @@ paned > separator { paned > separator.wide { min-width: 6px; min-height: 6px; - background-color: #eff1f5; + background-color: #c6d0f5; background-image: image(rgba(17, 17, 27, 0)), image(rgba(17, 17, 27, 0)); background-size: 1px 1px, 1px 1px; } @@ -4452,63 +4452,63 @@ infobar > revealer > box { } infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); } infobar.info > revealer > box button, infobar.info > revealer > box button.text-button:not(:disabled), infobar.info:hover > revealer > box button, infobar.info:hover > revealer > box button.text-button:not(:disabled), infobar.info:backdrop > revealer > box button, infobar.info:backdrop > revealer > box button.text-button:not(:disabled) { - color: #7287fd; + color: #8caaee; } infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #7287fd; - color: #eff1f5; + background-color: #8caaee; + color: rgba(17, 17, 27, 0.87); } infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { - background-color: #8b9cfd; + background-color: #a2baf1; } infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { - background-color: #df8e1d; - color: #eff1f5; + background-color: #e5c890; + color: rgba(17, 17, 27, 0.87); } infobar.warning > revealer > box button, infobar.warning > revealer > box button:hover, infobar.warning > revealer > box button:focus, infobar.warning > revealer > box button:active, infobar.warning > revealer > box button:checked, infobar.warning > revealer > box button.text-button:not(:disabled), infobar.warning:backdrop > revealer > box button, infobar.warning:backdrop > revealer > box button:hover, infobar.warning:backdrop > revealer > box button:focus, infobar.warning:backdrop > revealer > box button:active, infobar.warning:backdrop > revealer > box button:checked, infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.warning:hover > revealer > box { - background-color: #e49a31; + background-color: #ead2a5; } infobar.error > revealer > box, infobar.error:backdrop > revealer > box { - background-color: #d20f39; - color: #eff1f5; + background-color: #e78284; + color: rgba(17, 17, 27, 0.87); } infobar.error > revealer > box button, infobar.error > revealer > box button:hover, infobar.error > revealer > box button:focus, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked, infobar.error > revealer > box button.text-button:not(:disabled), infobar.error:backdrop > revealer > box button, infobar.error:backdrop > revealer > box button:hover, infobar.error:backdrop > revealer > box button:focus, infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked, infobar.error:backdrop > revealer > box button.text-button:not(:disabled) { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { - color: #eff1f5; + color: rgba(17, 17, 27, 0.87); } infobar.error:hover > revealer > box { - background-color: #ea113f; + background-color: #eb9799; } /************ @@ -4521,8 +4521,8 @@ tooltip { } tooltip.background { - background-color: rgba(43, 43, 59, 0.9); - color: #eff1f5; + background-color: rgba(59, 62, 80, 0.9); + color: #c6d0f5; box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; margin: 2px 6px 8px 6px; @@ -4577,7 +4577,7 @@ colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { } colorswatch.dark { - color: #eff1f5; + color: #c6d0f5; } colorswatch.light { @@ -4586,7 +4586,7 @@ colorswatch.light { colorchooser colorswatch:hover { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); - box-shadow: 0 0 0 2px #7287fd; + box-shadow: 0 0 0 2px #8caaee; } colorswatch#add-color-button { @@ -4634,19 +4634,19 @@ colorswatch#editor-color-sample overlay:hover { colorchooser .popover.osd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 6px; - box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); - background-color: #eff1f5; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); + background-color: #c6d0f5; } colorchooser .popover.osd:backdrop { - box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.15); + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(198, 208, 245, 0.15); } /******** * Misc * ********/ .content-view { - background-color: #eff1f5; + background-color: #c6d0f5; } /********************** @@ -4655,7 +4655,7 @@ colorchooser .popover.osd:backdrop { window.csd { transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); border-radius: 12px; - outline-color: rgba(239, 241, 245, 0.15); + outline-color: rgba(198, 208, 245, 0.15); outline-offset: -1px; outline-style: solid; outline-width: 1px; @@ -4678,12 +4678,12 @@ window.csd.dialog.message { margin: 0; padding: 2px; border-radius: 0; - background-color: #11111b; + background-color: #232634; border: 1px solid rgba(17, 17, 27, 0); } .solid-csd window.csd:backdrop { - background-color: #1e1e2e; + background-color: #303446; } window.csd.maximized, window.csd.fullscreen, window.csd.tiled, window.csd.tiled-top, window.csd.tiled-right, window.csd.tiled-bottom, window.csd.tiled-left { @@ -4718,11 +4718,11 @@ windowcontrols button.minimize:hover:not(.suggested-action):not(.destructive-act } windowcontrols button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:not(.suggested-action):not(.destructive-action) { - background-color: rgba(239, 241, 245, 0.3); + background-color: rgba(198, 208, 245, 0.3); } windowcontrols button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols button.close:backdrop:active:not(.suggested-action):not(.destructive-action) { - color: rgba(239, 241, 245, 0.5); + color: rgba(198, 208, 245, 0.5); } windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) { @@ -4730,7 +4730,7 @@ windowcontrols button.minimize:not(.suggested-action):not(.destructive-action) { } windowcontrols button.minimize:active:not(.suggested-action):not(.destructive-action) { - background-color: #e8d2a9; + background-color: #ddcaa9; } windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) { @@ -4738,7 +4738,7 @@ windowcontrols button.maximize:not(.suggested-action):not(.destructive-action) { } windowcontrols button.maximize:active:not(.suggested-action):not(.destructive-action) { - background-color: #b8d9a4; + background-color: #aed1a4; } windowcontrols button.close:not(.suggested-action):not(.destructive-action) { @@ -4746,7 +4746,7 @@ windowcontrols button.close:not(.suggested-action):not(.destructive-action) { } windowcontrols button.close:active:not(.suggested-action):not(.destructive-action) { - background-color: #e99ea0; + background-color: #df96a0; } windowcontrols { @@ -4769,14 +4769,14 @@ treeview.view:selected, row:selected, calendar:selected, calendar > grid > label } flowbox > flowboxchild:selected, calendar > grid > label.today { - color: #7287fd; - background-color: rgba(114, 135, 253, 0.2); + color: #8caaee; + background-color: rgba(140, 170, 238, 0.2); } textview text selection:focus, textview text selection, label > selection, entry > text > selection, calendar > grid > label.today:selected { - color: #eff1f5; - background-color: #7287fd; + color: rgba(17, 17, 27, 0.87); + background-color: #8caaee; } .monospace { @@ -4787,7 +4787,7 @@ entry > text > selection, calendar > grid > label.today:selected { * Touch Copy & Paste * **********************/ cursor-handle { - color: #7287fd; + color: #8caaee; -gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg")); } @@ -4818,13 +4818,13 @@ shortcut > .keycap { border: solid 1px rgba(17, 17, 27, 0.12); border-radius: 7px; box-shadow: inset 0 -2px rgba(17, 17, 27, 0.12); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); font-size: smaller; } :not(decoration):not(window):drop(active) { - caret-color: #7287fd; + caret-color: #8caaee; } stackswitcher { @@ -4853,7 +4853,7 @@ stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destruc stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { transition: all 75ms cubic-bezier(0, 0, 0.2, 1); - background-color: #eff1f5; + background-color: #c6d0f5; color: rgba(17, 17, 27, 0.87); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); } @@ -4917,7 +4917,7 @@ button.emoji-section { } button.emoji-section:checked { - color: #7287fd; + color: #8caaee; } popover.emoji-picker emoji { @@ -5123,19 +5123,19 @@ text color for entries, views and content in general */ @define-color theme_text_color rgba(17, 17, 27, 0.87); /* widget base background color */ -@define-color theme_bg_color #eff1f5; +@define-color theme_bg_color #c6d0f5; /* text widgets and the like base background color */ -@define-color theme_base_color #eff1f5; +@define-color theme_base_color #c6d0f5; /* base background color of selections */ -@define-color theme_selected_bg_color #7287fd; +@define-color theme_selected_bg_color #8caaee; /* text/foreground color of selections */ -@define-color theme_selected_fg_color #eff1f5; +@define-color theme_selected_fg_color rgba(17, 17, 27, 0.87); /* base background color of insensitive widgets */ -@define-color insensitive_bg_color #eff1f5; +@define-color insensitive_bg_color #c6d0f5; /* text foreground color of insensitive widgets */ @define-color insensitive_fg_color rgba(17, 17, 27, 0.38); @@ -5150,16 +5150,16 @@ text color for entries, views and content in general on backdrop windows */ @define-color theme_unfocused_text_color rgba(17, 17, 27, 0.87); /* widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #eff1f5; +@define-color theme_unfocused_bg_color #c6d0f5; /* text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #eff1f5; +@define-color theme_unfocused_base_color #c6d0f5; /* base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #7287fd; +@define-color theme_unfocused_selected_bg_color #8caaee; /* text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #eff1f5; +@define-color theme_unfocused_selected_fg_color rgba(17, 17, 27, 0.87); /* insensitive color on backdrop windows */ @define-color unfocused_insensitive_color rgba(17, 17, 27, 0.38); @@ -5171,18 +5171,18 @@ widgets main borders color on backdrop windows */ @define-color unfocused_borders rgba(17, 17, 27, 0.12); /* these are pretty self explicative */ -@define-color warning_color #df8e1d; -@define-color error_color #d20f39; -@define-color success_color #40a02b; +@define-color warning_color #e5c890; +@define-color error_color #e78284; +@define-color success_color #a6d189; /* these colors are exported for the window manager and shouldn't be used in applications, read if you used those and something break with a version upgrade you're on your own... */ -@define-color wm_title #eff1f5; -@define-color wm_unfocused_title rgba(239, 241, 245, 0.7); -@define-color wm_highlight rgba(239, 241, 245, 0.1); -@define-color wm_border #9b9d9f; -@define-color wm_bg #11111b; -@define-color wm_unfocused_bg #1e1e2e; +@define-color wm_title #c6d0f5; +@define-color wm_unfocused_title rgba(198, 208, 245, 0.7); +@define-color wm_highlight rgba(198, 208, 245, 0.1); +@define-color wm_border #81879f; +@define-color wm_bg #232634; +@define-color wm_unfocused_bg #303446; @define-color wm_button_icon white; @define-color wm_button_close_hover_bg #e78284; @define-color wm_button_close_active_bg #dd4f51; @@ -5192,14 +5192,14 @@ read if you used those and something break with a version upgrade you're on your @define-color wm_button_min_active_bg #d9af5e; /* FIXME this is really an API */ -@define-color content_view_bg #eff1f5; -@define-color placeholder_text_color #6a6b72; +@define-color content_view_bg #c6d0f5; +@define-color placeholder_text_color #595d72; /* Very contrasty background for text views (@theme_text_color foreground) */ -@define-color text_view_bg #eff1f5; +@define-color text_view_bg #c6d0f5; @define-color budgie_tasklist_indicator_color white; @define-color budgie_tasklist_indicator_color_active white; -@define-color budgie_tasklist_indicator_color_active_window #929296; -@define-color budgie_tasklist_indicator_color_attention #df8e1d; +@define-color budgie_tasklist_indicator_color_active_window #9a9ba2; +@define-color budgie_tasklist_indicator_color_attention #e5c890; @define-color STRAWBERRY_100 #FF9262; @define-color STRAWBERRY_300 #FF793E; @define-color STRAWBERRY_500 #F15D22; diff --git a/src/sass/_color-palette-default.scss b/src/sass/_color-palette-default.scss index 89f31e56..b58a3bc2 100644 --- a/src/sass/_color-palette-default.scss +++ b/src/sass/_color-palette-default.scss @@ -2,35 +2,35 @@ // Red $red-light: #e78284; -$red-dark: #d20f39; +$red-dark: #e78284; // Pink $pink-light: #f4b8e4; -$pink-dark: #ea76cb; +$pink-dark: #f4b8e4; // Purple $purple-light: #ca9ee6; -$purple-dark: #8839ef; +$purple-dark: #ca9ee6; // Blue -$blue-light: #b4befe; -$blue-dark: #7287fd; +$blue-light: #8caaee; +$blue-dark: #8caaee; // Teal -$teal-light: #b4befe; -$teal-dark: #7287fd; +$teal-light: #81c8be; +$teal-dark: #81c8be; // Green $green-light: #a6d189; -$green-dark: #40a02b; +$green-dark: #a6d189; // Yellow $yellow-light: #e5c890; -$yellow-dark: #df8e1d; +$yellow-dark: #e5c890; // Orange $orange-light: #ef9f76; -$orange-dark: #fe640b; +$orange-dark: #ef9f76; // Grey $grey-050: #dce0e8; // B crust Late @@ -45,16 +45,16 @@ $grey-450: #7c7f93; $grey-500: #6c6f85; $grey-550: #5c5f77; $grey-600: #45475a; -$grey-650: #313244; // H -$grey-700: #1e1e2e; // G -$grey-750: #11111b; // F -$grey-800: #11111b; // E +$grey-650: #414559; // H +$grey-700: #303446; // G +$grey-750: #232634; // F +$grey-800: #232634; // E $grey-850: #45475a; // H -$grey-900: #1e1e2e; // G +$grey-900: #232634; // G $grey-950: #11111b; // F // White -$white: #eff1f5; // A Base Late +$white: #c6d0f5; // A Base Late // Black $black: #11111b; // E Crust Mocha