diff options
Diffstat (limited to 'common/cinnamon/cinnamon-dark.css')
-rw-r--r-- | common/cinnamon/cinnamon-dark.css | 470 |
1 files changed, 233 insertions, 237 deletions
diff --git a/common/cinnamon/cinnamon-dark.css b/common/cinnamon/cinnamon-dark.css index d360a1c..4531658 100644 --- a/common/cinnamon/cinnamon-dark.css +++ b/common/cinnamon/cinnamon-dark.css @@ -2,7 +2,7 @@ stage { font-family: Futura Bk bt, sans, Sans-Serif; font-size: 9pt; - color: #657b83; } + color: #D3DAE3; } .label-shadow { color: transparent; } @@ -11,118 +11,118 @@ stage { min-height: 20px; padding: 5px 32px; transition-duration: 0; - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #657b83; - background-color: #083e4b; - border: 1px solid #001317; - box-shadow: inset 0 2px 4px rgba(8, 62, 75, 0.05); } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #D3DAE3; + background-color: #444a58; + border: 1px solid #2b2e39; + box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { border-radius: 2px; } .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #657b83; - background-color: #083e4b; - border: 1px solid #268bd2; - box-shadow: inset 0 2px 4px rgba(8, 62, 75, 0.05); } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #D3DAE3; + background-color: #444a58; + border: 1px solid #5294e2; + box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #657b83; - background-color: #0a5062; - border: 1px solid #001317; - box-shadow: inset 0 2px 4px rgba(10, 80, 98, 0.05); } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #D3DAE3; + background-color: #505666; + border: 1px solid #2b2e39; + box-shadow: inset 0 2px 4px rgba(80, 86, 102, 0.05); } .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #657b83; - background-color: #083e4b; - border: 1px solid #268bd2; - box-shadow: inset 0 2px 4px rgba(8, 62, 75, 0.05); } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #D3DAE3; + background-color: #444a58; + border: 1px solid #5294e2; + box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #fdf6e3; - background-color: #268bd2; - border: 1px solid #268bd2; - box-shadow: inset 0 2px 4px #268bd2; } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #ffffff; + background-color: #5294e2; + border: 1px solid #5294e2; + box-shadow: inset 0 2px 4px #5294e2; } .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: rgba(101, 123, 131, 0.45); - border: 1px solid rgba(0, 19, 23, 0.55); - background-color: rgba(8, 62, 75, 0.55); - box-shadow: inset 0 2px 4px rgba(8, 62, 75, 0.05); } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: rgba(211, 218, 227, 0.45); + border: 1px solid rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); + box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); } .notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button { min-height: 20px; padding: 5px 32px; transition-duration: 0; border-radius: 2px; - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #657b83; - border: 1px solid rgba(1, 9, 11, 0.35); - background-color: rgba(18, 137, 167, 0.35); } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #BAC3CF; + border: 1px solid rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } .notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #657b83; - border: 1px solid rgba(1, 9, 11, 0.35); - background-color: rgba(21, 163, 200, 0.45); } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #BAC3CF; + border: 1px solid rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } .notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus { - color: #268bd2; } + color: #5294e2; } .notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #fdf6e3; - border: 1px solid #268bd2; - background-color: #268bd2; } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #ffffff; + border: 1px solid #5294e2; + background-color: #5294e2; } .notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #234b56; - border: 1px solid rgba(1, 9, 11, 0.35); - background-color: rgba(18, 137, 167, 0.2); } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #5d626e; + border: 1px solid rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } .popup-menu #notification StEntry, #menu-search-entry { padding: 7px; caret-size: 1px; - selection-background-color: #268bd2; - selected-color: #fdf6e3; + selection-background-color: #5294e2; + selected-color: #ffffff; transition-duration: 300ms; border-radius: 3px; - color: #657b83; - background-color: #073642; - border: 1px solid #001317; - box-shadow: inset 0 2px 4px rgba(7, 54, 66, 0.05); } + color: #D3DAE3; + background-color: #404552; + border: 1px solid #2b2e39; + box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); } .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .popup-menu #notification StEntry:hover, #menu-search-entry:hover { - color: #657b83; - background-color: #073642; - border: 1px solid #268bd2; - box-shadow: inset 0 2px 4px rgba(7, 54, 66, 0.05); } + color: #D3DAE3; + background-color: #404552; + border: 1px solid #5294e2; + box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); } .popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive { - color: rgba(101, 123, 131, 0.45); - background-color: #04313d; - border-color: 1px solid #001e25; - box-shadow: inset 0 2px 4px rgba(4, 49, 61, 0.05); } + color: rgba(211, 218, 227, 0.45); + background-color: #3c414e; + border-color: 1px solid #313440; + box-shadow: inset 0 2px 4px rgba(60, 65, 78, 0.05); } .popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning { icon-size: 16px; - warning-color: #cb4b16; + warning-color: #F27835; padding: 0 4px; } .notification StEntry { padding: 7px; caret-size: 1px; - caret-color: #657b83; - selection-background-color: #268bd2; - selected-color: #fdf6e3; + caret-color: #BAC3CF; + selection-background-color: #5294e2; + selected-color: #ffffff; transition-duration: 300ms; border-radius: 3px; - color: #657b83; - background-color: rgba(18, 137, 167, 0.35); - border: 1px solid rgba(1, 9, 11, 0.35); + color: #BAC3CF; + background-color: rgba(102, 109, 132, 0.35); + border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .notification StEntry:focus { - color: #fdf6e3; - background-color: #268bd2; - border: 1px solid #268bd2; + color: #ffffff; + background-color: #5294e2; + border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .notification StEntry:insensitive { - color: rgba(101, 123, 131, 0.55); - background-color: rgba(18, 137, 167, 0.2); - border: 1px solid rgba(1, 9, 11, 0.35); + color: rgba(186, 195, 207, 0.55); + background-color: rgba(102, 109, 132, 0.2); + border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } StScrollView.vfade { @@ -137,17 +137,17 @@ StScrollBar { min-width: 5px; min-height: 5px; } StScrollBar StBin#trough { - background-color: rgba(7, 54, 66, 0.1); + background-color: rgba(64, 69, 82, 0.1); border-radius: 8px; } StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { border-radius: 2px; - background-color: #284b55; + background-color: #767b87; border: 0px solid; margin: 0px; } StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { - background-color: #1e434d; } + background-color: #676b78; } StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { - background-color: #268bd2; } + background-color: #5294e2; } .separator { -gradient-height: 1px; @@ -159,9 +159,9 @@ StScrollBar { .popup-slider-menu-item, .slider { -slider-height: 4px; - -slider-background-color: #001317; + -slider-background-color: #2b2e39; -slider-border-color: transparent; - -slider-active-background-color: #268bd2; + -slider-active-background-color: #5294e2; -slider-active-border-color: transparent; -slider-border-width: 0; -slider-handle-radius: 4px; @@ -174,7 +174,7 @@ StScrollBar { .popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { -slider-background-color: rgba(0, 0, 0, 0.2); - -slider-active-background-color: #fdf6e3; } + -slider-active-background-color: #ffffff; } .check-box CinnamonGenericContainer { spacing: .2em; @@ -235,57 +235,58 @@ StScrollBar { background-image: url("common-assets/switch/switch-on-selected.svg"); } .cinnamon-link { - color: #78b9e6; + color: #a9caf1; text-decoration: underline; } .cinnamon-link:hover { - color: #a3cfee; } + color: #d5e5f8; } #Tooltip { border-radius: 3px; padding: 5px 12px; - background-color: rgba(7, 54, 66, 0.95); - color: #657b83; + background-color: rgba(53, 57, 69, 0.95); + color: #BAC3CF; font-size: 1em; font-weight: normal; text-align: center; } -.popup-menu { +.popup-menu, +.popup-combo-menu { color: white; min-width: 200px; - color: #657b83; + color: #D3DAE3; border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; } .popup-menu-arrow { icon-size: 16px; } - .popup-menu .popup-sub-menu { + .popup-menu .popup-sub-menu, .popup-combo-menu .popup-sub-menu { background-gradient-direction: none; box-shadow: none; border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; } - .popup-menu .popup-sub-menu .popup-menu-item:ltr { + .popup-menu .popup-sub-menu .popup-menu-item:ltr, .popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { padding-right: 0em; } - .popup-menu .popup-sub-menu .popup-menu-item:rtl { + .popup-menu .popup-sub-menu .popup-menu-item:rtl, .popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { padding-left: 0em; } - .popup-menu .popup-sub-menu StScrollBar { + .popup-menu .popup-sub-menu StScrollBar, .popup-combo-menu .popup-sub-menu StScrollBar { padding: 4px; } - .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle { + .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle, .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { border-width: 0; } - .popup-menu .popup-menu-content { + .popup-menu .popup-menu-content, .popup-combo-menu .popup-menu-content { padding: 1em 0em 1em 0em; } - .popup-menu .popup-menu-item { + .popup-menu .popup-menu-item, .popup-combo-menu .popup-menu-item { padding: .4em 1.75em; spacing: 1em; } - .popup-menu .popup-menu-item:active { - color: #fdf6e3; + .popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:active { + color: #ffffff; background-color: transparent; border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } - .popup-menu .popup-menu-item:insensitive { - color: rgba(101, 123, 131, 0.5); + .popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive { + color: rgba(211, 218, 227, 0.5); background: none; } - .popup-menu .popup-inactive-menu-item { - color: #657b83; } - .popup-menu .popup-inactive-menu-item:insensitive { - color: rgba(101, 123, 131, 0.45); } - .popup-menu .popup-menu-item:active .popup-inactive-menu-item { - color: #fdf6e3; } + .popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item { + color: #D3DAE3; } + .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(211, 218, 227, 0.45); } + .popup-menu .popup-menu-item:active .popup-inactive-menu-item, .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: #ffffff; } .popup-menu-icon { icon-size: 16px; } @@ -297,13 +298,8 @@ StScrollBar { -arrow-base: 0; -arrow-rise: 0; } -/*Don't know what this does*/ .popup-combo-menu { - background-color: rgba(0, 0, 0, 0.4); - padding: 1em 0em; - color: red; - border: 1px solid rgba(0, 0, 0, 0.6); - border-radius: 3px; } + padding: 10px 1px; } .popup-combobox-item { spacing: 1em; } @@ -359,7 +355,7 @@ StScrollBar { background-gradient-end: rgba(0, 255, 0, 0.2); } .panel-top, .panel-bottom { - color: #fdf6e3; + color: white; font-size: 1em; padding: 0px; } @@ -392,18 +388,18 @@ StScrollBar { spacing: 12px; } .window-caption { - background-color: rgba(7, 54, 66, 0.95); - border: 1px solid rgba(7, 54, 66, 0.95); - color: #657b83; + background-color: rgba(53, 57, 69, 0.95); + border: 1px solid rgba(53, 57, 69, 0.95); + color: #BAC3CF; spacing: 25px; border-radius: 2px; font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; } .window-caption#selected { - background-color: #268bd2; - color: #fdf6e3; - border: 1px solid #268bd2; + background-color: #5294e2; + color: #ffffff; + border: 1px solid #5294e2; spacing: 25px; } .expo-workspaces-name-entry, @@ -413,31 +409,31 @@ StScrollBar { font-size: 9pt; padding: 5px 8px; -cinnamon-caption-spacing: 4px; - color: #657b83; - background-color: rgba(18, 137, 167, 0.35); - border: 1px solid rgba(1, 9, 11, 0.35); + color: #BAC3CF; + background-color: rgba(102, 109, 132, 0.35); + border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .expo-workspaces-name-entry:focus, .expo-workspaces-name-entry#selected:focus { - border: 1px solid #268bd2; - background-color: #268bd2; - color: #fdf6e3; + border: 1px solid #5294e2; + background-color: #5294e2; + color: #ffffff; font-style: italic; transition-duration: 300; - selection-background-color: #fdf6e3; - selected-color: #268bd2; } + selection-background-color: #ffffff; + selected-color: #5294e2; } .expo-workspace-thumbnail-frame { border: 4px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); border-radius: 2px; } .expo-workspace-thumbnail-frame#active { - border: 4px solid #268bd2; + border: 4px solid #5294e2; background-color: black; border-radius: 2px; } .expo-background { - background-color: #073642; } + background-color: #353945; } .workspace-thumbnails { spacing: 26px; } @@ -503,9 +499,9 @@ StScrollBar { padding-bottom: 14px; } .about-scrollBox { - border: 1px solid #001317; + border: 1px solid #2b2e39; border-radius: 2px; - background-color: #073642; + background-color: #404552; padding: 4px; padding-right: 0; border-radius: 0; } @@ -528,7 +524,7 @@ StScrollBar { spacing-columns: 0px; } .calendar-month-label { - color: #657b83; + color: #D3DAE3; font-weight: bold; padding: 8px 0; } @@ -567,7 +563,7 @@ StScrollBar { padding: .4em 1.75em; font-weight: bold; text-align: center; - color: #657b83; + color: #D3DAE3; border-radius: 2px; } .calendar-day-base { @@ -580,13 +576,13 @@ StScrollBar { border-radius: 12.5px; } .calendar-day-heading { - color: rgba(101, 123, 131, 0.85); + color: rgba(211, 218, 227, 0.85); margin-top: 1em; font-size: 70%; } .calendar-day { border-width: 0; - color: rgba(101, 123, 131, 0.8); } + color: rgba(211, 218, 227, 0.8); } .calendar-day-top { border-top-width: 0; } @@ -595,7 +591,7 @@ StScrollBar { border-left-width: 0; } .calendar-nonwork-day { - color: #657b83; + color: #D3DAE3; background-color: transparent; font-weight: bold; } @@ -604,12 +600,12 @@ StScrollBar { .calendar-today:focus, .calendar-today:hover { font-weight: bold; - color: #fdf6e3; - background-color: #268bd2; + color: #ffffff; + background-color: #5294e2; border-width: 0; } .calendar-other-month-day { - color: rgba(101, 123, 131, 0.3); + color: rgba(211, 218, 227, 0.3); opacity: 1; } #notification { @@ -620,15 +616,15 @@ StScrollBar { spacing-columns: 10px; margin-from-right-edge-of-screen: 20px; width: 34em; - color: #657b83; } + color: #BAC3CF; } .popup-menu #notification { - color: #657b83; + color: #D3DAE3; border-image: url("dark-assets/misc/message.svg") 9 9 9 9; } .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { padding: 5px; } #notification.multi-line-notification { padding-bottom: 13px; - color: #657b83; } + color: #BAC3CF; } #notification-scrollview { max-height: 10em; } #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { @@ -644,7 +640,7 @@ StScrollBar { .notification-with-image { min-height: 159px; - color: #657b83; } + color: #BAC3CF; } .notification-button, .notification-icon-button { padding: 5px; } @@ -657,7 +653,7 @@ StScrollBar { spacing: 16px; } .switcher-list { - color: #657b83; + color: #BAC3CF; background: none; border: none; border-image: url("common-assets/misc/bg.svg") 9 9 9 9; @@ -672,11 +668,11 @@ StScrollBar { border-radius: 2px; } .switcher-list .item-box:outlined { padding: 8px; - border: 1px solid #268bd2; } + border: 1px solid #5294e2; } .switcher-list .item-box:selected { - color: #fdf6e3; - background-color: #268bd2; - border: 0px solid #268bd2; } + color: #ffffff; + background-color: #5294e2; + border: 0px solid #5294e2; } .switcher-list .thumbnail { width: 256px; } .switcher-list .thumbnail-box { @@ -688,10 +684,10 @@ StScrollBar { .switcher-arrow { border-color: transparent; - color: #657b83; } + color: #BAC3CF; } .switcher-arrow:highlighted { border-color: transparent; - color: #fdf6e3; } + color: white; } .thumbnail-scroll-gradient-left { background-color: transparent; @@ -720,8 +716,8 @@ StScrollBar { background-color: white; } .modal-dialog { - color: #657b83; - background-color: rgba(0, 43, 54, 0); + color: #D3DAE3; + background-color: rgba(56, 60, 74, 0); border: none; border-image: url("dark-assets/misc/modal.svg") 9 9 9 67; padding: 0 5px 6px 5px; } @@ -747,10 +743,10 @@ StScrollBar { .run-dialog-label { font-size: 0; font-weight: bold; - color: #657b83; + color: #BAC3CF; padding-bottom: 0; } .run-dialog-error-label { - color: #dc322f; } + color: #FC4138; } .run-dialog-error-box { padding-top: 15px; spacing: 5px; } @@ -761,17 +757,17 @@ StScrollBar { width: 21em; padding: 7px; border-radius: 3px; - caret-color: #657b83; - selected-color: #fdf6e3; - selection-background-color: #268bd2; - color: #657b83; - background-color: rgba(18, 137, 167, 0.35); - border: 1px solid rgba(1, 9, 11, 0.35); + caret-color: #BAC3CF; + selected-color: #ffffff; + selection-background-color: #5294e2; + color: #BAC3CF; + background-color: rgba(102, 109, 132, 0.35); + border: 1px solid rgba(26, 28, 34, 0.35); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .run-dialog-entry:focus { - color: #fdf6e3; - background-color: #268bd2; - border: 1px solid #268bd2; + color: #ffffff; + background-color: #5294e2; + border: 1px solid #5294e2; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } .run-dialog .modal-dialog-button-box { border: none; @@ -784,7 +780,7 @@ StScrollBar { icon-size: 48px; } .mount-password-reask { - color: #cb4b16; } + color: #F27835; } .show-processes-dialog, .mount-question-dialog { @@ -835,7 +831,7 @@ StScrollBar { border-width: 0px; } #keyboard { - background-color: rgba(7, 54, 66, 0.95); + background-color: rgba(53, 57, 69, 0.95); border-width: 0; border-top-width: 1px; border-color: rgba(0, 0, 0, 0.4); } @@ -854,31 +850,31 @@ StScrollBar { font-weight: bold; border-radius: 3px; box-shadow: none; - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #657b83; - border: 1px solid rgba(1, 9, 11, 0.35); - background-color: rgba(18, 137, 167, 0.35); } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #BAC3CF; + border: 1px solid rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } .keyboard-key:hover { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #657b83; - border: 1px solid rgba(1, 9, 11, 0.35); - background-color: rgba(21, 163, 200, 0.45); } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #BAC3CF; + border: 1px solid rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } .keyboard-key:active, .keyboard-key:checked { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #fdf6e3; - border: 1px solid #268bd2; - background-color: #268bd2; } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #ffffff; + border: 1px solid #5294e2; + background-color: #5294e2; } .keyboard-key:grayed { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #234b56; - border: 1px solid rgba(1, 9, 11, 0.35); - background-color: rgba(18, 137, 167, 0.2); } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #5d626e; + border: 1px solid rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } .keyboard-subkeys { - color: #657b83; + color: #BAC3CF; padding: 5px; -arrow-border-radius: 2px; - -arrow-background-color: rgba(7, 54, 66, 0.95); + -arrow-background-color: rgba(53, 57, 69, 0.95); -arrow-border-width: 1px; -arrow-border-color: rgba(0, 0, 0, 0.4); -arrow-base: 20px; @@ -889,8 +885,8 @@ StScrollBar { margin: auto; padding: 10px; transition-duration: 300; - background-color: #002b36; - border: 1px solid #001317; } + background-color: #383C4A; + border: 1px solid #2b2e39; } .menu-favorites-button { padding: 10px; @@ -934,7 +930,7 @@ StScrollBar { border-radius: 2px; } .menu-category-button-greyed { padding: 7px; - color: rgba(101, 123, 131, 0.45); + color: rgba(211, 218, 227, 0.45); border: 1px solid transparent; } .menu-category-button-label:ltr { padding-left: 5px; } @@ -966,11 +962,11 @@ StScrollBar { width: 250px; height: 15px; font-weight: normal; - caret-color: #657b83; } + caret-color: #D3DAE3; } .menu-search-entry-icon { icon-size: 1em; - color: #657b83; } + color: #D3DAE3; } /* Context menu (at the moment only for favorites) */ .info-osd { @@ -978,7 +974,7 @@ StScrollBar { font-weight: bold; spacing: 1em; padding: 16px; - color: #fdf6e3; + color: white; border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } .osd-window { @@ -989,7 +985,7 @@ StScrollBar { margin: 32px; min-width: 64px; min-height: 64px; - color: #fdf6e3; + color: white; background: none; border: none; border-radius: 5px; @@ -1001,7 +997,7 @@ StScrollBar { height: 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 2px; - color: #268bd2; } + color: #5294e2; } .window-list-box { spacing: 6px; @@ -1022,19 +1018,19 @@ StScrollBar { padding-left: 8px; padding-right: 8px; transition-duration: 100; - color: rgba(253, 246, 227, 0.6); } + color: rgba(255, 255, 255, 0.6); } .window-list-item-box:hover { - color: #fdf6e3; } + color: white; } .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus { - color: #fdf6e3; } + color: white; } .panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:focus { border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; } .panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus { border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; } .window-list-item-demands-attention { - background-gradient-start: #cb4b16; - background-gradient-end: #cb4b16; } + background-gradient-start: #F27835; + background-gradient-end: #F27835; } .sound-button { width: 22px; @@ -1101,30 +1097,30 @@ StScrollBar { height: 70px; padding: 15px; spacing: 0.5em; - background: rgba(5, 35, 43, 0.85); - border: 0px solid rgba(2, 16, 20, 0.95); + background: rgba(42, 45, 55, 0.85); + border: 0px solid rgba(31, 33, 40, 0.95); border-bottom: 1px; - color: #657b83; } + color: #BAC3CF; } .sound-player-overlay StButton { width: 22px; height: 13px; padding: 5px; - color: #657b83; + color: #BAC3CF; border-radius: 2px; - border: 1px solid rgba(7, 54, 66, 0); } + border: 1px solid rgba(53, 57, 69, 0); } .sound-player-overlay StButton StIcon { icon-size: 16px; } .sound-player-overlay StButton:hover { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #657b83; - border: 1px solid rgba(1, 9, 11, 0.35); - background-color: rgba(21, 163, 200, 0.45); } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #BAC3CF; + border: 1px solid rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } .sound-player-overlay StButton:active { - text-shadow: 0 1px rgba(7, 54, 66, 0); - color: #fdf6e3; - background-color: #268bd2; - border: 1px solid #268bd2; - box-shadow: inset 0 2px 4px #268bd2; } + text-shadow: 0 1px rgba(64, 69, 82, 0); + color: #ffffff; + background-color: #5294e2; + border: 1px solid #5294e2; + box-shadow: inset 0 2px 4px #5294e2; } .sound-player-overlay StBoxLayout { padding-top: 2px; } .sound-player .slider { @@ -1132,9 +1128,9 @@ StScrollBar { padding: 0; border: none; -slider-height: 0.5em; - -slider-background-color: #00171d; + -slider-background-color: #2d303b; -slider-border-color: transparent; - -slider-active-background-color: #268bd2; + -slider-active-background-color: #5294e2; -slider-active-border-color: transparent; -slider-border-width: 0px; -slider-handle-radius: 0px; } @@ -1151,14 +1147,14 @@ StScrollBar { .workspace-button { width: 20px; height: 10px; - color: #fdf6e3; + color: #ffffff; padding: 3px; padding-top: 4px; transition-duration: 300; } .workspace-button:outlined, .workspace-button:outlined:hover { - color: #268bd2; } + color: #5294e2; } .workspace-button:hover { - color: rgba(38, 139, 210, 0.5); } + color: rgba(82, 148, 226, 0.5); } /* Controls the style when using the "Visual representation" option */ .workspace-graph { @@ -1171,19 +1167,19 @@ StScrollBar { background-color: rgba(0, 0, 0, 0.2); } .workspace-graph .workspace:active { - border: 1px solid #268bd2; + border: 1px solid #5294e2; background-gradient-direction: none; } .workspace-graph .workspace .windows { - -active-window-background: rgba(12, 93, 113, 0.95); + -active-window-background: rgba(76, 82, 99, 0.95); -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(12, 93, 113, 0.95); + -inactive-window-background: rgba(76, 82, 99, 0.95); -inactive-window-border: rgba(0, 0, 0, 0.8); } .workspace-graph .workspace:active .windows { - -active-window-background: rgba(14, 112, 137, 0.95); + -active-window-background: rgba(87, 93, 113, 0.95); -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: rgba(7, 55, 67, 0.95); + -inactive-window-background: rgba(54, 58, 70, 0.95); -inactive-window-border: rgba(0, 0, 0, 0.8); } #panel-launchers-box { @@ -1195,7 +1191,7 @@ StScrollBar { transition-duration: 200; } .panel-launcher:hover { background-gradient-direction: none; - border: 0px solid #268bd2; } + border: 0px solid #5294e2; } .panel-bottom .panel-launcher:hover { border-bottom-width: 1px; } .panel-top .panel-launcher:hover { @@ -1216,25 +1212,25 @@ StScrollBar { .applet-box { padding-left: 3px; padding-right: 3px; - color: #fdf6e3; + color: white; text-shadow: none; transition-duration: 100; } .applet-box:hover { - color: #fdf6e3; - background-color: #268bd2; } + color: #ffffff; + background-color: #5294e2; } .applet-label { font-weight: bold; - color: #fdf6e3; } + color: white; } .applet-label:hover, .applet-box:hover > .applet-label { - color: #fdf6e3; + color: #ffffff; text-shadow: none; } .applet-icon { - color: #fdf6e3; + color: white; icon-size: 22px; } .applet-icon:hover, .applet-box:hover > .applet-icon { - color: #fdf6e3; + color: #ffffff; text-shadow: none; } .user-icon { @@ -1245,21 +1241,21 @@ StScrollBar { border-radius: 0; } .user-label { - color: #657b83; + color: #D3DAE3; font-size: 1em; font-weight: bold; margin: 0px; } .desklet { - color: #657b83; } + color: #BAC3CF; } .desklet-with-borders { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; - color: #657b83; + color: #BAC3CF; padding: 12px; padding-bottom: 16px; } .desklet-with-borders-and-header { border-image: url("common-assets/misc/desklet.svg") 9 9 9 9; - color: #657b83; + color: #BAC3CF; border-radius: 0; border-radius-topleft: 0; border-radius-topright: 0; @@ -1267,17 +1263,17 @@ StScrollBar { padding-bottom: 17px; } .desklet-header { border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9; - color: #657b83; + color: #BAC3CF; font-size: 1em; padding: 12px; padding-bottom: 6px; } .desklet-drag-placeholder { - border: 2px solid #268bd2; - background-color: rgba(38, 139, 210, 0.3); } + border: 2px solid #5294e2; + background-color: rgba(82, 148, 226, 0.3); } .photoframe-box { border-image: url("common-assets/misc/bg.svg") 9 9 9 9; - color: #657b83; + color: #BAC3CF; padding: 12px; padding-bottom: 16px; } @@ -1296,8 +1292,8 @@ StScrollBar { .tile-preview, .tile-preview.snap, .tile-hud, .tile-hud.snap { - background-color: rgba(38, 139, 210, 0.3); - border: 1px solid #268bd2; } + background-color: rgba(82, 148, 226, 0.3); + border: 1px solid #5294e2; } .xkcd-box { padding: 6px; |