aboutsummaryrefslogtreecommitdiff
path: root/common/cinnamon/cinnamon-dark.css
diff options
context:
space:
mode:
Diffstat (limited to 'common/cinnamon/cinnamon-dark.css')
-rw-r--r--common/cinnamon/cinnamon-dark.css176
1 files changed, 132 insertions, 44 deletions
diff --git a/common/cinnamon/cinnamon-dark.css b/common/cinnamon/cinnamon-dark.css
index 6213045..44b3bc2 100644
--- a/common/cinnamon/cinnamon-dark.css
+++ b/common/cinnamon/cinnamon-dark.css
@@ -11,25 +11,26 @@ stage {
min-height: 20px;
padding: 5px 32px;
transition-duration: 0;
- border-radius: 2px;
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #444a58;
border: 1px solid #2b2e39;
box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
+ .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
+ border-radius: 2px; }
.popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #444a58;
border: 1px solid #5294E2;
box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
- .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .sound-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); }
- .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .sound-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;
@@ -139,7 +140,7 @@ StScrollBar {
background-color: rgba(64, 69, 82, 0.1);
border-radius: 8px; }
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
- border-radius: 4px;
+ border-radius: 2px;
background-color: #767b87;
border: 0px solid;
margin: 0px; }
@@ -148,7 +149,15 @@ StScrollBar {
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
background-color: #5294E2; }
-.popup-slider-menu-item {
+.separator {
+ -gradient-height: 1px;
+ -gradient-start: transparent;
+ -gradient-end: transparent;
+ -margin-horizontal: 1.5em;
+ height: 1em; }
+
+.popup-slider-menu-item,
+.slider {
-slider-height: 4px;
-slider-background-color: #2b2e39;
-slider-border-color: transparent;
@@ -238,6 +247,8 @@ StScrollBar {
min-width: 200px;
color: #D3DAE3;
border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; }
+ .popup-menu-arrow {
+ icon-size: 16px; }
.popup-menu .popup-sub-menu {
background-gradient-direction: none;
box-shadow: none;
@@ -250,10 +261,6 @@ StScrollBar {
padding: 4px; }
.popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle {
border-width: 0; }
- .popup-menu .popup-sub-menu-menu-item:open {
- background: none;
- box-shadow: none;
- border-image: url("dark-assets/menu/submenu-open.svg") 9 9 9 9; }
.popup-menu .popup-menu-content {
padding: 1em 0em 1em 0em; }
.popup-menu .popup-menu-item {
@@ -392,7 +399,7 @@ StScrollBar {
.expo-workspaces-name-entry,
.expo-workspaces-name-entry#selected {
- spacing: 25px;
+ height: 15px;
border-radius: 2px;
font-size: 9pt;
padding: 5px 8px;
@@ -424,7 +431,7 @@ StScrollBar {
background-color: #353945; }
.workspace-thumbnails {
- spacing: 14px; }
+ spacing: 26px; }
.workspace-thumbnails-background, .workspace-thumbnails-background:rtl {
padding: 8px; }
@@ -432,10 +439,13 @@ StScrollBar {
background-image: url("common-assets/misc/add-workspace.svg");
height: 200px;
width: 35px;
- transition-duration: 200; }
+ transition-duration: 100; }
.workspace-add-button:hover {
background-image: url("common-assets/misc/add-workspace-hover.svg");
- transition-duration: 200; }
+ transition-duration: 100; }
+ .workspace-add-button:active {
+ background-image: url("common-assets/misc/add-workspace-active.svg");
+ transition-duration: 100; }
.workspace-overview-background-shade {
background-color: rgba(0, 0, 0, 0.5); }
@@ -519,30 +529,30 @@ StScrollBar {
height: 16px; }
.calendar-change-month-back {
- background-image: url("dark-assets/misc/calendar-arrow-left.svg"); }
+ background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
.calendar-change-month-back:focus, .calendar-change-month-back:hover {
- background-image: url("dark-assets/misc/calendar-arrow-left-hover.svg"); }
+ background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); }
.calendar-change-month-back:active {
- background-image: url("dark-assets/misc/calendar-arrow-left.svg"); }
+ background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
.calendar-change-month-back:rtl {
- background-image: url("dark-assets/misc/calendar-arrow-right.svg"); }
+ background-image: url("common-assets/misc/calendar-arrow-right.svg"); }
.calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover {
- background-image: url("dark-assets/misc/calendar-arrow-right-hover.svg"); }
+ background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); }
.calendar-change-month-back:rtl:active {
- background-image: url("dark-assets/misc/calendar-arrow-right.svg"); }
+ background-image: url("common-assets/misc/calendar-arrow-right.svg"); }
.calendar-change-month-forward {
- background-image: url("dark-assets/misc/calendar-arrow-right.svg"); }
+ background-image: url("common-assets/misc/calendar-arrow-right.svg"); }
.calendar-change-month-forward:focus, .calendar-change-month-forward:hover {
- background-image: url("dark-assets/misc/calendar-arrow-right-hover.svg"); }
+ background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); }
.calendar-change-month-forward:active {
- background-image: url("dark-assets/misc/calendar-arrow-right.svg"); }
+ background-image: url("common-assets/misc/calendar-arrow-right.svg"); }
.calendar-change-month-forward:rtl {
- background-image: url("dark-assets/misc/calendar-arrow-left.svg"); }
+ background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
.calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover {
- background-image: url("dark-assets/misc/calendar-arrow-left-hover.svg"); }
+ background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); }
.calendar-change-month-forward:rtl:active {
- background-image: url("dark-assets/misc/calendar-arrow-left.svg"); }
+ background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
.datemenu-date-label {
padding: 0.4em 1.75em;
@@ -605,6 +615,8 @@ StScrollBar {
.popup-menu #notification {
color: #D3DAE3;
border-image: url("dark-assets/misc/message.svg") 9 9 9 9; }
+ .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ padding: 5px; }
#notification.multi-line-notification {
padding-bottom: 13px;
color: #BAC3CF; }
@@ -625,6 +637,9 @@ StScrollBar {
min-height: 159px;
color: #BAC3CF; }
+.notification-button, .notification-icon-button {
+ padding: 5px; }
+
.notification-icon-button > StIcon {
icon-size: 36px; }
@@ -639,6 +654,8 @@ StScrollBar {
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
border-radius: 3px;
padding: 20px; }
+ .switcher-list > StBoxLayout {
+ padding: 4px; }
.switcher-list-item-container {
spacing: 8px; }
.switcher-list .item-box {
@@ -650,7 +667,7 @@ StScrollBar {
.switcher-list .item-box:selected {
color: #ffffff;
background-color: #5294E2;
- border: 1px solid #5294E2; }
+ border: 0px solid #5294E2; }
.switcher-list .thumbnail {
width: 256px; }
.switcher-list .thumbnail-box {
@@ -871,12 +888,6 @@ StScrollBar {
.menu-favorites-button {
padding: 10px;
border: 1px solid transparent; }
- .menu-favorites-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-places-box {
margin: auto;
@@ -899,12 +910,7 @@ StScrollBar {
.menu-application-button:highlighted {
font-weight: bold; }
.menu-application-button-selected {
- padding: 7px;
- 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); }
+ padding: 7px; }
.menu-application-button-selected:highlighted {
font-weight: bold; }
.menu-application-button-label:ltr {
@@ -916,12 +922,7 @@ StScrollBar {
padding: 7px;
border: 1px solid transparent; }
.menu-category-button-selected {
- padding: 7px;
- 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); }
+ padding: 7px; }
.menu-category-button-hover {
background-color: red;
border-radius: 2px; }
@@ -1082,10 +1083,71 @@ StScrollBar {
.sound-playback-control {
padding: 5px 10px 10px 10px; }
+.sound-player {
+ padding: 0 4px; }
+ .sound-player > StBoxLayout:first-child {
+ padding: 5px 10px 12px 10px;
+ spacing: 0.5em; }
+ .sound-player > StBoxLayout:first-child StButton:small {
+ width: 16px;
+ height: 8px;
+ padding: 1px; }
+ .sound-player > StBoxLayout:first-child StButton:small StIcon {
+ icon-size: 12px; }
+ .sound-player-generic-coverart {
+ background: rgba(0, 0, 0, 0.2); }
+ .sound-player-overlay {
+ width: 290px;
+ height: 70px;
+ padding: 15px;
+ spacing: 0.5em;
+ background: rgba(42, 45, 55, 0.85);
+ border: 0px solid rgba(31, 33, 40, 0.95);
+ border-bottom: 1px;
+ color: #BAC3CF; }
+ .sound-player-overlay StButton {
+ width: 22px;
+ height: 13px;
+ padding: 5px;
+ color: #BAC3CF;
+ border-radius: 2px;
+ 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(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(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 {
+ height: 0.5em;
+ padding: 0;
+ border: none;
+ -slider-height: 0.5em;
+ -slider-background-color: #2d303b;
+ -slider-border-color: transparent;
+ -slider-active-background-color: #5294E2;
+ -slider-active-border-color: transparent;
+ -slider-border-width: 0px;
+ -slider-handle-radius: 0px; }
+
#workspaceSwitcher {
spacing: 0px;
padding: 3px; }
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+ padding-left: 3px;
+ padding-right: 3px; }
+
.workspace-button {
width: 20px;
height: 10px;
@@ -1098,6 +1160,32 @@ StScrollBar {
.workspace-button:hover {
color: rgba(82, 148, 226, 0.5); }
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+ padding: 3px;
+ spacing: 3px; }
+
+.workspace-graph .workspace {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.2); }
+
+.workspace-graph .workspace:active {
+ border: 1px solid #5294E2;
+ background-gradient-direction: none; }
+
+.workspace-graph .workspace .windows {
+ -active-window-background: rgba(76, 82, 99, 0.95);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -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(87, 93, 113, 0.95);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(54, 58, 70, 0.95);
+ -inactive-window-border: rgba(0, 0, 0, 0.8); }
+
#panel-launchers-box {
padding-left: 7px; }