mirror of
https://github.com/luneko/SweetTokyoNight.git
synced 2025-12-13 15:29:53 +01:00
Cinnamon: Update desktop theme colors
This commit is contained in:
EliverLara
@@ -12,11 +12,11 @@ stage {
|
||||
min-height: 20px;
|
||||
padding: 5px 32px;
|
||||
transition-duration: 0;
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #98abb2;
|
||||
background-color: #1c1f2e;
|
||||
border: 1px solid #050508;
|
||||
box-shadow: inset 0 2px 4px rgba(28, 31, 46, 0.05); }
|
||||
background-color: #222e32;
|
||||
border: 1px solid #161819;
|
||||
box-shadow: inset 0 2px 4px rgba(34, 46, 50, 0.05); }
|
||||
.menu #notification .notification-button, .menu #notification .notification-icon-button,
|
||||
.popup-menu #notification .notification-button,
|
||||
.popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus,
|
||||
@@ -36,98 +36,98 @@ stage {
|
||||
.menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus,
|
||||
.popup-menu #notification .notification-button:focus,
|
||||
.popup-menu #notification .notification-icon-button:focus, .sound-button:focus {
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #98abb2;
|
||||
background-color: #1c1f2e;
|
||||
border: 1px solid #c50ed2;
|
||||
box-shadow: inset 0 2px 4px rgba(28, 31, 46, 0.05); }
|
||||
background-color: #222e32;
|
||||
border: 1px solid #00e8b7;
|
||||
box-shadow: inset 0 2px 4px rgba(34, 46, 50, 0.05); }
|
||||
.menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover,
|
||||
.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(24, 27, 40, 0);
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #98abb2;
|
||||
background-color: #252a3e;
|
||||
border: 1px solid #050508;
|
||||
box-shadow: inset 0 2px 4px rgba(37, 42, 62, 0.05); }
|
||||
background-color: #2c3b41;
|
||||
border: 1px solid #161819;
|
||||
box-shadow: inset 0 2px 4px rgba(44, 59, 65, 0.05); }
|
||||
.menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus,
|
||||
.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(24, 27, 40, 0);
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #98abb2;
|
||||
background-color: #1c1f2e;
|
||||
border: 1px solid #c50ed2;
|
||||
box-shadow: inset 0 2px 4px rgba(28, 31, 46, 0.05); }
|
||||
background-color: #222e32;
|
||||
border: 1px solid #00e8b7;
|
||||
box-shadow: inset 0 2px 4px rgba(34, 46, 50, 0.05); }
|
||||
.menu #notification .notification-button:active, .menu #notification .notification-icon-button:active,
|
||||
.popup-menu #notification .notification-button:active,
|
||||
.popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus,
|
||||
.popup-menu #notification .notification-button:active:focus,
|
||||
.popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus {
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
color: #fefefe;
|
||||
background-color: #c50ed2;
|
||||
border: 1px solid #c50ed2;
|
||||
box-shadow: inset 0 2px 4px #c50ed2; }
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #f7f7f7;
|
||||
background-color: #00e8b7;
|
||||
border: 1px solid #00e8b7;
|
||||
box-shadow: inset 0 2px 4px #00e8b7; }
|
||||
.menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive,
|
||||
.popup-menu #notification .notification-button:insensitive,
|
||||
.popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: rgba(152, 171, 178, 0.45);
|
||||
border: 1px solid rgba(5, 5, 8, 0.55);
|
||||
background-color: rgba(28, 31, 46, 0.55);
|
||||
box-shadow: inset 0 2px 4px rgba(28, 31, 46, 0.05); }
|
||||
border: 1px solid rgba(22, 24, 25, 0.55);
|
||||
background-color: rgba(34, 46, 50, 0.55);
|
||||
box-shadow: inset 0 2px 4px rgba(34, 46, 50, 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(24, 27, 40, 0);
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #BAC3CF;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(57, 64, 94, 0.4); }
|
||||
border: 1px solid rgba(2, 2, 3, 0.4);
|
||||
background-color: rgba(66, 90, 111, 0.4); }
|
||||
.notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover {
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #BAC3CF;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(70, 79, 117, 0.5); }
|
||||
border: 1px solid rgba(2, 2, 3, 0.4);
|
||||
background-color: rgba(80, 108, 134, 0.5); }
|
||||
.notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus {
|
||||
color: #c50ed2; }
|
||||
color: #00e8b7; }
|
||||
.notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active {
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
color: #fefefe;
|
||||
border: 1px solid #c50ed2;
|
||||
background-color: #c50ed2; }
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #f7f7f7;
|
||||
border: 1px solid #00e8b7;
|
||||
background-color: #00e8b7; }
|
||||
.notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive {
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
color: #42464f;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(57, 64, 94, 0.25); }
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #49525b;
|
||||
border: 1px solid rgba(2, 2, 3, 0.4);
|
||||
background-color: rgba(66, 90, 111, 0.25); }
|
||||
|
||||
.menu #notification StEntry,
|
||||
.popup-menu #notification StEntry, #menu-search-entry {
|
||||
padding: 7px;
|
||||
caret-size: 1px;
|
||||
selection-background-color: #c50ed2;
|
||||
selected-color: #fefefe;
|
||||
selection-background-color: #00e8b7;
|
||||
selected-color: #f7f7f7;
|
||||
transition-duration: 300ms;
|
||||
border-radius: 3px;
|
||||
color: #98abb2;
|
||||
background-color: #181b28;
|
||||
border: 1px solid #050508;
|
||||
box-shadow: inset 0 2px 4px rgba(24, 27, 40, 0.05); }
|
||||
background-color: #1e282c;
|
||||
border: 1px solid #161819;
|
||||
box-shadow: inset 0 2px 4px rgba(30, 40, 44, 0.05); }
|
||||
.menu #notification StEntry:focus,
|
||||
.popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover,
|
||||
.popup-menu #notification StEntry:hover, #menu-search-entry:hover {
|
||||
color: #98abb2;
|
||||
background-color: #181b28;
|
||||
border: 1px solid #c50ed2;
|
||||
box-shadow: inset 0 2px 4px rgba(24, 27, 40, 0.05); }
|
||||
background-color: #1e282c;
|
||||
border: 1px solid #00e8b7;
|
||||
box-shadow: inset 0 2px 4px rgba(30, 40, 44, 0.05); }
|
||||
.menu #notification StEntry:insensitive,
|
||||
.popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive {
|
||||
color: rgba(152, 171, 178, 0.45);
|
||||
background-color: #181b28;
|
||||
border-color: 1px solid #0d0f16;
|
||||
box-shadow: inset 0 2px 4px rgba(24, 27, 40, 0.05); }
|
||||
background-color: #202b32;
|
||||
border-color: 1px solid #1b2227;
|
||||
box-shadow: inset 0 2px 4px rgba(32, 43, 50, 0.05); }
|
||||
.menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning {
|
||||
icon-size: 16px;
|
||||
warning-color: #F27835;
|
||||
@@ -137,23 +137,23 @@ stage {
|
||||
padding: 7px;
|
||||
caret-size: 1px;
|
||||
caret-color: #BAC3CF;
|
||||
selection-background-color: #c50ed2;
|
||||
selected-color: #fefefe;
|
||||
selection-background-color: #00e8b7;
|
||||
selected-color: #f7f7f7;
|
||||
transition-duration: 300ms;
|
||||
border-radius: 3px;
|
||||
color: #BAC3CF;
|
||||
background-color: rgba(57, 64, 94, 0.4);
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(66, 90, 111, 0.4);
|
||||
border: 1px solid rgba(2, 2, 3, 0.4);
|
||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
|
||||
.notification StEntry:focus {
|
||||
color: #fefefe;
|
||||
background-color: #c50ed2;
|
||||
border: 1px solid #c50ed2;
|
||||
color: #f7f7f7;
|
||||
background-color: #00e8b7;
|
||||
border: 1px solid #00e8b7;
|
||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
|
||||
.notification StEntry:insensitive {
|
||||
color: rgba(186, 195, 207, 0.55);
|
||||
background-color: rgba(57, 64, 94, 0.25);
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(66, 90, 111, 0.25);
|
||||
border: 1px solid rgba(2, 2, 3, 0.4);
|
||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
|
||||
|
||||
StScrollView.vfade {
|
||||
@@ -168,17 +168,17 @@ StScrollBar {
|
||||
min-width: 5px;
|
||||
min-height: 5px; }
|
||||
StScrollBar StBin#trough {
|
||||
background-color: rgba(24, 27, 40, 0.1);
|
||||
background-color: rgba(30, 40, 44, 0.1);
|
||||
border-radius: 8px; }
|
||||
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
|
||||
border-radius: 2px;
|
||||
background-color: #4b555f;
|
||||
background-color: #516069;
|
||||
border: 0px solid;
|
||||
margin: 0px; }
|
||||
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
|
||||
background-color: #3e4651; }
|
||||
background-color: #45545d; }
|
||||
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
|
||||
background-color: #c50ed2; }
|
||||
background-color: #00e8b7; }
|
||||
|
||||
.separator {
|
||||
-gradient-height: 1px;
|
||||
@@ -190,9 +190,9 @@ StScrollBar {
|
||||
.popup-slider-menu-item,
|
||||
.slider {
|
||||
-slider-height: 4px;
|
||||
-slider-background-color: #050508;
|
||||
-slider-background-color: #161819;
|
||||
-slider-border-color: rgba(0, 0, 0, 0);
|
||||
-slider-active-background-color: #c50ed2;
|
||||
-slider-active-background-color: #00e8b7;
|
||||
-slider-active-border-color: rgba(0, 0, 0, 0);
|
||||
-slider-border-width: 0;
|
||||
-slider-handle-radius: 4px;
|
||||
@@ -205,7 +205,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: #fefefe; }
|
||||
-slider-active-background-color: #f7f7f7; }
|
||||
|
||||
.check-box CinnamonGenericContainer {
|
||||
spacing: .2em;
|
||||
@@ -274,7 +274,7 @@ StScrollBar {
|
||||
#Tooltip {
|
||||
border-radius: 3px;
|
||||
padding: 5px 12px;
|
||||
background-color: #0e1018;
|
||||
background-color: #182129;
|
||||
color: #BAC3CF;
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
@@ -284,9 +284,9 @@ StScrollBar {
|
||||
.popup-menu,
|
||||
.popup-combo-menu {
|
||||
color: #98abb2;
|
||||
background-color: #0e1018;
|
||||
background-color: #182129;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #050508; }
|
||||
border: 1px solid #161819; }
|
||||
.menu-arrow,
|
||||
.popup-menu-arrow {
|
||||
icon-size: 16px; }
|
||||
@@ -295,7 +295,7 @@ StScrollBar {
|
||||
.popup-combo-menu .popup-sub-menu {
|
||||
background-gradient-direction: none;
|
||||
box-shadow: none;
|
||||
background-color: #0b0c12; }
|
||||
background-color: #151c23; }
|
||||
.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 {
|
||||
@@ -326,9 +326,8 @@ StScrollBar {
|
||||
.menu .popup-menu-item:active,
|
||||
.popup-menu .popup-menu-item:active,
|
||||
.popup-combo-menu .popup-menu-item:active {
|
||||
color: #fefefe;
|
||||
background-color: transparent;
|
||||
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
|
||||
color: #f7f7f7;
|
||||
background-color: rgba(0, 232, 183, 0.5); }
|
||||
.menu .popup-menu-item:insensitive,
|
||||
.popup-menu .popup-menu-item:insensitive,
|
||||
.popup-combo-menu .popup-menu-item:insensitive {
|
||||
@@ -345,7 +344,7 @@ StScrollBar {
|
||||
.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: #fefefe; }
|
||||
color: #f7f7f7; }
|
||||
.menu-icon,
|
||||
.popup-menu-icon {
|
||||
icon-size: 16px; }
|
||||
@@ -388,7 +387,7 @@ StScrollBar {
|
||||
height: 28px;
|
||||
width: 32px;
|
||||
font-weight: 700;
|
||||
background-color: #0e1018;
|
||||
background-color: #182129;
|
||||
color: #98abb2; }
|
||||
#panel:highlight {
|
||||
border-image: none;
|
||||
@@ -465,8 +464,8 @@ StScrollBar {
|
||||
spacing: 12px; }
|
||||
|
||||
.window-caption {
|
||||
background-color: #0e1018;
|
||||
border: 1px solid #0e1018;
|
||||
background-color: #182129;
|
||||
border: 1px solid #182129;
|
||||
color: #BAC3CF;
|
||||
spacing: 25px;
|
||||
border-radius: 2px;
|
||||
@@ -474,9 +473,9 @@ StScrollBar {
|
||||
padding: 5px 8px;
|
||||
-cinnamon-caption-spacing: 4px; }
|
||||
.window-caption#selected {
|
||||
background-color: #c50ed2;
|
||||
color: #fefefe;
|
||||
border: 1px solid #c50ed2;
|
||||
background-color: #00e8b7;
|
||||
color: #f7f7f7;
|
||||
border: 1px solid #00e8b7;
|
||||
spacing: 25px; }
|
||||
|
||||
.expo-workspaces-name-entry,
|
||||
@@ -487,30 +486,30 @@ StScrollBar {
|
||||
padding: 5px 8px;
|
||||
-cinnamon-caption-spacing: 4px;
|
||||
color: #BAC3CF;
|
||||
background-color: rgba(57, 64, 94, 0.4);
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(66, 90, 111, 0.4);
|
||||
border: 1px solid rgba(2, 2, 3, 0.4);
|
||||
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 #c50ed2;
|
||||
background-color: #c50ed2;
|
||||
color: #fefefe;
|
||||
border: 1px solid #00e8b7;
|
||||
background-color: #00e8b7;
|
||||
color: #f7f7f7;
|
||||
font-style: italic;
|
||||
transition-duration: 300;
|
||||
selection-background-color: #fefefe;
|
||||
selected-color: #c50ed2; }
|
||||
selection-background-color: #f7f7f7;
|
||||
selected-color: #00e8b7; }
|
||||
|
||||
.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 #c50ed2;
|
||||
border: 4px solid #00e8b7;
|
||||
background-color: black;
|
||||
border-radius: 2px; }
|
||||
|
||||
.expo-background {
|
||||
background-color: #0e1018; }
|
||||
background-color: #182129; }
|
||||
|
||||
.workspace-thumbnails {
|
||||
spacing: 26px; }
|
||||
@@ -576,9 +575,9 @@ StScrollBar {
|
||||
padding-bottom: 14px; }
|
||||
|
||||
.about-scrollBox {
|
||||
border: 1px solid #050508;
|
||||
border: 1px solid #161819;
|
||||
border-radius: 2px;
|
||||
background-color: #181b28;
|
||||
background-color: #1E282C;
|
||||
padding: 4px;
|
||||
padding-right: 0;
|
||||
border-radius: 0; }
|
||||
@@ -677,8 +676,8 @@ StScrollBar {
|
||||
.calendar-today:focus,
|
||||
.calendar-today:hover {
|
||||
font-weight: bold;
|
||||
color: #fefefe;
|
||||
background-color: #c50ed2;
|
||||
color: #f7f7f7;
|
||||
background-color: #00e8b7;
|
||||
border-width: 0; }
|
||||
|
||||
.calendar-other-month-day {
|
||||
@@ -755,11 +754,11 @@ StScrollBar {
|
||||
border-radius: 2px; }
|
||||
.switcher-list .item-box:outlined {
|
||||
padding: 8px;
|
||||
border: 1px solid #c50ed2; }
|
||||
border: 1px solid #00e8b7; }
|
||||
.switcher-list .item-box:selected {
|
||||
color: #fefefe;
|
||||
background-color: #c50ed2;
|
||||
border: 0px solid #c50ed2; }
|
||||
color: #f7f7f7;
|
||||
background-color: #00e8b7;
|
||||
border: 0px solid #00e8b7; }
|
||||
.switcher-list .thumbnail {
|
||||
width: 256px; }
|
||||
.switcher-list .thumbnail-box {
|
||||
@@ -804,7 +803,7 @@ StScrollBar {
|
||||
|
||||
.modal-dialog {
|
||||
color: #98abb2;
|
||||
background-color: rgba(24, 27, 40, 0);
|
||||
background-color: rgba(34, 46, 57, 0);
|
||||
border: none;
|
||||
border-image: url("dark-assets/misc/modal.svg") 9 9 9 67;
|
||||
padding: 0 5px 6px 5px; }
|
||||
@@ -845,16 +844,16 @@ StScrollBar {
|
||||
padding: 7px;
|
||||
border-radius: 3px;
|
||||
caret-color: #BAC3CF;
|
||||
selected-color: #fefefe;
|
||||
selection-background-color: #c50ed2;
|
||||
selected-color: #f7f7f7;
|
||||
selection-background-color: #00e8b7;
|
||||
color: #BAC3CF;
|
||||
background-color: rgba(57, 64, 94, 0.4);
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(66, 90, 111, 0.4);
|
||||
border: 1px solid rgba(2, 2, 3, 0.4);
|
||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
|
||||
.run-dialog-entry:focus {
|
||||
color: #fefefe;
|
||||
background-color: #c50ed2;
|
||||
border: 1px solid #c50ed2;
|
||||
color: #f7f7f7;
|
||||
background-color: #00e8b7;
|
||||
border: 1px solid #00e8b7;
|
||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
|
||||
.run-dialog .modal-dialog-button-box {
|
||||
border: none;
|
||||
@@ -918,7 +917,7 @@ StScrollBar {
|
||||
border-width: 0px; }
|
||||
|
||||
#keyboard {
|
||||
background-color: #0e1018;
|
||||
background-color: #182129;
|
||||
border-width: 0;
|
||||
border-top-width: 1px;
|
||||
border-color: rgba(0, 0, 0, 0.4); }
|
||||
@@ -937,31 +936,31 @@ StScrollBar {
|
||||
font-weight: bold;
|
||||
border-radius: 3px;
|
||||
box-shadow: none;
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #BAC3CF;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(57, 64, 94, 0.4); }
|
||||
border: 1px solid rgba(2, 2, 3, 0.4);
|
||||
background-color: rgba(66, 90, 111, 0.4); }
|
||||
.keyboard-key:hover {
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #BAC3CF;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(70, 79, 117, 0.5); }
|
||||
border: 1px solid rgba(2, 2, 3, 0.4);
|
||||
background-color: rgba(80, 108, 134, 0.5); }
|
||||
.keyboard-key:active, .keyboard-key:checked {
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
color: #fefefe;
|
||||
border: 1px solid #c50ed2;
|
||||
background-color: #c50ed2; }
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #f7f7f7;
|
||||
border: 1px solid #00e8b7;
|
||||
background-color: #00e8b7; }
|
||||
.keyboard-key:grayed {
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
color: #42464f;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(57, 64, 94, 0.25); }
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #49525b;
|
||||
border: 1px solid rgba(2, 2, 3, 0.4);
|
||||
background-color: rgba(66, 90, 111, 0.25); }
|
||||
|
||||
.keyboard-subkeys {
|
||||
color: #BAC3CF;
|
||||
padding: 5px;
|
||||
-arrow-border-radius: 2px;
|
||||
-arrow-background-color: #0e1018;
|
||||
-arrow-background-color: #182129;
|
||||
-arrow-border-width: 1px;
|
||||
-arrow-border-color: rgba(0, 0, 0, 0.4);
|
||||
-arrow-base: 20px;
|
||||
@@ -972,8 +971,8 @@ StScrollBar {
|
||||
margin: auto;
|
||||
padding: 10px;
|
||||
transition-duration: 300;
|
||||
background-color: #181b28;
|
||||
border: 1px solid #050508; }
|
||||
background-color: #222e39;
|
||||
border: 1px solid #161819; }
|
||||
|
||||
.menu-favorites-button {
|
||||
padding: 10px;
|
||||
@@ -1084,9 +1083,9 @@ StScrollBar {
|
||||
height: 4px;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 2px;
|
||||
color: #c50ed2; }
|
||||
color: #00e8b7; }
|
||||
.osd-window .level-bar {
|
||||
background-color: #c50ed2; }
|
||||
background-color: #00e8b7; }
|
||||
|
||||
.window-list-box {
|
||||
spacing: 0; }
|
||||
@@ -1099,28 +1098,28 @@ StScrollBar {
|
||||
.window-list-box.vertical {
|
||||
padding: 6px 0 0 0; }
|
||||
.window-list-box:highlight {
|
||||
background-color: #c50ed2; }
|
||||
background-color: #00e8b7; }
|
||||
|
||||
.window-list-item-box {
|
||||
border: 0 none transparent;
|
||||
border-image: none;
|
||||
background-image: none;
|
||||
background-color: #0e1018;
|
||||
background-color: #182129;
|
||||
color: #BAC3CF;
|
||||
box-shadow: none;
|
||||
font-weight: 400; }
|
||||
.window-list-item-box:hover {
|
||||
color: #fefefe; }
|
||||
color: #f7f7f7; }
|
||||
.panel-top .window-list-item-box:hover {
|
||||
box-shadow: inset 0 2px #c50ed2; }
|
||||
box-shadow: inset 0 2px #00e8b7; }
|
||||
.panel-bottom .window-list-item-box:hover {
|
||||
box-shadow: inset 0 -2px #c50ed2; }
|
||||
box-shadow: inset 0 -2px #00e8b7; }
|
||||
.panel-left .window-list-item-box:hover {
|
||||
box-shadow: inset 2px 0 #c50ed2; }
|
||||
box-shadow: inset 2px 0 #00e8b7; }
|
||||
.panel-right .window-list-item-box:hover {
|
||||
box-shadow: inset -2px 0 #c50ed2; }
|
||||
box-shadow: inset -2px 0 #00e8b7; }
|
||||
.window-list-item-box:active, .window-list-item-box:active:hover, .window-list-item-box:checked, .window-list-item-box:checked:hover, .window-list-item-box:focus, .window-list-item-box:focus:hover {
|
||||
color: #fefefe; }
|
||||
color: #f7f7f7; }
|
||||
.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus, .panel-top .window-list-item-box:focus:hover {
|
||||
box-shadow: inset 0 2px #ed254e; }
|
||||
.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus, .panel-bottom .window-list-item-box:focus:hover {
|
||||
@@ -1148,21 +1147,21 @@ StScrollBar {
|
||||
padding: 0 0 0 4px; }
|
||||
.window-list-item-box:progress,
|
||||
.window-list-item-box .progress {
|
||||
background-gradient-start: #c50ed2;
|
||||
background-gradient-end: #c50ed2; }
|
||||
background-gradient-start: #00e8b7;
|
||||
background-gradient-end: #00e8b7; }
|
||||
|
||||
.window-list-item-demands-attention {
|
||||
background-gradient-start: #c50ed2;
|
||||
background-gradient-end: #c50ed2;
|
||||
color: #fefefe; }
|
||||
background-gradient-start: #00e8b7;
|
||||
background-gradient-end: #00e8b7;
|
||||
color: #f7f7f7; }
|
||||
.panel-top .window-list-item-demands-attention {
|
||||
box-shadow: inset 0 2px #c50ed2; }
|
||||
box-shadow: inset 0 2px #00e8b7; }
|
||||
.panel-bottom .window-list-item-demands-attention {
|
||||
box-shadow: inset 0 -2px #c50ed2; }
|
||||
box-shadow: inset 0 -2px #00e8b7; }
|
||||
.panel-left .window-list-item-demands-attention {
|
||||
box-shadow: inset 2px 0 #c50ed2; }
|
||||
box-shadow: inset 2px 0 #00e8b7; }
|
||||
.panel-right .window-list-item-demands-attention {
|
||||
box-shadow: inset -2px 0 #c50ed2; }
|
||||
box-shadow: inset -2px 0 #00e8b7; }
|
||||
|
||||
.window-list-preview {
|
||||
padding: 12px;
|
||||
@@ -1177,7 +1176,7 @@ StScrollBar {
|
||||
border: 0 none transparent;
|
||||
border-image: none;
|
||||
background-image: none;
|
||||
background-color: #0e1018;
|
||||
background-color: #182129;
|
||||
color: #BAC3CF;
|
||||
box-shadow: none;
|
||||
font-weight: 400; }
|
||||
@@ -1188,38 +1187,38 @@ StScrollBar {
|
||||
.grouped-window-list-item-box StBin {
|
||||
padding: 0 4px; }
|
||||
.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked {
|
||||
box-shadow: inset 0 2px #485178; }
|
||||
box-shadow: inset 0 2px #526e89; }
|
||||
.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked {
|
||||
box-shadow: inset 0 -2px #485178; }
|
||||
box-shadow: inset 0 -2px #526e89; }
|
||||
.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked {
|
||||
box-shadow: inset 2px 0 #485178; }
|
||||
box-shadow: inset 2px 0 #526e89; }
|
||||
.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked {
|
||||
box-shadow: inset -2px 0 #485178; }
|
||||
box-shadow: inset -2px 0 #526e89; }
|
||||
.panel-top .grouped-window-list-item-box:hover, .panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:focus, .panel-top .grouped-window-list-item-box:active:focus, .panel-top .grouped-window-list-item-box:focus:hover, .panel-top .grouped-window-list-item-box:active:focus:hover {
|
||||
box-shadow: inset 0 2px #c50ed2; }
|
||||
box-shadow: inset 0 2px #00e8b7; }
|
||||
.panel-bottom .grouped-window-list-item-box:hover, .panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:focus, .panel-bottom .grouped-window-list-item-box:active:focus, .panel-bottom .grouped-window-list-item-box:focus:hover, .panel-bottom .grouped-window-list-item-box:active:focus:hover {
|
||||
box-shadow: inset 0 -2px #c50ed2; }
|
||||
box-shadow: inset 0 -2px #00e8b7; }
|
||||
.panel-left .grouped-window-list-item-box:hover, .panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:focus, .panel-left .grouped-window-list-item-box:active:focus, .panel-left .grouped-window-list-item-box:focus:hover, .panel-left .grouped-window-list-item-box:active:focus:hover {
|
||||
box-shadow: inset 2px 0 #c50ed2; }
|
||||
box-shadow: inset 2px 0 #00e8b7; }
|
||||
.panel-right .grouped-window-list-item-box:hover, .panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:focus, .panel-right .grouped-window-list-item-box:active:focus, .panel-right .grouped-window-list-item-box:focus:hover, .panel-right .grouped-window-list-item-box:active:focus:hover {
|
||||
box-shadow: inset -2px 0 #c50ed2; }
|
||||
box-shadow: inset -2px 0 #00e8b7; }
|
||||
.grouped-window-list-item-box:progress,
|
||||
.grouped-window-list-item-box .progress {
|
||||
background-gradient-start: #c50ed2;
|
||||
background-gradient-end: #c50ed2; }
|
||||
background-gradient-start: #00e8b7;
|
||||
background-gradient-end: #00e8b7; }
|
||||
|
||||
.grouped-window-list-item-demands-attention {
|
||||
background-gradient-start: #c50ed2;
|
||||
background-gradient-end: #c50ed2;
|
||||
color: #fefefe; }
|
||||
background-gradient-start: #00e8b7;
|
||||
background-gradient-end: #00e8b7;
|
||||
color: #f7f7f7; }
|
||||
.panel-top .grouped-window-list-item-demands-attention {
|
||||
box-shadow: inset 0 2px #c50ed2; }
|
||||
box-shadow: inset 0 2px #00e8b7; }
|
||||
.panel-bottom .grouped-window-list-item-demands-attention {
|
||||
box-shadow: inset 0 -2px #c50ed2; }
|
||||
box-shadow: inset 0 -2px #00e8b7; }
|
||||
.panel-left .grouped-window-list-item-demands-attention {
|
||||
box-shadow: inset 2px 0 #c50ed2; }
|
||||
box-shadow: inset 2px 0 #00e8b7; }
|
||||
.panel-right .grouped-window-list-item-demands-attention {
|
||||
box-shadow: inset -2px 0 #c50ed2; }
|
||||
box-shadow: inset -2px 0 #00e8b7; }
|
||||
|
||||
.sound-button {
|
||||
width: 22px;
|
||||
@@ -1286,8 +1285,8 @@ StScrollBar {
|
||||
height: 70px;
|
||||
padding: 15px;
|
||||
spacing: 0.5em;
|
||||
background: rgba(5, 5, 8, 0.9);
|
||||
border: 0px solid black;
|
||||
background: rgba(15, 20, 25, 0.9);
|
||||
border: 0px solid #050709;
|
||||
border-bottom: 1px;
|
||||
color: #BAC3CF; }
|
||||
.sound-player-overlay StButton {
|
||||
@@ -1296,20 +1295,20 @@ StScrollBar {
|
||||
padding: 5px;
|
||||
color: #BAC3CF;
|
||||
border-radius: 2px;
|
||||
border: 1px solid rgba(14, 16, 24, 0); }
|
||||
border: 1px solid rgba(24, 33, 41, 0); }
|
||||
.sound-player-overlay StButton StIcon {
|
||||
icon-size: 16px; }
|
||||
.sound-player-overlay StButton:hover {
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #BAC3CF;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
background-color: rgba(70, 79, 117, 0.5); }
|
||||
border: 1px solid rgba(2, 2, 3, 0.4);
|
||||
background-color: rgba(80, 108, 134, 0.5); }
|
||||
.sound-player-overlay StButton:active {
|
||||
text-shadow: 0 1px rgba(24, 27, 40, 0);
|
||||
color: #fefefe;
|
||||
background-color: #c50ed2;
|
||||
border: 1px solid #c50ed2;
|
||||
box-shadow: inset 0 2px 4px #c50ed2; }
|
||||
text-shadow: 0 1px rgba(30, 40, 44, 0);
|
||||
color: #f7f7f7;
|
||||
background-color: #00e8b7;
|
||||
border: 1px solid #00e8b7;
|
||||
box-shadow: inset 0 2px 4px #00e8b7; }
|
||||
.sound-player-overlay StBoxLayout {
|
||||
padding-top: 2px; }
|
||||
.sound-player .slider {
|
||||
@@ -1317,9 +1316,9 @@ StScrollBar {
|
||||
padding: 0;
|
||||
border: none;
|
||||
-slider-height: 0.5em;
|
||||
-slider-background-color: #0e1018;
|
||||
-slider-background-color: #182129;
|
||||
-slider-border-color: rgba(0, 0, 0, 0);
|
||||
-slider-active-background-color: #c50ed2;
|
||||
-slider-active-background-color: #00e8b7;
|
||||
-slider-active-border-color: rgba(0, 0, 0, 0);
|
||||
-slider-border-width: 0px;
|
||||
-slider-handle-radius: 0px; }
|
||||
@@ -1336,14 +1335,14 @@ StScrollBar {
|
||||
.workspace-button {
|
||||
width: 20px;
|
||||
height: 10px;
|
||||
color: #fefefe;
|
||||
color: #f7f7f7;
|
||||
padding: 3px;
|
||||
padding-top: 4px;
|
||||
transition-duration: 300; }
|
||||
.workspace-button:outlined, .workspace-button:outlined:hover {
|
||||
color: #c50ed2; }
|
||||
color: #00e8b7; }
|
||||
.workspace-button:hover {
|
||||
color: rgba(197, 14, 210, 0.5); }
|
||||
color: rgba(0, 232, 183, 0.5); }
|
||||
|
||||
/* Controls the style when using the "Visual representation" option */
|
||||
.workspace-graph {
|
||||
@@ -1356,19 +1355,19 @@ StScrollBar {
|
||||
background-color: rgba(0, 0, 0, 0.2); }
|
||||
|
||||
.workspace-graph .workspace:active {
|
||||
border: 1px solid #c50ed2;
|
||||
border: 1px solid #00e8b7;
|
||||
background-gradient-direction: none; }
|
||||
|
||||
.workspace-graph .workspace .windows {
|
||||
-active-window-background: #2b3148;
|
||||
-active-window-background: #354859;
|
||||
-active-window-border: rgba(0, 0, 0, 0.8);
|
||||
-inactive-window-background: #2b3148;
|
||||
-inactive-window-background: #354859;
|
||||
-inactive-window-border: rgba(0, 0, 0, 0.8); }
|
||||
|
||||
.workspace-graph .workspace:active .windows {
|
||||
-active-window-background: #353b58;
|
||||
-active-window-background: #3f5569;
|
||||
-active-window-border: rgba(0, 0, 0, 0.8);
|
||||
-inactive-window-background: #181b28;
|
||||
-inactive-window-background: #222e39;
|
||||
-inactive-window-border: rgba(0, 0, 0, 0.8); }
|
||||
|
||||
#panel-launchers-box {
|
||||
@@ -1384,7 +1383,7 @@ StScrollBar {
|
||||
.panel-launcher:hover,
|
||||
.launcher:hover {
|
||||
background-gradient-direction: none;
|
||||
border: 0px solid #c50ed2; }
|
||||
border: 0px solid #00e8b7; }
|
||||
.panel-bottom .panel-launcher:hover, .panel-bottom
|
||||
.launcher:hover {
|
||||
border-bottom-width: 1px; }
|
||||
@@ -1421,8 +1420,8 @@ StScrollBar {
|
||||
.applet-box.vertical {
|
||||
padding: 3px 0; }
|
||||
.applet-box:hover {
|
||||
color: #fefefe;
|
||||
background-color: #c50ed2; }
|
||||
color: #f7f7f7;
|
||||
background-color: #00e8b7; }
|
||||
.applet-box:highlight {
|
||||
background-image: none;
|
||||
border-image: none;
|
||||
@@ -1432,14 +1431,14 @@ StScrollBar {
|
||||
font-weight: bold;
|
||||
color: #98abb2; }
|
||||
.applet-label:hover, .applet-box:hover .applet-label {
|
||||
color: #fefefe;
|
||||
color: #f7f7f7;
|
||||
text-shadow: none; }
|
||||
|
||||
.applet-icon {
|
||||
color: #98abb2;
|
||||
icon-size: 22px; }
|
||||
.applet-icon:hover, .applet-box:hover > .applet-icon {
|
||||
color: #fefefe;
|
||||
color: #f7f7f7;
|
||||
text-shadow: none; }
|
||||
|
||||
.user-icon {
|
||||
@@ -1483,8 +1482,8 @@ StScrollBar {
|
||||
padding: 12px;
|
||||
padding-bottom: 6px; }
|
||||
.desklet-drag-placeholder {
|
||||
border: 2px solid #c50ed2;
|
||||
background-color: rgba(197, 14, 210, 0.3); }
|
||||
border: 2px solid #00e8b7;
|
||||
background-color: rgba(0, 232, 183, 0.3); }
|
||||
|
||||
.photoframe-box {
|
||||
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
|
||||
@@ -1507,8 +1506,8 @@ StScrollBar {
|
||||
|
||||
.tile-preview, .tile-preview.snap,
|
||||
.tile-hud, .tile-hud.snap {
|
||||
background-color: rgba(197, 14, 210, 0.3);
|
||||
border: 1px solid #c50ed2; }
|
||||
background-color: rgba(0, 232, 183, 0.3);
|
||||
border: 1px solid #00e8b7; }
|
||||
|
||||
.xkcd-box {
|
||||
padding: 6px;
|
||||
|
||||
Reference in New Issue
Block a user