aboutsummaryrefslogtreecommitdiff
path: root/common/cinnamon
diff options
context:
space:
mode:
Diffstat (limited to 'common/cinnamon')
-rw-r--r--common/cinnamon/cinnamon-dark.css589
-rw-r--r--common/cinnamon/cinnamon.css509
-rw-r--r--common/cinnamon/common-assets/panel/panel-left.svg79
-rw-r--r--common/cinnamon/common-assets/panel/panel-right.svg79
-rw-r--r--common/cinnamon/common-assets/panel/window-list-active-left.svg164
-rw-r--r--common/cinnamon/common-assets/panel/window-list-active-right.svg164
-rw-r--r--common/cinnamon/sass/_common.scss103
-rw-r--r--common/cinnamon/thumbnail-dark.pngbin0 -> 34849 bytes
-rw-r--r--common/cinnamon/thumbnail.pngbin0 -> 33914 bytes
9 files changed, 1245 insertions, 442 deletions
diff --git a/common/cinnamon/cinnamon-dark.css b/common/cinnamon/cinnamon-dark.css
index 0f619fe..488f54b 100644
--- a/common/cinnamon/cinnamon-dark.css
+++ b/common/cinnamon/cinnamon-dark.css
@@ -1,128 +1,160 @@
-@charset "UTF-8";
stage {
font-family: Futura Bk bt, sans, Sans-Serif;
font-size: 9pt;
- color: #657b83; }
+ color: #D3DAE3; }
.label-shadow {
color: transparent; }
-.popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button {
+.menu #notification .notification-button, .menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button, .sound-button {
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); }
- .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 {
+ 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); }
+ .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,
+ .popup-menu #notification .notification-button:focus,
+ .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .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, .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, .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, .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 {
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); }
- .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); }
- .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); }
- .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; }
- .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); }
+ .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(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); }
+ .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(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); }
+ .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(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); }
+ .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(64, 69, 82, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 2px 4px #5294e2; }
+ .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(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); }
+.menu #notification StEntry,
.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); }
- .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 #2b2e39;
+ box-shadow: inset 0 2px 4px rgba(64, 69, 82, 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: #D3DAE3;
+ background-color: #404552;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
+ .menu #notification StEntry:insensitive,
.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); }
+ .menu #notification StEntry StIcon.capslock-warning,
.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 +169,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 +191,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 +206,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,58 +267,72 @@ 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; }
+.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; }
+ .menu-arrow,
.popup-menu-arrow {
icon-size: 16px; }
+ .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; }
+ .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; }
+ .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; }
+ .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-combo-menu .popup-sub-menu StScrollBar StBin#trough, .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+ .menu .popup-sub-menu StScrollBar StBin#trough, .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; }
+ .menu .popup-menu-content,
.popup-menu .popup-menu-content, .popup-combo-menu .popup-menu-content {
padding: 1em 0em 1em 0em; }
+ .menu .popup-menu-item,
.popup-menu .popup-menu-item, .popup-combo-menu .popup-menu-item {
padding: .4em 1.75em;
spacing: 1em; }
+ .menu .popup-menu-item:active,
.popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:active {
- color: #fdf6e3;
+ color: #ffffff;
background-color: transparent;
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
+ .menu .popup-menu-item:insensitive,
.popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive {
- color: rgba(101, 123, 131, 0.5);
+ color: rgba(211, 218, 227, 0.5);
background: none; }
+ .menu .popup-inactive-menu-item,
.popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item {
- color: #657b83; }
+ color: #D3DAE3; }
+ .menu .popup-inactive-menu-item:insensitive,
.popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive {
- color: rgba(101, 123, 131, 0.45); }
+ color: rgba(211, 218, 227, 0.45); }
+ .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: #fdf6e3; }
+ color: #ffffff; }
+ .menu-icon,
.popup-menu-icon {
icon-size: 16px; }
@@ -309,7 +355,7 @@ StScrollBar {
margin: 10px 0px;
background-color: transparent;
border: none;
- border-image: url("common-assets/menu-separator.svg") 1 1 1 1; }
+ border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; }
.popup-alternating-menu-item:alternate {
font-weight: normal; }
@@ -325,28 +371,43 @@ StScrollBar {
#panel {
font-weight: bold;
- height: 2.1em;
- min-height: 27px; }
+ height: 27px;
+ width: 32px; }
+ #panel:highlight {
+ border-image: none;
+ background-color: rgba(252, 65, 56, 0.5); }
#panelLeft {
spacing: 4px; }
#panelLeft:dnd {
background-gradient-direction: vertical;
background-gradient-start: rgba(255, 0, 0, 0.05);
background-gradient-end: rgba(255, 0, 0, 0.2); }
- #panelLeft:ltr · {
+ #panelLeft:ltr {
padding-right: 4px; }
- #panelLeft:rtl · {
+ #panelLeft:rtl {
padding-left: 4px; }
+ #panelLeft.vertical {
+ padding: 0; }
+ #panelLeft.vertical:ltr {
+ padding-right: 0px; }
+ #panelLeft.vertical:rtl {
+ padding-left: 0px; }
#panelRight:dnd {
background-gradient-direction: vertical;
background-gradient-start: rgba(0, 0, 255, 0.05);
background-gradient-end: rgba(0, 0, 255, 0.2); }
- #panelRight:ltr · {
+ #panelRight:ltr {
padding-left: 4px;
spacing: 0px; }
- #panelRight:rtl · {
+ #panelRight:rtl {
padding-right: 4px;
spacing: 0px; }
+ #panelRight.vertical {
+ padding: 0; }
+ #panelRight.vertical:ltr {
+ padding-right: 0px; }
+ #panelRight.vertical:rtl {
+ padding-left: 0px; }
#panelCenter {
spacing: 4px; }
#panelCenter:dnd {
@@ -354,7 +415,7 @@ StScrollBar {
background-gradient-start: rgba(0, 255, 0, 0.05);
background-gradient-end: rgba(0, 255, 0, 0.2); }
-.panel-top, .panel-bottom {
+.panel-top, .panel-bottom, .panel-left, .panel-right {
color: white;
font-size: 1em;
padding: 0px; }
@@ -365,8 +426,19 @@ StScrollBar {
.panel-bottom {
border-image: url("common-assets/panel/panel-bottom.svg") 1 1 1 1; }
+.panel-left {
+ border-image: url("common-assets/panel/panel-left.svg") 1 1 1 1; }
+
+.panel-right {
+ border-image: url("common-assets/panel/panel-right.svg") 1 1 1 1; }
+
+.panel-dummy {
+ background-color: rgba(252, 65, 56, 0.5); }
+ .panel-dummy:entered {
+ background-color: rgba(252, 65, 56, 0.6); }
+
.panel-status-button {
- border-widht: 0;
+ border-width: 0;
-natural-hpadding: 3px;
-minimum-hpadding: 3px;
font-weight: bold;
@@ -388,18 +460,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,
@@ -409,31 +481,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; }
@@ -499,9 +571,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; }
@@ -524,7 +596,7 @@ StScrollBar {
spacing-columns: 0px; }
.calendar-month-label {
- color: #657b83;
+ color: #D3DAE3;
font-weight: bold;
padding: 8px 0; }
@@ -563,7 +635,7 @@ StScrollBar {
padding: .4em 1.75em;
font-weight: bold;
text-align: center;
- color: #657b83;
+ color: #D3DAE3;
border-radius: 2px; }
.calendar-day-base {
@@ -576,13 +648,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; }
@@ -591,7 +663,7 @@ StScrollBar {
border-left-width: 0; }
.calendar-nonwork-day {
- color: #657b83;
+ color: #D3DAE3;
background-color: transparent;
font-weight: bold; }
@@ -600,14 +672,18 @@ 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; }
+.calendar-week-number {
+ color: rgba(211, 218, 227, 0.7);
+ font-size: 80%; }
+
#notification {
border-radius: 3px;
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
@@ -616,15 +692,21 @@ StScrollBar {
spacing-columns: 10px;
margin-from-right-edge-of-screen: 20px;
width: 34em;
- color: #657b83; }
+ color: #BAC3CF; }
+ .menu #notification,
.popup-menu #notification {
- color: #657b83;
border-image: url("dark-assets/misc/message.svg") 9 9 9 9; }
- .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ .menu #notification, .menu #notification.multi-line-notification,
+ .popup-menu #notification,
+ .popup-menu #notification.multi-line-notification {
+ color: #D3DAE3; }
+ .menu #notification .notification-button, .menu #notification .notification-icon-button,
+ .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 {
@@ -640,7 +722,7 @@ StScrollBar {
.notification-with-image {
min-height: 159px;
- color: #657b83; }
+ color: #BAC3CF; }
.notification-button, .notification-icon-button {
padding: 5px; }
@@ -653,7 +735,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;
@@ -668,11 +750,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 {
@@ -684,7 +766,7 @@ StScrollBar {
.switcher-arrow {
border-color: transparent;
- color: #657b83; }
+ color: #BAC3CF; }
.switcher-arrow:highlighted {
border-color: transparent;
color: white; }
@@ -716,8 +798,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; }
@@ -743,10 +825,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; }
@@ -757,17 +839,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;
@@ -780,7 +862,7 @@ StScrollBar {
icon-size: 48px; }
.mount-password-reask {
- color: #cb4b16; }
+ color: #F27835; }
.show-processes-dialog,
.mount-question-dialog {
@@ -831,7 +913,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); }
@@ -850,31 +932,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;
@@ -885,8 +967,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;
@@ -930,7 +1012,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; }
@@ -962,11 +1044,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 {
@@ -997,7 +1079,7 @@ StScrollBar {
height: 4px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
- color: #268bd2; }
+ color: #5294e2; }
.window-list-box {
spacing: 6px;
@@ -1006,6 +1088,11 @@ StScrollBar {
padding-top: 1px; }
.panel-top .window-list-box {
padding-bottom: 1px; }
+ .window-list-box.vertical {
+ spacing: 4px;
+ padding: 10px 0; }
+ .window-list-box:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.window-list-item-label {
font-weight: bold;
@@ -1015,6 +1102,7 @@ StScrollBar {
.window-list-item-box {
font-weight: bold;
background-image: none;
+ padding-top: 0;
padding-left: 8px;
padding-right: 8px;
transition-duration: 100;
@@ -1027,10 +1115,17 @@ StScrollBar {
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; }
+ .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus {
+ border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; }
+ .panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus {
+ border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; }
+ .window-list-item-box.right, .window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px; }
.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;
@@ -1097,30 +1192,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 {
@@ -1128,9 +1223,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; }
@@ -1147,14 +1242,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 {
@@ -1167,35 +1262,49 @@ 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 {
padding-left: 7px; }
+ #panel-launchers-box.vertical {
+ padding: 2px 0; }
-.panel-launcher {
+.panel-launcher,
+.launcher {
margin: 1px;
padding: 1px;
transition-duration: 200; }
- .panel-launcher:hover {
+ .panel-launcher:hover,
+ .launcher:hover {
background-gradient-direction: none;
- border: 0px solid #268bd2; }
- .panel-bottom .panel-launcher:hover {
+ border: 0px solid #5294e2; }
+ .panel-bottom .panel-launcher:hover, .panel-bottom
+ .launcher:hover {
border-bottom-width: 1px; }
- .panel-top .panel-launcher:hover {
+ .panel-top .panel-launcher:hover, .panel-top
+ .launcher:hover {
border-top-width: 1px; }
+ .panel-left .panel-launcher:hover, .panel-left
+ .launcher:hover {
+ border-left-width: 1px;
+ padding-left: 0; }
+ .panel-right .panel-launcher:hover, .panel-right
+ .launcher:hover {
+ border-right-width: 1px;
+ padding-right: 0; }
#overview-corner {
background-image: url("common-assets/misc/overview.png"); }
@@ -1215,22 +1324,28 @@ StScrollBar {
color: white;
text-shadow: none;
transition-duration: 100; }
+ .applet-box.vertical {
+ padding: 3px 0; }
.applet-box:hover {
- color: #fdf6e3;
- background-color: #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2; }
+ .applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(252, 65, 56, 0.5); }
.applet-label {
font-weight: bold;
color: white; }
.applet-label:hover, .applet-box:hover > .applet-label {
- color: #fdf6e3;
+ color: #ffffff;
text-shadow: none; }
.applet-icon {
color: white;
icon-size: 22px; }
.applet-icon:hover, .applet-box:hover > .applet-icon {
- color: #fdf6e3;
+ color: #ffffff;
text-shadow: none; }
.user-icon {
@@ -1241,39 +1356,45 @@ StScrollBar {
border-radius: 0; }
.user-label {
- color: #657b83;
+ color: #D3DAE3;
font-size: 1em;
font-weight: bold;
margin: 0px; }
.desklet {
- color: #657b83; }
+ color: #BAC3CF; }
+ .desklet:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.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:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.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;
padding: 12px;
padding-bottom: 17px; }
+ .desklet-with-borders-and-header:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.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; }
@@ -1292,8 +1413,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;
diff --git a/common/cinnamon/cinnamon.css b/common/cinnamon/cinnamon.css
index b10b45a..036f39d 100644
--- a/common/cinnamon/cinnamon.css
+++ b/common/cinnamon/cinnamon.css
@@ -1,4 +1,3 @@
-@charset "UTF-8";
stage {
font-family: Futura Bk bt, sans, Sans-Serif;
font-size: 9pt;
@@ -7,45 +6,73 @@ stage {
.label-shadow {
color: transparent; }
-.popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button {
+.menu #notification .notification-button, .menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button, .sound-button {
min-height: 20px;
padding: 5px 32px;
transition-duration: 0;
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #657b83;
+ border: 1px solid #cfd6e6;
box-shadow: inset 0 2px 4px rgba(251, 251, 252, 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 {
+ .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,
+ .popup-menu #notification .notification-button:focus,
+ .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .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, .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, .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, .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 {
border-radius: 2px; }
- .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ .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(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #268bd2;
+ border: 1px solid #5294e2;
box-shadow: inset 0 2px 4px rgba(251, 251, 252, 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(253, 246, 227, 0);
+ .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(255, 255, 255, 0);
color: #5c616c;
background-color: white;
- border: 1px solid #657b83;
+ border: 1px solid #cfd6e6;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 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(253, 246, 227, 0);
+ .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(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
- border: 1px solid #268bd2;
+ border: 1px solid #5294e2;
box-shadow: inset 0 2px 4px rgba(251, 251, 252, 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(253, 246, 227, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2;
- box-shadow: inset 0 2px 4px #268bd2; }
- .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
- text-shadow: 0 1px rgba(253, 246, 227, 0);
+ .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(255, 255, 255, 0);
+ color: #ffffff;
+ background-color: #5294e2;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 2px 4px #5294e2; }
+ .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(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55);
- border: 1px solid rgba(101, 123, 131, 0.55);
+ border: 1px solid rgba(207, 214, 230, 0.55);
background-color: rgba(251, 251, 252, 0.55);
box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); }
@@ -54,75 +81,80 @@ stage {
padding: 5px 32px;
transition-duration: 0;
border-radius: 2px;
- text-shadow: 0 1px rgba(253, 246, 227, 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(255, 255, 255, 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(253, 246, 227, 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(255, 255, 255, 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(253, 246, 227, 0);
- color: #fdf6e3;
- border: 1px solid #268bd2;
- background-color: #268bd2; }
+ text-shadow: 0 1px rgba(255, 255, 255, 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(253, 246, 227, 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(255, 255, 255, 0);
+ color: #5d626e;
+ border: 1px solid rgba(26, 28, 34, 0.35);
+ background-color: rgba(102, 109, 132, 0.2); }
+.menu #notification StEntry,
.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: #5c616c;
- background-color: #fdf6e3;
- border: 1px solid #657b83;
- box-shadow: inset 0 2px 4px rgba(253, 246, 227, 0.05); }
- .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .popup-menu #notification StEntry:hover, #menu-search-entry:hover {
+ background-color: #ffffff;
+ border: 1px solid #cfd6e6;
+ box-shadow: inset 0 2px 4px rgba(255, 255, 255, 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: #5c616c;
- background-color: #fdf6e3;
- border: 1px solid #268bd2;
- box-shadow: inset 0 2px 4px rgba(253, 246, 227, 0.05); }
+ background-color: #ffffff;
+ border: 1px solid #5294e2;
+ box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
+ .menu #notification StEntry:insensitive,
.popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive {
color: rgba(92, 97, 108, 0.55);
- background-color: #f9f6ec;
- border-color: 1px solid #a6b2b7;
- box-shadow: inset 0 2px 4px rgba(249, 246, 236, 0.05); }
+ background-color: #fbfbfb;
+ border-color: 1px solid #e0e4ee;
+ box-shadow: inset 0 2px 4px rgba(251, 251, 251, 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: #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,7 +169,7 @@ StScrollBar {
min-width: 5px;
min-height: 5px; }
StScrollBar StBin#trough {
- background-color: rgba(253, 246, 227, 0.1);
+ background-color: rgba(255, 255, 255, 0.1);
border-radius: 8px; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
border-radius: 2px;
@@ -147,7 +179,7 @@ StScrollBar {
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
background-color: #c7c9cd; }
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
- background-color: #268bd2; }
+ background-color: #5294e2; }
.separator {
-gradient-height: 1px;
@@ -159,9 +191,9 @@ StScrollBar {
.popup-slider-menu-item,
.slider {
-slider-height: 4px;
- -slider-background-color: #657b83;
+ -slider-background-color: #cfd6e6;
-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 +206,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,58 +267,72 @@ StScrollBar {
background-image: url("common-assets/switch/switch-on-selected.svg"); }
.cinnamon-link {
- color: #1e6ea7;
+ color: #2679db;
text-decoration: underline; }
.cinnamon-link:hover {
- color: #268bd2; }
+ color: #5294e2; }
#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; }
+.menu,
.popup-menu,
.popup-combo-menu {
- color: white;
- min-width: 200px;
color: #5c616c;
border-image: url("light-assets/menu/menu.svg") 9 9 9 9; }
+ .menu-arrow,
.popup-menu-arrow {
icon-size: 16px; }
+ .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("light-assets/menu/submenu.svg") 9 9 9 9; }
+ .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; }
+ .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; }
+ .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-combo-menu .popup-sub-menu StScrollBar StBin#trough, .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+ .menu .popup-sub-menu StScrollBar StBin#trough, .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; }
+ .menu .popup-menu-content,
.popup-menu .popup-menu-content, .popup-combo-menu .popup-menu-content {
padding: 1em 0em 1em 0em; }
+ .menu .popup-menu-item,
.popup-menu .popup-menu-item, .popup-combo-menu .popup-menu-item {
padding: .4em 1.75em;
spacing: 1em; }
+ .menu .popup-menu-item:active,
.popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:active {
- color: #fdf6e3;
+ color: #ffffff;
background-color: transparent;
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
+ .menu .popup-menu-item:insensitive,
.popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive {
color: rgba(92, 97, 108, 0.5);
background: none; }
+ .menu .popup-inactive-menu-item,
.popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item {
color: #5c616c; }
+ .menu .popup-inactive-menu-item:insensitive,
.popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive {
color: rgba(92, 97, 108, 0.55); }
+ .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: #fdf6e3; }
+ color: #ffffff; }
+ .menu-icon,
.popup-menu-icon {
icon-size: 16px; }
@@ -309,7 +355,7 @@ StScrollBar {
margin: 10px 0px;
background-color: transparent;
border: none;
- border-image: url("common-assets/menu-separator.svg") 1 1 1 1; }
+ border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; }
.popup-alternating-menu-item:alternate {
font-weight: normal; }
@@ -325,28 +371,43 @@ StScrollBar {
#panel {
font-weight: bold;
- height: 2.1em;
- min-height: 27px; }
+ height: 27px;
+ width: 32px; }
+ #panel:highlight {
+ border-image: none;
+ background-color: rgba(252, 65, 56, 0.5); }
#panelLeft {
spacing: 4px; }
#panelLeft:dnd {
background-gradient-direction: vertical;
background-gradient-start: rgba(255, 0, 0, 0.05);
background-gradient-end: rgba(255, 0, 0, 0.2); }
- #panelLeft:ltr · {
+ #panelLeft:ltr {
padding-right: 4px; }
- #panelLeft:rtl · {
+ #panelLeft:rtl {
padding-left: 4px; }
+ #panelLeft.vertical {
+ padding: 0; }
+ #panelLeft.vertical:ltr {
+ padding-right: 0px; }
+ #panelLeft.vertical:rtl {
+ padding-left: 0px; }
#panelRight:dnd {
background-gradient-direction: vertical;
background-gradient-start: rgba(0, 0, 255, 0.05);
background-gradient-end: rgba(0, 0, 255, 0.2); }
- #panelRight:ltr · {
+ #panelRight:ltr {
padding-left: 4px;
spacing: 0px; }
- #panelRight:rtl · {
+ #panelRight:rtl {
padding-right: 4px;
spacing: 0px; }
+ #panelRight.vertical {
+ padding: 0; }
+ #panelRight.vertical:ltr {
+ padding-right: 0px; }
+ #panelRight.vertical:rtl {
+ padding-left: 0px; }
#panelCenter {
spacing: 4px; }
#panelCenter:dnd {
@@ -354,7 +415,7 @@ StScrollBar {
background-gradient-start: rgba(0, 255, 0, 0.05);
background-gradient-end: rgba(0, 255, 0, 0.2); }
-.panel-top, .panel-bottom {
+.panel-top, .panel-bottom, .panel-left, .panel-right {
color: white;
font-size: 1em;
padding: 0px; }
@@ -365,8 +426,19 @@ StScrollBar {
.panel-bottom {
border-image: url("common-assets/panel/panel-bottom.svg") 1 1 1 1; }
+.panel-left {
+ border-image: url("common-assets/panel/panel-left.svg") 1 1 1 1; }
+
+.panel-right {
+ border-image: url("common-assets/panel/panel-right.svg") 1 1 1 1; }
+
+.panel-dummy {
+ background-color: rgba(252, 65, 56, 0.5); }
+ .panel-dummy:entered {
+ background-color: rgba(252, 65, 56, 0.6); }
+
.panel-status-button {
- border-widht: 0;
+ border-width: 0;
-natural-hpadding: 3px;
-minimum-hpadding: 3px;
font-weight: bold;
@@ -388,18 +460,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,
@@ -409,31 +481,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; }
@@ -501,7 +573,7 @@ StScrollBar {
.about-scrollBox {
border: 1px solid #dcdfe3;
border-radius: 2px;
- background-color: #fdf6e3;
+ background-color: #ffffff;
padding: 4px;
padding-right: 0;
border-radius: 0; }
@@ -600,14 +672,18 @@ 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(92, 97, 108, 0.3);
opacity: 1; }
+.calendar-week-number {
+ color: rgba(92, 97, 108, 0.7);
+ font-size: 80%; }
+
#notification {
border-radius: 3px;
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
@@ -616,15 +692,21 @@ StScrollBar {
spacing-columns: 10px;
margin-from-right-edge-of-screen: 20px;
width: 34em;
- color: #657b83; }
+ color: #BAC3CF; }
+ .menu #notification,
.popup-menu #notification {
- color: #5c616c;
border-image: url("light-assets/misc/message.svg") 9 9 9 9; }
- .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ .menu #notification, .menu #notification.multi-line-notification,
+ .popup-menu #notification,
+ .popup-menu #notification.multi-line-notification {
+ color: #5c616c; }
+ .menu #notification .notification-button, .menu #notification .notification-icon-button,
+ .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 {
@@ -640,7 +722,7 @@ StScrollBar {
.notification-with-image {
min-height: 159px;
- color: #657b83; }
+ color: #BAC3CF; }
.notification-button, .notification-icon-button {
padding: 5px; }
@@ -653,7 +735,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;
@@ -668,11 +750,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 {
@@ -684,7 +766,7 @@ StScrollBar {
.switcher-arrow {
border-color: transparent;
- color: #657b83; }
+ color: #BAC3CF; }
.switcher-arrow:highlighted {
border-color: transparent;
color: white; }
@@ -743,10 +825,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; }
@@ -757,17 +839,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;
@@ -780,7 +862,7 @@ StScrollBar {
icon-size: 48px; }
.mount-password-reask {
- color: #cb4b16; }
+ color: #F27835; }
.show-processes-dialog,
.mount-question-dialog {
@@ -831,7 +913,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); }
@@ -850,31 +932,31 @@ StScrollBar {
font-weight: bold;
border-radius: 3px;
box-shadow: none;
- text-shadow: 0 1px rgba(253, 246, 227, 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(255, 255, 255, 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(253, 246, 227, 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(255, 255, 255, 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(253, 246, 227, 0);
- color: #fdf6e3;
- border: 1px solid #268bd2;
- background-color: #268bd2; }
+ text-shadow: 0 1px rgba(255, 255, 255, 0);
+ color: #ffffff;
+ border: 1px solid #5294e2;
+ background-color: #5294e2; }
.keyboard-key:grayed {
- text-shadow: 0 1px rgba(253, 246, 227, 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(255, 255, 255, 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;
@@ -997,7 +1079,7 @@ StScrollBar {
height: 4px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 2px;
- color: #268bd2; }
+ color: #5294e2; }
.window-list-box {
spacing: 6px;
@@ -1006,6 +1088,11 @@ StScrollBar {
padding-top: 1px; }
.panel-top .window-list-box {
padding-bottom: 1px; }
+ .window-list-box.vertical {
+ spacing: 4px;
+ padding: 10px 0; }
+ .window-list-box:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.window-list-item-label {
font-weight: bold;
@@ -1015,6 +1102,7 @@ StScrollBar {
.window-list-item-box {
font-weight: bold;
background-image: none;
+ padding-top: 0;
padding-left: 8px;
padding-right: 8px;
transition-duration: 100;
@@ -1027,10 +1115,17 @@ StScrollBar {
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; }
+ .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus {
+ border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; }
+ .panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus {
+ border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; }
+ .window-list-item-box.right, .window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px; }
.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;
@@ -1097,30 +1192,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(253, 246, 227, 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(255, 255, 255, 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(253, 246, 227, 0);
- color: #fdf6e3;
- background-color: #268bd2;
- border: 1px solid #268bd2;
- box-shadow: inset 0 2px 4px #268bd2; }
+ text-shadow: 0 1px rgba(255, 255, 255, 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 {
@@ -1128,9 +1223,9 @@ StScrollBar {
padding: 0;
border: none;
-slider-height: 0.5em;
- -slider-background-color: #657b83;
+ -slider-background-color: #cfd6e6;
-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; }
@@ -1147,14 +1242,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 {
@@ -1167,35 +1262,49 @@ 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 {
padding-left: 7px; }
+ #panel-launchers-box.vertical {
+ padding: 2px 0; }
-.panel-launcher {
+.panel-launcher,
+.launcher {
margin: 1px;
padding: 1px;
transition-duration: 200; }
- .panel-launcher:hover {
+ .panel-launcher:hover,
+ .launcher:hover {
background-gradient-direction: none;
- border: 0px solid #268bd2; }
- .panel-bottom .panel-launcher:hover {
+ border: 0px solid #5294e2; }
+ .panel-bottom .panel-launcher:hover, .panel-bottom
+ .launcher:hover {
border-bottom-width: 1px; }
- .panel-top .panel-launcher:hover {
+ .panel-top .panel-launcher:hover, .panel-top
+ .launcher:hover {
border-top-width: 1px; }
+ .panel-left .panel-launcher:hover, .panel-left
+ .launcher:hover {
+ border-left-width: 1px;
+ padding-left: 0; }
+ .panel-right .panel-launcher:hover, .panel-right
+ .launcher:hover {
+ border-right-width: 1px;
+ padding-right: 0; }
#overview-corner {
background-image: url("common-assets/misc/overview.png"); }
@@ -1215,22 +1324,28 @@ StScrollBar {
color: white;
text-shadow: none;
transition-duration: 100; }
+ .applet-box.vertical {
+ padding: 3px 0; }
.applet-box:hover {
- color: #fdf6e3;
- background-color: #268bd2; }
+ color: #ffffff;
+ background-color: #5294e2; }
+ .applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(252, 65, 56, 0.5); }
.applet-label {
font-weight: bold;
color: white; }
.applet-label:hover, .applet-box:hover > .applet-label {
- color: #fdf6e3;
+ color: #ffffff;
text-shadow: none; }
.applet-icon {
color: white;
icon-size: 22px; }
.applet-icon:hover, .applet-box:hover > .applet-icon {
- color: #fdf6e3;
+ color: #ffffff;
text-shadow: none; }
.user-icon {
@@ -1247,33 +1362,39 @@ StScrollBar {
margin: 0px; }
.desklet {
- color: #657b83; }
+ color: #BAC3CF; }
+ .desklet:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.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:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.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;
padding: 12px;
padding-bottom: 17px; }
+ .desklet-with-borders-and-header:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.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; }
@@ -1292,8 +1413,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;
diff --git a/common/cinnamon/common-assets/panel/panel-left.svg b/common/cinnamon/common-assets/panel/panel-left.svg
new file mode 100644
index 0000000..e5796b2
--- /dev/null
+++ b/common/cinnamon/common-assets/panel/panel-left.svg
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="27"
+ height="27"
+ viewBox="0 0 27 27"
+ id="svg4196"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="panel-left.svg">
+ <defs
+ id="defs4198" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313708"
+ inkscape:cx="4.4037501"
+ inkscape:cy="17.013621"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ units="px"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4762" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4201">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1025.3622)">
+ <g
+ id="g4136"
+ transform="matrix(0,-1,1,0,-1025.3622,1052.3622)">
+ <rect
+ y="1025.3622"
+ x="0"
+ height="26"
+ width="27"
+ id="rect4713"
+ style="display:inline;opacity:0.95;fill:#252a35;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ y="1051.3622"
+ x="0"
+ height="1"
+ width="27"
+ id="rect4713-4"
+ style="display:inline;opacity:0.85;fill:#0f1116;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ </g>
+</svg>
diff --git a/common/cinnamon/common-assets/panel/panel-right.svg b/common/cinnamon/common-assets/panel/panel-right.svg
new file mode 100644
index 0000000..09f1889
--- /dev/null
+++ b/common/cinnamon/common-assets/panel/panel-right.svg
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="27"
+ height="27"
+ viewBox="0 0 27 27"
+ id="svg4196"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="panel-right.svg">
+ <defs
+ id="defs4198" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313708"
+ inkscape:cx="4.4037501"
+ inkscape:cy="17.013621"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ units="px"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4762" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4201">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1025.3622)">
+ <g
+ id="g4136"
+ transform="matrix(0,-1,-1,0,1052.3622,1052.3622)">
+ <rect
+ y="1025.3622"
+ x="0"
+ height="26"
+ width="27"
+ id="rect4713"
+ style="display:inline;opacity:0.95;fill:#252a35;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ y="1051.3622"
+ x="0"
+ height="1"
+ width="27"
+ id="rect4713-4"
+ style="display:inline;opacity:0.85;fill:#0f1116;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ </g>
+</svg>
diff --git a/common/cinnamon/common-assets/panel/window-list-active-left.svg b/common/cinnamon/common-assets/panel/window-list-active-left.svg
new file mode 100644
index 0000000..fecc258
--- /dev/null
+++ b/common/cinnamon/common-assets/panel/window-list-active-left.svg
@@ -0,0 +1,164 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ inkscape:export-ydpi="90.000000"
+ inkscape:export-xdpi="90.000000"
+ width="4"
+ height="28"
+ id="svg11300"
+ sodipodi:version="0.32"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="window-list-active-left.svg"
+ inkscape:output_extension="org.inkscape.output.svg.inkscape"
+ version="1.0"
+ style="display:inline;enable-background:new">
+ <sodipodi:namedview
+ stroke="#ef2929"
+ fill="#f57900"
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#808080"
+ borderopacity="1"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="9.884764"
+ inkscape:cx="6.9544689"
+ inkscape:cy="5.3696817"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ inkscape:grid-bbox="true"
+ inkscape:document-units="px"
+ inkscape:showpageshadow="true"
+ inkscape:window-width="1600"
+ inkscape:window-height="851"
+ inkscape:window-x="0"
+ inkscape:window-y="24"
+ width="400px"
+ height="300px"
+ inkscape:snap-nodes="true"
+ inkscape:snap-bbox="true"
+ gridtolerance="10000"
+ inkscape:object-nodes="true"
+ inkscape:snap-grids="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-maximized="1"
+ inkscape:bbox-nodes="true"
+ inkscape:bbox-paths="false"
+ inkscape:snap-bbox-edge-midpoints="false"
+ inkscape:snap-bbox-midpoints="false"
+ objecttolerance="10000"
+ guidetolerance="10000"
+ borderlayer="true"
+ showborder="true"
+ guidecolor="#ff0b00"
+ guideopacity="1"
+ guidehicolor="#001aff"
+ guidehiopacity="0.49803922"
+ inkscape:snap-smooth-nodes="false"
+ inkscape:snap-page="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3123"
+ empspacing="4"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ </sodipodi:namedview>
+ <defs
+ id="defs3">
+ <linearGradient
+ id="selected_bg_color"
+ osb:paint="solid">
+ <stop
+ style="stop-color:#5294e2;stop-opacity:1;"
+ offset="0"
+ id="stop4137" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#selected_bg_color"
+ id="linearGradient4139"
+ x1="14"
+ y1="298"
+ x2="14"
+ y2="300"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(272,-300)" />
+ </defs>
+ <metadata
+ id="metadata4">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:creator>
+ <cc:Agent>
+ <dc:title />
+ </cc:Agent>
+ </dc:creator>
+ <dc:source />
+ <cc:license
+ rdf:resource="" />
+ <dc:title></dc:title>
+ <dc:subject>
+ <rdf:Bag />
+ </dc:subject>
+ <dc:date />
+ <dc:rights>
+ <cc:Agent>
+ <dc:title />
+ </cc:Agent>
+ </dc:rights>
+ <dc:publisher>
+ <cc:Agent>
+ <dc:title />
+ </cc:Agent>
+ </dc:publisher>
+ <dc:identifier />
+ <dc:relation />
+ <dc:language />
+ <dc:coverage />
+ <dc:description />
+ <dc:contributor>
+ <cc:Agent>
+ <dc:title />
+ </cc:Agent>
+ </dc:contributor>
+ </cc:Work>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ style="display:inline"
+ inkscape:groupmode="layer"
+ inkscape:label="Base"
+ id="layer1"
+ transform="translate(0,-272)">
+ <rect
+ style="opacity:1;fill:url(#linearGradient4139);fill-opacity:1;stroke:none"
+ id="rect4270-9"
+ width="24"
+ height="2"
+ x="274"
+ y="-2"
+ transform="matrix(0,1,-1,0,0,0)" />
+ </g>
+</svg>
diff --git a/common/cinnamon/common-assets/panel/window-list-active-right.svg b/common/cinnamon/common-assets/panel/window-list-active-right.svg
new file mode 100644
index 0000000..1f78f1d
--- /dev/null
+++ b/common/cinnamon/common-assets/panel/window-list-active-right.svg
@@ -0,0 +1,164 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ inkscape:export-ydpi="90.000000"
+ inkscape:export-xdpi="90.000000"
+ width="4"
+ height="28"
+ id="svg11300"
+ sodipodi:version="0.32"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="window-list-active-right.svg"
+ inkscape:output_extension="org.inkscape.output.svg.inkscape"
+ version="1.0"
+ style="display:inline;enable-background:new">
+ <sodipodi:namedview
+ stroke="#ef2929"
+ fill="#f57900"
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#808080"
+ borderopacity="1"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="9.884764"
+ inkscape:cx="6.9544689"
+ inkscape:cy="5.3696817"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ inkscape:grid-bbox="true"
+ inkscape:document-units="px"
+ inkscape:showpageshadow="true"
+ inkscape:window-width="1600"
+ inkscape:window-height="851"
+ inkscape:window-x="0"
+ inkscape:window-y="24"
+ width="400px"
+ height="300px"
+ inkscape:snap-nodes="true"
+ inkscape:snap-bbox="true"
+ gridtolerance="10000"
+ inkscape:object-nodes="true"
+ inkscape:snap-grids="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-maximized="1"
+ inkscape:bbox-nodes="true"
+ inkscape:bbox-paths="false"
+ inkscape:snap-bbox-edge-midpoints="false"
+ inkscape:snap-bbox-midpoints="false"
+ objecttolerance="10000"
+ guidetolerance="10000"
+ borderlayer="true"
+ showborder="true"
+ guidecolor="#ff0b00"
+ guideopacity="1"
+ guidehicolor="#001aff"
+ guidehiopacity="0.49803922"
+ inkscape:snap-smooth-nodes="false"
+ inkscape:snap-page="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3123"
+ empspacing="4"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ </sodipodi:namedview>
+ <defs
+ id="defs3">
+ <linearGradient
+ id="selected_bg_color"
+ osb:paint="solid">
+ <stop
+ style="stop-color:#5294e2;stop-opacity:1;"
+ offset="0"
+ id="stop4137" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#selected_bg_color"
+ id="linearGradient4139"
+ x1="14"
+ y1="298"
+ x2="14"
+ y2="300"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="translate(272,-302)" />
+ </defs>
+ <metadata
+ id="metadata4">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:creator>
+ <cc:Agent>
+ <dc:title />
+ </cc:Agent>
+ </dc:creator>
+ <dc:source />
+ <cc:license
+ rdf:resource="" />
+ <dc:title></dc:title>
+ <dc:subject>
+ <rdf:Bag />
+ </dc:subject>
+ <dc:date />
+ <dc:rights>
+ <cc:Agent>
+ <dc:title />
+ </cc:Agent>
+ </dc:rights>
+ <dc:publisher>
+ <cc:Agent>
+ <dc:title />
+ </cc:Agent>
+ </dc:publisher>
+ <dc:identifier />
+ <dc:relation />
+ <dc:language />
+ <dc:coverage />
+ <dc:description />
+ <dc:contributor>
+ <cc:Agent>
+ <dc:title />
+ </cc:Agent>
+ </dc:contributor>
+ </cc:Work>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ style="display:inline"
+ inkscape:groupmode="layer"
+ inkscape:label="Base"
+ id="layer1"
+ transform="translate(0,-272)">
+ <rect
+ style="opacity:1;fill:url(#linearGradient4139);fill-opacity:1;stroke:none"
+ id="rect4270-9"
+ width="24"
+ height="2"
+ x="274"
+ y="-4"
+ transform="matrix(0,1,-1,0,0,0)" />
+ </g>
+</svg>
diff --git a/common/cinnamon/sass/_common.scss b/common/cinnamon/sass/_common.scss
index 6760dcc..51dd4bc 100644
--- a/common/cinnamon/sass/_common.scss
+++ b/common/cinnamon/sass/_common.scss
@@ -267,10 +267,9 @@ StScrollBar {
//
// Popvers/Menus
//
+.menu,
.popup-menu,
%menu {
- color: white;
- min-width: 200px;
color: $fg_color;
border-image: url("#{$asset_path}/menu/menu.svg") 9 9 9 9;
@@ -339,7 +338,7 @@ StScrollBar {
margin: 10px 0px;
background-color: transparent;
border: none;
- border-image: url("common-assets/menu-separator.svg") 1 1 1 1;
+ border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1;
}
.popup-alternating-menu-item:alternate {
@@ -357,8 +356,13 @@ StScrollBar {
//
#panel {
font-weight: bold;
- height: 2.1em;
- min-height: 27px;
+ height: 27px;
+ width: 32px;
+
+ &:highlight {
+ border-image: none;
+ background-color: transparentize($error_color, 0.5);
+ }
&Left {
spacing: 4px;
@@ -368,8 +372,15 @@ StScrollBar {
background-gradient-start: rgba(255,0,0,0.05);
background-gradient-end: rgba(255,0,0,0.2);
}
- &:ltr ·{ padding-right: 4px; }
- &:rtl ·{ padding-left: 4px; }
+ &:ltr { padding-right: 4px; }
+ &:rtl { padding-left: 4px; }
+
+ &.vertical {
+ padding: 0;
+
+ &:ltr { padding-right: 0px; }
+ &:rtl { padding-left: 0px; }
+ }
}
&Right {
@@ -379,8 +390,15 @@ StScrollBar {
background-gradient-start: rgba(0,0,255,0.05);
background-gradient-end: rgba(0,0,255,0.2);
}
- &:ltr ·{ padding-left: 4px; spacing: 0px; }
- &:rtl ·{ padding-right: 4px; spacing: 0px; }
+ &:ltr { padding-left: 4px; spacing: 0px; }
+ &:rtl { padding-right: 4px; spacing: 0px; }
+
+ &.vertical {
+ padding: 0;
+
+ &:ltr { padding-right: 0px; }
+ &:rtl { padding-left: 0px; }
+ }
}
&Center {
@@ -397,7 +415,7 @@ StScrollBar {
.panel {
$_panel_fg_color: $_shell_fg_color;
- &-top, &-bottom {
+ &-top, &-bottom, &-left, &-right {
color: $_panel_fg_color;
font-size: 1em;
padding: 0px;
@@ -405,9 +423,17 @@ StScrollBar {
&-top { border-image: url('common-assets/panel/panel-top.svg') 1 1 1 1; }
&-bottom { border-image: url('common-assets/panel/panel-bottom.svg') 1 1 1 1; }
+ &-left { border-image: url('common-assets/panel/panel-left.svg') 1 1 1 1; }
+ &-right { border-image: url('common-assets/panel/panel-right.svg') 1 1 1 1; }
+
+ &-dummy {
+ background-color: transparentize($error_color, 0.5);
+
+ &:entered { background-color: transparentize($error_color, 0.4); }
+ }
&-status-button {
- border-widht: 0;
+ border-width: 0;
-natural-hpadding: 3px;
-minimum-hpadding: 3px;
font-weight: bold;
@@ -716,6 +742,11 @@ StScrollBar {
opacity: 1;
}
+.calendar-week-number {
+ color: transparentize($fg_color, 0.3);
+ font-size: 80%;
+}
+
//
// Notifications
//
@@ -729,8 +760,9 @@ StScrollBar {
width: 34em;
color: $osd_fg_color;
+ .menu &,
.popup-menu & {
- color: $fg_color;
+ &, &.multi-line-notification { color: $fg_color; }
border-image: url("#{$asset_path}/misc/message.svg") 9 9 9 9;
.notification-button, .notification-icon-button {
@@ -1226,6 +1258,13 @@ StScrollBar {
.panel-bottom & { padding-top: 1px; }
.panel-top & { padding-bottom: 1px; }
+
+ &.vertical {
+ spacing: 4px;
+ padding: 10px 0;
+ }
+
+ &:highlight { background-color: transparentize($error_color, 0.5); }
}
&-item-label {
@@ -1237,6 +1276,7 @@ StScrollBar {
&-item-box {
font-weight: bold;
background-image: none;
+ padding-top: 0;
padding-left: 8px;
padding-right: 8px;
transition-duration: 100;
@@ -1250,8 +1290,14 @@ StScrollBar {
color: $_shell_fg_color;
.panel-bottom & { border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; }
-
.panel-top & { border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; }
+ .panel-left & { border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; }
+ .panel-right & { border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; }
+ }
+
+ &.right, &.left {
+ padding-left: 0px;
+ padding-right: 0px;
}
}
@@ -1445,9 +1491,14 @@ StScrollBar {
//
#panel-launchers-box {
padding-left: 7px;
+
+ &.vertical {
+ padding: 2px 0;
+ }
}
-.panel-launcher {
+.panel-launcher,
+.launcher {
margin: 1px;
padding: 1px;
transition-duration: 200;
@@ -1458,6 +1509,8 @@ StScrollBar {
.panel-bottom & { border-bottom-width: 1px; }
.panel-top & { border-top-width: 1px; }
+ .panel-left & { border-left-width: 1px; padding-left: 0; }
+ .panel-right & { border-right-width: 1px; padding-right: 0; }
}
}
@@ -1488,10 +1541,20 @@ StScrollBar {
text-shadow: none;
transition-duration: 100;
+ &.vertical {
+ padding: 3px 0;
+ }
+
&:hover {
color: $selected_fg_color;
background-color: $selected_bg_color;
}
+
+ &:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: transparentize($error_color, 0.5);
+ }
}
&-label {
@@ -1540,11 +1603,19 @@ StScrollBar {
.desklet {
color: $osd_fg_color;
+ &:highlight {
+ background-color: transparentize($error_color, 0.5);
+ }
+
&-with-borders {
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
color: $osd_fg_color;
padding: 12px;
padding-bottom: 16px;
+
+ &:highlight {
+ background-color: transparentize($error_color, 0.5);
+ }
}
&-with-borders-and-header {
border-image: url("common-assets/misc/desklet.svg") 9 9 9 9;
@@ -1554,6 +1625,10 @@ StScrollBar {
border-radius-topright: 0;
padding: 12px;
padding-bottom: 17px;
+
+ &:highlight {
+ background-color: transparentize($error_color, 0.5);
+ }
}
&-header {
border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9;
diff --git a/common/cinnamon/thumbnail-dark.png b/common/cinnamon/thumbnail-dark.png
new file mode 100644
index 0000000..abff6d5
--- /dev/null
+++ b/common/cinnamon/thumbnail-dark.png
Binary files differ
diff --git a/common/cinnamon/thumbnail.png b/common/cinnamon/thumbnail.png
new file mode 100644
index 0000000..bcc6216
--- /dev/null
+++ b/common/cinnamon/thumbnail.png
Binary files differ
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-22 16:37:25 +0000