diff --git a/cinnamon/assets/add-workspace-active.svg b/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 0000000..8a4bba0
--- /dev/null
+++ b/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,10 @@
+
diff --git a/cinnamon/assets/add-workspace-hover.svg b/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 0000000..4f0b327
--- /dev/null
+++ b/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,10 @@
+
diff --git a/cinnamon/assets/add-workspace.svg b/cinnamon/assets/add-workspace.svg
new file mode 100644
index 0000000..c71dcfa
--- /dev/null
+++ b/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,10 @@
+
diff --git a/cinnamon/assets/calendar-arrow-left.svg b/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..5448aac
--- /dev/null
+++ b/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+
diff --git a/cinnamon/assets/calendar-arrow-right.svg b/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..f089edb
--- /dev/null
+++ b/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/cinnamon/assets/checkbox-off.svg b/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 0000000..54317fd
--- /dev/null
+++ b/cinnamon/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/cinnamon/assets/checkbox.svg b/cinnamon/assets/checkbox.svg
new file mode 100644
index 0000000..eca0aa8
--- /dev/null
+++ b/cinnamon/assets/checkbox.svg
@@ -0,0 +1,3 @@
+
diff --git a/cinnamon/assets/close-window.svg b/cinnamon/assets/close-window.svg
new file mode 100644
index 0000000..07c33cd
--- /dev/null
+++ b/cinnamon/assets/close-window.svg
@@ -0,0 +1,5 @@
+
diff --git a/cinnamon/assets/corner-ripple.png b/cinnamon/assets/corner-ripple.png
new file mode 100644
index 0000000..35d95ff
Binary files /dev/null and b/cinnamon/assets/corner-ripple.png differ
diff --git a/cinnamon/assets/radiobutton-off.svg b/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 0000000..43467e8
--- /dev/null
+++ b/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/cinnamon/assets/radiobutton.svg b/cinnamon/assets/radiobutton.svg
new file mode 100644
index 0000000..d3a00c3
--- /dev/null
+++ b/cinnamon/assets/radiobutton.svg
@@ -0,0 +1,3 @@
+
diff --git a/cinnamon/assets/toggle-off.svg b/cinnamon/assets/toggle-off.svg
new file mode 100644
index 0000000..711cb5f
--- /dev/null
+++ b/cinnamon/assets/toggle-off.svg
@@ -0,0 +1,4 @@
+
diff --git a/cinnamon/assets/toggle-on.svg b/cinnamon/assets/toggle-on.svg
new file mode 100644
index 0000000..b48bf87
--- /dev/null
+++ b/cinnamon/assets/toggle-on.svg
@@ -0,0 +1,4 @@
+
diff --git a/cinnamon/assets/trash-icon.png b/cinnamon/assets/trash-icon.png
new file mode 100644
index 0000000..270fe2e
Binary files /dev/null and b/cinnamon/assets/trash-icon.png differ
diff --git a/cinnamon/cinnamon.css b/cinnamon/cinnamon.css
new file mode 100644
index 0000000..6729468
--- /dev/null
+++ b/cinnamon/cinnamon.css
@@ -0,0 +1,1894 @@
+.modal-dialog-button, .notification-button {
+ color: #e6e6fa;
+ background-color: #473a30;
+ border-color: transparent;
+ box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 100ms;
+ font-size: 10.5pt;
+ font-weight: 500;
+ min-height: 32px;
+ padding: 0 16px;
+ border-radius: 10px;
+}
+
+.modal-dialog-button:focus, .notification-button:focus {
+ color: #e6e6fa;
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+}
+
+.modal-dialog-button:hover, .notification-button:hover, .modal-dialog-button:checked, .notification-button:checked {
+ color: #e6e6fa;
+ background-color: #473a30;
+ border-color: transparent;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.modal-dialog-button:active, .notification-button:active {
+ color: #e6e6fa;
+ background-color: #6d6360;
+ border-color: transparent;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 200ms;
+}
+
+.modal-dialog-button:insensitive, .notification-button:insensitive {
+ color: rgba(230, 230, 250, 0.5);
+ background-color: rgba(230, 230, 250, 0.08);
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.sound-player StButton, .keyboard-key, .notification-icon-button {
+ color: #e6e6fa;
+ background-color: #473a30;
+ border-color: transparent;
+ box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 100ms;
+ min-height: 32px;
+ min-width: 32px;
+ padding: 6px;
+ border-radius: 10px;
+}
+
+.sound-player StButton:focus, .keyboard-key:focus, .notification-icon-button:focus {
+ color: #e6e6fa;
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+}
+
+.sound-player StButton:hover, .keyboard-key:hover, .notification-icon-button:hover, .sound-player StButton:checked, .keyboard-key:checked, .notification-icon-button:checked {
+ color: #e6e6fa;
+ background-color: #473a30;
+ border-color: transparent;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.sound-player StButton:active, .keyboard-key:active, .notification-icon-button:active {
+ color: #e6e6fa;
+ background-color: #6d6360;
+ border-color: transparent;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 200ms;
+}
+
+.sound-player StButton:insensitive, .keyboard-key:insensitive, .notification-icon-button:insensitive {
+ color: rgba(230, 230, 250, 0.5);
+ background-color: rgba(230, 230, 250, 0.08);
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.sound-player .slider, .popup-slider-menu-item, .slider {
+ height: 20px;
+ color: #6daf22;
+ -slider-height: 2px;
+ -slider-background-color: rgba(230, 230, 250, 0.3);
+ -slider-border-color: transparent;
+ -slider-active-background-color: #6daf22;
+ -slider-active-border-color: transparent;
+ -slider-border-width: 0;
+ -slider-handle-radius: 6px;
+}
+
+.popup-separator-menu-item, .separator {
+ -gradient-height: 1px;
+ -gradient-start: rgba(230, 230, 250, 0.12);
+ -gradient-end: rgba(230, 230, 250, 0.12);
+ -margin-horizontal: 4px;
+ height: 1.5em;
+}
+
+#menu-search-entry, .run-dialog-entry, #notification StEntry {
+ transition-duration: 100ms;
+ background-color: rgba(230, 230, 250, 0.04);
+ border-color: transparent;
+ box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3);
+ width: 250px;
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 10px 10px 0 0;
+ color: #e6e6fa;
+ caret-color: #e6e6fa;
+ selection-background-color: rgba(109, 175, 34, 0.32);
+ selected-color: #e6e6fa;
+}
+
+#menu-search-entry:focus, .run-dialog-entry:focus, #notification StEntry:focus {
+ border-color: transparent;
+ box-shadow: inset 0 -2px #6daf22;
+ padding: 0 8px;
+ border-width: 0;
+ color: #e6e6fa;
+}
+
+.photoframe-box, .desklet-header, .desklet-with-borders-and-header, .desklet-with-borders {
+ color: #e6e6fa;
+ border: none;
+ padding: 12px;
+ box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
+}
+
+.calendar-change-month-forward, .calendar-change-month-back {
+ width: 16px;
+ height: 16px;
+ border-radius: 999px;
+ transition-duration: 100ms;
+}
+
+.calendar-change-month-forward:active, .calendar-change-month-back:active {
+ background-color: rgba(230, 230, 250, 0.3);
+}
+
+.popup-combo-menu, .menu {
+ background-color: #473a30;
+ border-radius: 10px;
+ color: #e6e6fa;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+}
+
+.menu-category-button-label:ltr, .menu-application-button-label:ltr {
+ padding-left: 4px;
+}
+
+.menu-category-button-label:rtl, .menu-application-button-label:rtl {
+ padding-right: 4px;
+}
+
+.mount-question-dialog-subject, .show-processes-dialog-subject {
+ font-weight: bold;
+ color: #e6e6fa;
+ padding-top: 10px;
+ padding-left: 17px;
+ padding-bottom: 6px;
+}
+
+.mount-question-dialog-subject:rtl, .show-processes-dialog-subject:rtl {
+ padding-left: 0;
+ padding-right: 17px;
+}
+
+.mount-question-dialog-description, .show-processes-dialog-description {
+ color: #e6e6fa;
+ padding-left: 17px;
+ width: 28em;
+}
+
+.check-box:focus StBin, .check-box StBin {
+ width: 24px;
+ height: 24px;
+ padding: 4px;
+ border-radius: 100px;
+ background-image: url(assets/checkbox-off.svg);
+}
+
+.radiobutton:focus StBin, .radiobutton StBin {
+ width: 20px;
+ height: 20px;
+ padding: 6px;
+ border-radius: 100px;
+ background-image: url(assets/radiobutton-off.svg);
+}
+
+.tile-hud, .tile-preview {
+ background-color: rgba(0, 0, 0, 0.3);
+ border: 2px solid rgba(230, 230, 250, 0.12);
+}
+
+.tile-hud.snap, .tile-preview.snap {
+ background-color: rgba(0, 0, 0, 0.3);
+ border: 2px solid #6daf22;
+}
+
+.osd-window, .modal-dialog, .switcher-list, #LookingGlassDialog, .workspace-osd, .info-osd, .overview-empty-placeholder {
+ color: #e6e6fa;
+ background-color: #473a30;
+ border: none;
+ border-radius: 10px;
+ padding: 12px;
+ box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
+}
+
+.workspace-osd, .info-osd, .overview-empty-placeholder {
+ font-size: 15pt;
+ font-weight: 500;
+ text-align: center;
+ padding: 8px 10px;
+}
+
+stage {
+ font-size: 10.5pt;
+ font-weight: 400;
+ font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
+ color: #e6e6fa;
+}
+
+.cinnamon-link {
+ color: #6daf22;
+ font-style: italic;
+}
+
+.cinnamon-link:hover {
+ color: #6daf22;
+}
+
+.label-shadow {
+ color: transparent;
+}
+
+StScrollBar {
+ padding: 0px;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ background-color: rgba(230, 230, 250, 0.5);
+ border-radius: 100px;
+ margin: 4px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: rgba(230, 230, 250, 0.7);
+}
+
+StScrollBar StBin#trough {
+ margin: 4px;
+ border-radius: 100px;
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+StScrollView.vfade {
+ -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 32px;
+}
+
+StScrollView StScrollBar {
+ min-width: 16px;
+ min-height: 16px;
+}
+
+#Tooltip {
+ font-size: 9pt;
+ font-weight: 400;
+ padding: 6px 8px;
+ color: #e6e6fa;
+ text-align: center;
+ border-radius: 10px;
+ background-color: rgba(52, 65, 76, 0.9);
+}
+
+.menu {
+ min-width: 100px;
+ margin: 4px;
+}
+
+.menu-top-box {
+ spacing: 5px;
+}
+
+.menu-systembuttons-box {
+ padding: 10px;
+}
+
+.popup-sub-menu {
+ background-color: rgba(230, 230, 250, 0.04);
+}
+
+.popup-menu-arrow {
+ icon-size: 1.14em;
+}
+
+.popup-combo-menu {
+ padding: 8px 0;
+}
+
+.popup-menu-content {
+ padding: 8px 0;
+}
+
+.popup-menu-item {
+ padding: 0.4em 16px;
+ spacing: 8px;
+ transition-duration: 100ms;
+}
+
+.popup-menu-item:active {
+ background-color: rgba(230, 230, 250, 0.08);
+ color: #e6e6fa;
+ transition-duration: 0ms;
+}
+
+.popup-menu-item:insensitive {
+ color: rgba(230, 230, 250, 0.5);
+}
+
+.popup-image-menu-item {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.popup-combobox-item {
+ padding: 0.4em 16px;
+}
+
+.popup-device-menu-item {
+ spacing: .5em;
+}
+
+.popup-inactive-menu-item {
+ color: #e6e6fa;
+}
+
+.popup-inactive-menu-item:insensitive {
+ color: rgba(230, 230, 250, 0.5);
+}
+
+.popup-subtitle-menu-item {
+ font-size: 10.5pt;
+ font-weight: 500;
+}
+
+.popup-menu-icon {
+ icon-size: 1.14em;
+}
+
+.popup-alternating-menu-item:alternate {
+ font-size: 10.5pt;
+ font-weight: 500;
+}
+
+.toggle-switch {
+ width: 40px;
+ height: 20px;
+}
+
+.toggle-switch-us, .toggle-switch-intl {
+ background-image: url(assets/toggle-off.svg);
+}
+
+.toggle-switch-us:checked, .toggle-switch-intl:checked {
+ background-image: url(assets/toggle-on.svg);
+}
+
+.nm-menu-item-icons {
+ spacing: .5em;
+ icon-size: 1.14em;
+}
+
+#panel {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(0, 0, 0, 0.6);
+ height: 2.5em;
+ width: 3.2em;
+}
+
+#panel:highlight {
+ background-color: rgba(230, 230, 250, 0.3);
+}
+
+.panel-dummy {
+ background-color: rgba(255, 0, 0, 0.6);
+}
+
+.panel-dummy:entered {
+ background-color: rgba(0, 255, 0, 0.6);
+}
+
+.panelLeft {
+ spacing: 4px;
+}
+
+.panelLeft:dnd {
+ background-color: rgba(255, 0, 0, 0.6);
+}
+
+.panelLeft:ltr {
+ padding-right: 4px;
+}
+
+.panelLeft:rtl {
+ padding-left: 4px;
+}
+
+.panelLeft.vertical {
+ padding: 0;
+}
+
+.panelCenter {
+ spacing: 4px;
+}
+
+.panelCenter:dnd {
+ background-color: rgba(0, 255, 0, 0.6);
+}
+
+.panelCenter.vertical {
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.panelRight {
+ spacing: 4px;
+}
+
+.panelRight:dnd {
+ background-color: rgba(0, 0, 255, 0.6);
+}
+
+.panelRight:ltr {
+ padding-left: 0;
+ spacing: 0;
+}
+
+.panelRight:rtl {
+ padding-right: 0;
+ spacing: 0;
+}
+
+.panelRight.vertical {
+ padding: 0;
+}
+
+.panel-top .window-list-item-box:hover {
+ box-shadow: 0 3px 0 0 #6daf22 inset;
+}
+
+.panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover {
+ box-shadow: 0 3px 0 0 #6daf22 inset;
+}
+
+.panel-top .grouped-window-list-item-box:hover {
+ box-shadow: 0 3px 0 0 #6daf22 inset;
+}
+
+.panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover {
+ box-shadow: 0 3px 0 0 #6daf22 inset;
+}
+
+.panel-top .grouped-window-list-item-box:focus:hover {
+ box-shadow: 0 3px 0 0 #6daf22 inset;
+}
+
+.panel-top .grouped-window-list-badge {
+ margin-top: 2px;
+}
+
+.panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button {
+ padding: 1px 4px;
+}
+
+.panel-top .workspace-graph:hover, .panel-top .workspace-button:hover {
+ box-shadow: 0 3px 0 0 #6daf22 inset;
+}
+
+.panel-top .applet-box {
+ padding: 0 4px;
+}
+
+.panel-top .applet-box:hover {
+ box-shadow: 0 3px 0 0 #6daf22 inset;
+}
+
+.panel-top .panel-launchers .launcher:hover {
+ box-shadow: 0 3px 0 0 #6daf22 inset;
+}
+
+.panel-top .applet-separator {
+ padding: 3px 4px;
+}
+
+.panel-top .systray:hover {
+ box-shadow: 0 4px 0 0 #6daf22 inset;
+}
+
+.panel-bottom .window-list-item-box:hover {
+ box-shadow: 0 -3px 0 0 #6daf22 inset;
+}
+
+.panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover {
+ box-shadow: 0 -3px 0 0 #6daf22 inset;
+}
+
+.panel-bottom .grouped-window-list-item-box:hover {
+ box-shadow: 0 -3px 0 0 #6daf22 inset;
+}
+
+.panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover {
+ box-shadow: 0 -3px 0 0 #6daf22 inset;
+}
+
+.panel-bottom .grouped-window-list-item-box:focus:hover {
+ box-shadow: 0 -3px 0 0 #6daf22 inset;
+}
+
+.panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button {
+ padding: 1px 4px;
+}
+
+.panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover {
+ box-shadow: 0 -3px 0 0 #6daf22 inset;
+}
+
+.panel-bottom .applet-box {
+ padding: 0 4px;
+}
+
+.panel-bottom .applet-box:hover {
+ box-shadow: 0 -3px 0 0 #6daf22 inset;
+}
+
+.panel-bottom .panel-launchers .launcher:hover {
+ box-shadow: 0 -3px 0 0 #6daf22 inset;
+}
+
+.panel-bottom .applet-separator {
+ padding: 3px 4px;
+}
+
+.panel-bottom .systray:hover {
+ box-shadow: 0 4px 0 0 #6daf22 inset;
+}
+
+.panel-left .window-list-item-box:hover {
+ box-shadow: 3px 0 0 0 #6daf22 inset;
+}
+
+.panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover {
+ box-shadow: 3px 0 0 0 #6daf22 inset;
+}
+
+.panel-left .grouped-window-list-item-box:hover {
+ box-shadow: 3px 0 0 0 #6daf22 inset;
+}
+
+.panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover {
+ box-shadow: 3px 0 0 0 #6daf22 inset;
+}
+
+.panel-left .grouped-window-list-item-box:focus:hover {
+ box-shadow: 3px 0 0 0 #6daf22 inset;
+}
+
+.panel-left .grouped-window-list-badge {
+ margin-left: 2px;
+}
+
+.panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button {
+ padding: 4px 1px;
+ min-height: 1.2em;
+}
+
+.panel-left .workspace-graph:hover, .panel-left .workspace-button:hover {
+ box-shadow: 3px 0 0 0 #6daf22 inset;
+}
+
+.panel-left .applet-box {
+ padding: 4px 0;
+}
+
+.panel-left .applet-box:hover {
+ box-shadow: 3px 0 0 0 #6daf22 inset;
+}
+
+.panel-left .panel-launchers .launcher:hover {
+ box-shadow: 3px 0 0 0 #6daf22 inset;
+}
+
+.panel-left .applet-separator {
+ padding: 4px 3px;
+}
+
+.panel-left .systray:hover {
+ box-shadow: 4px 0 0 0 #6daf22 inset;
+}
+
+.panel-right .window-list-item-box:hover {
+ box-shadow: -3px 0 0 0 #6daf22 inset;
+}
+
+.panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover {
+ box-shadow: -3px 0 0 0 #6daf22 inset;
+}
+
+.panel-right .grouped-window-list-item-box:hover {
+ box-shadow: -3px 0 0 0 #6daf22 inset;
+}
+
+.panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover {
+ box-shadow: -3px 0 0 0 #6daf22 inset;
+}
+
+.panel-right .grouped-window-list-item-box:focus:hover {
+ box-shadow: -3px 0 0 0 #6daf22 inset;
+}
+
+.panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button {
+ padding: 4px 1px;
+ min-height: 1.2em;
+}
+
+.panel-right .workspace-graph:hover, .panel-right .workspace-button:hover {
+ box-shadow: -3px 0 0 0 #6daf22 inset;
+}
+
+.panel-right .applet-box {
+ padding: 4px 0;
+}
+
+.panel-right .applet-box:hover {
+ box-shadow: -3px 0 0 0 #6daf22 inset;
+}
+
+.panel-right .panel-launchers .launcher:hover {
+ box-shadow: -3px 0 0 0 #6daf22 inset;
+}
+
+.panel-right .applet-separator {
+ padding: 4px 3px;
+}
+
+.panel-right .systray:hover {
+ box-shadow: -4px 0 0 0 #6daf22 inset;
+}
+
+.panel-status-button {
+ font-size: 10.5pt;
+ font-weight: 500;
+ -natural-hpadding: 4px;
+ -minimum-hpadding: 4px;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.panel-status-button:hover {
+ color: #e6e6fa;
+}
+
+.system-status-icon {
+ icon-size: 1.14em;
+ padding: 0;
+ spacing: 0;
+}
+
+.system-status-icon.warning {
+ color: #ed9200;
+}
+
+.system-status-icon.error {
+ color: #ff7002;
+}
+
+#overview {
+ spacing: 12px;
+}
+
+.window-caption {
+ font-size: 9pt;
+ font-weight: 400;
+ background-color: rgba(0, 0, 0, 0.01);
+ color: rgba(230, 230, 250, 0.7);
+ padding: 4px 6px;
+ text-align: center;
+ height: 1.5em;
+ -cinnamon-caption-spacing: 12px;
+}
+
+#selected.window-caption, .window-caption:focus {
+ color: #e6e6fa;
+ box-shadow: 0 -3px 0 0 #6daf22 inset;
+}
+
+.workspace-controls {
+ visible-height: 32px;
+}
+
+.workspace-thumbnails-background {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.08);
+ border: none;
+ padding: 8px;
+ border-radius: 10px 0 0 10px;
+}
+
+.workspace-thumbnails-background:rtl {
+ border-radius: 0 10px 10px 0;
+}
+
+.workspace-thumbnails {
+ spacing: 32px;
+}
+
+.workspace-add-button {
+ background-image: url(assets/add-workspace.svg);
+ height: 200px;
+ width: 35px;
+ transition-duration: shorter_duration;
+}
+
+.workspace-add-button:hover {
+ background-image: url(assets/add-workspace-hover.svg);
+}
+
+.workspace-add-button:active {
+ background-image: url(assets/add-workspace-active.svg);
+}
+
+.workspace-close-button, .window-close {
+ background-image: url(assets/close-window.svg);
+ height: 32px;
+ width: 32px;
+ -cinnamon-close-overlap: 20px;
+}
+
+.workspace-close-button:rtl, .window-close:rtl {
+ -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-border {
+ border: 1px solid rgba(230, 230, 250, 0.12);
+}
+
+.window-close-area {
+ background-image: url(assets/trash-icon.png);
+ background-size: 100px;
+ background-color: rgba(0, 0, 0, 0.3);
+ border: 1px solid rgba(230, 230, 250, 0.12);
+ border-bottom-width: 0;
+ border-radius: 20px 20px 0 0;
+ height: 120px;
+ width: 400px;
+}
+
+.expo-background {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+.workspace-overview-background-shade {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+.expo-workspace-thumbnail-frame {
+ border: 1px solid rgba(230, 230, 250, 0.12);
+}
+
+#active.expo-workspace-thumbnail-frame {
+ border: 1px solid #6daf22;
+}
+
+#LookingGlassDialog {
+ spacing: 4px;
+ padding: 8px;
+}
+
+.calendar {
+ padding: 4px 8px;
+ spacing-rows: 2px;
+ spacing-columns: 4px;
+}
+
+.datemenu-date-label {
+ font-size: 15pt;
+ font-weight: 500;
+ height: 24px;
+ margin: 2px;
+ padding: 6px 16px;
+ border-radius: 10px;
+ color: #e6e6fa;
+ text-align: center;
+}
+
+.datemenu-date-label:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.calendar-month-label {
+ font-size: 10.5pt;
+ font-weight: 500;
+ height: 16px;
+ margin: 2px;
+ padding: 6px 16px;
+ border-radius: 10px;
+ color: #e6e6fa;
+ text-align: center;
+}
+
+.calendar-month-label:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.calendar-change-month-back {
+ background-image: url(assets/calendar-arrow-left.svg);
+}
+
+.calendar-change-month-back:rtl {
+ background-image: url(assets/calendar-arrow-right.svg);
+}
+
+.calendar-change-month-forward {
+ background-image: url(assets/calendar-arrow-right.svg);
+}
+
+.calendar-change-month-forward:rtl {
+ background-image: url(assets/calendar-arrow-left.svg);
+}
+
+.calendar-day-base {
+ font-size: 9pt;
+ font-weight: 400;
+ text-align: center;
+ width: 28px;
+ height: 28px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 100px;
+}
+
+.calendar-day-base:hover, .calendar-day-base:focus {
+ background-color: rgba(230, 230, 250, 0.3);
+}
+
+.calendar-day-base:active {
+ color: #303030;
+ background-color: #6daf22;
+ border-color: transparent;
+}
+
+.calendar-week-number {
+ font-size: 9pt;
+ font-weight: 400;
+ width: 21px;
+ height: 28px;
+ margin: 2px;
+ padding: 0;
+ border-radius: 100px;
+ background-color: transparent;
+ color: rgba(230, 230, 250, 0.5);
+ text-align: center;
+}
+
+.calendar-day-heading {
+ font-size: 9pt;
+ font-weight: 400;
+ width: 28px;
+ height: 21px;
+ margin: 2px;
+ padding: 0;
+ border-radius: 100px;
+ background-color: transparent;
+ color: rgba(230, 230, 250, 0.5);
+ text-align: center;
+}
+
+.calendar-day {
+ border-width: 0;
+}
+
+.calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+ color: #e6e6fa;
+}
+
+.calendar-today {
+ font-weight: bold;
+ border: none;
+}
+
+.calendar-day-with-events {
+ color: #6daf22;
+ font-weight: normal;
+ text-decoration: underline;
+ background-image: none;
+}
+
+.calendar-other-month-day {
+ color: rgba(230, 230, 250, 0.3);
+ opacity: 0.5;
+}
+
+.calendar-week-number {
+ width: 28px;
+ height: 21px;
+ margin: 2px;
+ padding: 7px 0 0;
+ border-radius: 100px;
+ background-color: transparent;
+ color: rgba(230, 230, 250, 0.5);
+ font-size: inherit;
+ font-weight: bold;
+ text-align: center;
+}
+
+#notification {
+ background-color: #473a30;
+ border-radius: 10px;
+ border: 1px solid rgba(230, 230, 250, 0.12);
+ padding: 8px;
+ spacing-rows: 4px;
+ spacing-columns: 8px;
+ margin-from-right-edge-of-screen: 20px;
+ width: 34em;
+ color: #e6e6fa;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+}
+
+#notification.multi-line-notification {
+ padding-bottom: 8px;
+}
+
+#notification .url-highlighter {
+ link-color: #6daf22;
+}
+
+.notification-with-image {
+ min-height: 159px;
+ color: #e6e6fa;
+}
+
+#notification-scrollview {
+ max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow {
+ height: 1em;
+}
+
+#notification-scrollview > .bottom-shadow {
+ height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+ padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+ padding-right: 6px;
+}
+
+#notification-body {
+ spacing: 4px;
+}
+
+#notification-actions {
+ spacing: 8px;
+}
+
+.notification-icon-button > StIcon {
+ icon-size: 1.5em;
+}
+
+#altTabPopup {
+ padding: 8px;
+ spacing: 16px;
+}
+
+.switcher-list {
+ transition-duration: 100ms;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 10px;
+}
+
+.switcher-list .item-box:selected {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(230, 230, 250, 0.12);
+}
+
+.switcher-list-item-container {
+ spacing: 8px;
+}
+
+.thumbnail-scroll-gradient-left {
+ background-gradient-direction: horizontal;
+ background-gradient-start: #333333;
+ background-gradient-end: rgba(51, 51, 51, 0);
+ border-radius: 10px;
+ border-radius-topright: 0;
+ border-radius-bottomright: 0;
+ width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+ background-gradient-direction: horizontal;
+ background-gradient-start: rgba(51, 51, 51, 0);
+ background-gradient-end: #333333;
+ border-radius: 10px;
+ border-radius-topleft: 0;
+ border-radius-bottomleft: 0;
+ width: 60px;
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.switcher-arrow:highlighted {
+ color: #e6e6fa;
+}
+
+.switcher-preview-backdrop {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+.ripple-box {
+ width: 104px;
+ height: 104px;
+ background-image: url(assets/corner-ripple.png);
+ background-color: #6daf22;
+ border-radius: 52px;
+}
+
+.modal-dialog {
+ padding: 16px 20px;
+}
+
+.modal-dialog-button-box {
+ spacing: 16px;
+}
+
+.run-dialog-label {
+ color: rgba(230, 230, 250, 0.7);
+ padding-bottom: .4em;
+}
+
+.run-dialog-error-label {
+ color: #ff7002;
+}
+
+.run-dialog-error-box {
+ padding-top: 16px;
+ spacing: 6px;
+}
+
+.run-dialog-completion-box {
+ padding-left: 15px;
+}
+
+.run-dialog {
+ border-radius: 10px;
+ padding: 16px 20px;
+}
+
+.lightbox {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.cinnamon-mount-operation-icon {
+ icon-size: 4.8em;
+}
+
+.mount-password-reask {
+ color: #ed9200;
+}
+
+.show-processes-dialog {
+ spacing: 24px;
+}
+
+.mount-question-dialog {
+ spacing: 24px;
+}
+
+.show-processes-dialog-description:rtl {
+ padding-right: 17px;
+}
+
+.mount-question-dialog-description:rtl {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+ max-height: 200px;
+ padding-top: 24px;
+ padding-left: 49px;
+ padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+ padding-right: 49px;
+ padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+ color: #e6e6fa;
+}
+
+.show-processes-dialog-app-list-item:hover {
+ color: #e6e6fa;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+ padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+ padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+ padding-left: 17px;
+}
+
+.magnifier-zoom-region {
+ border: 3px solid rgba(230, 230, 250, 0.12);
+}
+
+.magnifier-zoom-region.full-screen {
+ border-width: 0;
+}
+
+#keyboard {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+.keyboard-key {
+ font-size: 10.5pt;
+ font-weight: 500;
+}
+
+.keyboard-layout {
+ spacing: 8px;
+ padding: 8px;
+}
+
+.keyboard-row {
+ spacing: 16px;
+}
+
+.keyboard-subkeys {
+ color: inherit;
+ padding: 5px;
+ -arrow-border-radius: 0;
+ -arrow-background-color: transparent;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-base: 0;
+ -arrow-rise: 0;
+ -boxpointer-gap: 5px;
+ background-color: #303030;
+ border-radius: 10px;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+}
+
+.menu-favorites-box {
+ padding: 8px;
+}
+
+.menu-favorites-button {
+ padding: 0.4em 4px;
+}
+
+.menu-favorites-button:hover {
+ background-color: rgba(230, 230, 250, 0.12);
+ border-radius: 10px;
+ color: #e6e6fa;
+}
+
+.menu-categories-box {
+ padding: 8px;
+}
+
+.menu-applications-inner-box {
+ padding: 8px;
+}
+
+.menu-applications-outer-box {
+ padding: 8px;
+ border-radius: 10px;
+}
+
+.menu-application-button {
+ padding: 0.4em 4px;
+}
+
+.menu-application-button:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-selected {
+ padding: 0.4em 4px;
+ background-color: rgba(230, 230, 250, 0.12);
+ border-radius: 10px;
+ color: #e6e6fa;
+}
+
+.menu-application-button-selected:highlighted {
+ font-weight: bold;
+}
+
+.menu-category-button {
+ padding: 0.4em 4px;
+}
+
+.menu-category-button-greyed {
+ padding: 0.4em 4px;
+ color: rgba(230, 230, 250, 0.7);
+ font-style: italic;
+}
+
+.menu-category-button-selected {
+ padding: 0.4em 4px;
+ background-color: rgba(230, 230, 250, 0.12);
+ border-radius: 10px;
+ color: #e6e6fa;
+}
+
+.menu-selected-app-box {
+ padding: 8px;
+ margin-bottom: 4px;
+ text-align: right;
+}
+
+.menu-selected-app-box:rtl {
+ text-align: left;
+}
+
+.menu-selected-app-title {
+ font-size: 9pt;
+ font-weight: 400;
+}
+
+.menu-selected-app-description {
+ font-size: 9pt;
+ font-weight: 400;
+ max-width: 150px;
+}
+
+.menu-search-box:ltr {
+ padding-left: 30px;
+ padding-bottom: 5px;
+ padding-top: 5px;
+}
+
+.menu-search-box:rtl {
+ padding-right: 30px;
+ padding-bottom: 5px;
+ padding-top: 5px;
+}
+
+.menu-search-entry-icon {
+ icon-size: 1em;
+ padding: 0 0;
+ color: rgba(230, 230, 250, 0.5);
+}
+
+.window-list-box {
+ font-size: 9pt;
+ font-weight: 400;
+ spacing: 4px;
+ padding: 0 3px;
+}
+
+.window-list-box.vertical {
+ spacing: 4px;
+ padding: 3px 0;
+}
+
+.window-list-box:highlight {
+ background: rgba(230, 230, 250, 0.3);
+ color: #e6e6fa;
+}
+
+.window-list-item-box {
+ background-color: rgba(0, 0, 0, 0.01);
+ transition-duration: 100ms;
+}
+
+.window-list-item-box:hover {
+ color: #e6e6fa;
+}
+
+.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus {
+ background-color: rgba(230, 230, 250, 0.3);
+ color: #e6e6fa;
+}
+
+.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:focus:hover {
+ color: #e6e6fa;
+}
+
+.window-list-item-box .progress {
+ background-color: #6daf22;
+}
+
+.window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel {
+ padding-left: 3px;
+}
+
+.window-list-item-demands-attention {
+ background-color: #34414c;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.window-list-preview {
+ background-color: #473a30;
+ border-radius: 10px;
+ padding: 10px 15px;
+ spacing: 1em;
+ color: #e6e6fa;
+ box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
+}
+
+.grouped-window-list-thumbnail-label {
+ padding-left: 3px;
+ padding-bottom: 6px;
+}
+
+.grouped-window-list-number-label {
+ font-size: 9pt;
+ font-weight: 400;
+ z-index: 99;
+}
+
+.grouped-window-list-list-button-label {
+ padding-left: 3px;
+}
+
+.grouped-window-list-badge {
+ border-radius: 9999px;
+ background-color: #14212c;
+}
+
+.grouped-window-list-thumbnail-alert {
+ background: #ed9200;
+}
+
+.grouped-window-list-item-box {
+ background-color: rgba(0, 0, 0, 0.01);
+ transition-duration: 100ms;
+}
+
+.grouped-window-list-item-box:hover {
+ color: #e6e6fa;
+}
+
+.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover {
+ color: #e6e6fa;
+}
+
+.grouped-window-list-item-box:focus {
+ background-color: rgba(230, 230, 250, 0.3);
+ color: #e6e6fa;
+}
+
+.grouped-window-list-item-box:focus:hover {
+ color: #e6e6fa;
+}
+
+.grouped-window-list-item-box .progress {
+ background-color: #6daf22;
+}
+
+.grouped-window-list-item-demands-attention {
+ background-color: #34414c;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.grouped-window-list-thumbnail-menu {
+ padding: 20px;
+ border: none;
+ border-radius: 10px;
+ color: rgba(230, 230, 250, 0.7);
+ background: none;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+ padding: 8px;
+ spacing: 2px;
+ border-radius: 10px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+ border: 2px solid rgba(230, 230, 250, 0.12);
+ color: #e6e6fa;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:selected {
+ background: rgba(230, 230, 250, 0.12);
+ color: #e6e6fa;
+}
+
+.grouped-window-list-thumbnail-menu .item-box > StBoxLayout:ltr {
+ margin: 1px 0 0 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box > StBoxLayout:rtl {
+ margin: 1px 6px 0 0;
+}
+
+.grouped-window-list-thumbnail-menu .item-box > StBoxLayout StLabel {
+ padding-bottom: 2px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box > StButton:ltr {
+ margin: 1px 6px 0 0;
+}
+
+.grouped-window-list-thumbnail-menu .item-box > StButton:rtl {
+ margin: 1px 0 0 6px;
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail-box {
+ padding: 2px;
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+ width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+ width: 1px;
+ background: rgba(230, 230, 250, 0.12);
+}
+
+.sound-player StButton:small {
+ min-width: 24px;
+ min-height: 24px;
+ padding: 4px;
+}
+
+.sound-player StButton:small StIcon {
+ icon-size: 1em;
+}
+
+.sound-player StButton StIcon {
+ icon-size: 1.5em;
+}
+
+.sound-player .slider {
+ height: 5px;
+}
+
+.sound-player StBoxLayout {
+ spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout {
+ padding: 5px;
+}
+
+.sound-player-generic-coverart {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+ background-color: #473a30;
+ min-width: 300px;
+ padding: 12px 16px;
+ spacing: 0.5em;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.workspace-button {
+ background-color: #14212c;
+ width: 2em;
+ height: 1em;
+ color: rgba(230, 230, 250, 0.7);
+ margin: 2px;
+}
+
+.workspace-button:outlined {
+ background-color: rgba(230, 230, 250, 0.3);
+ color: #e6e6fa;
+}
+
+.workspace-graph {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+.workspace-graph .workspace {
+ background-color: #14212c;
+ border: 1px solid rgba(230, 230, 250, 0.12);
+}
+
+.workspace-graph .workspace:active {
+ background-color: rgba(230, 230, 250, 0.3);
+ border: 1px solid rgba(230, 230, 250, 0.12);
+}
+
+.workspace-graph .workspace:active .windows {
+ -active-window-background: rgba(255, 255, 255, 0.8);
+ -active-window-border: rgba(0, 0, 0, 0.9);
+ -inactive-window-background: rgba(140, 140, 140, 0.8);
+ -inactive-window-border: rgba(0, 0, 0, 0.7);
+}
+
+.workspace-graph .workspace .windows {
+ -active-window-background: rgba(140, 140, 140, 0.8);
+ -active-window-border: rgba(0, 0, 0, 0.7);
+ -inactive-window-background: rgba(140, 140, 140, 0.8);
+ -inactive-window-border: rgba(0, 0, 0, 0.7);
+}
+
+.panel-launchers {
+ padding: 0 4px;
+ spacing: 4px;
+ transition-duration: 100ms;
+}
+
+.panel-launchers .launcher {
+ background-color: rgba(0, 0, 0, 0.01);
+}
+
+.panel-launchers.vertical {
+ padding: 4px 0;
+ spacing: 4px;
+}
+
+.panel-launchers.vertical .launcher .icon-box {
+ padding-top: 0;
+}
+
+.applet-separator-line, .applet-separator-line-vertical {
+ width: 2px;
+ background: rgba(230, 230, 250, 0.12);
+}
+
+.applet-spacer:highlight {
+ background: rgba(255, 255, 255, 0.1);
+}
+
+.applet-box {
+ background-color: rgba(0, 0, 0, 0.01);
+ color: rgba(230, 230, 250, 0.7);
+ transition-duration: 100ms;
+}
+
+.applet-box:checked {
+ color: #e6e6fa;
+}
+
+.applet-box:checked .applet-label {
+ color: #e6e6fa;
+}
+
+.applet-box:hover {
+ color: #e6e6fa;
+}
+
+.applet-box:hover .applet-label {
+ color: #e6e6fa;
+}
+
+.applet-box:highlight {
+ background: rgba(230, 230, 250, 0.3);
+ color: #e6e6fa;
+}
+
+.applet-box:highlight .applet-label {
+ color: #e6e6fa;
+}
+
+.applet-label {
+ font-size: 10.5pt;
+ font-weight: 500;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.applet-icon {
+ color: rgba(230, 230, 250, 0.7);
+ padding: 0;
+ spacing: 0;
+ icon-size: 22px;
+}
+
+.desklet {
+ font-size: 9pt;
+ font-weight: 400;
+ color: #e6e6fa;
+ border: none;
+ box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
+ padding: 12px;
+ background-color: rgba(0, 0, 0, 0.3);
+ border-radius: 10px;
+}
+
+.desklet-with-borders {
+ font-size: 9pt;
+ font-weight: 400;
+ background-color: #473a30;
+ border-radius: 10px;
+}
+
+.desklet-with-borders:highlight {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.desklet-with-borders-and-header {
+ font-size: 9pt;
+ font-weight: 400;
+ background-color: #473a30;
+ border-radius-bottomleft: 2px;
+ border-radius-bottomright: 2px;
+}
+
+.desklet-with-borders-and-header:highlight {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.desklet-header {
+ font-size: 15pt;
+ font-weight: 500;
+ background-color: #473a30;
+ border-radius-topleft: 2px;
+ border-radius-topright: 2px;
+}
+
+.desklet-header:highlight {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.photoframe-box {
+ background-color: #473a30;
+ border-radius: 10px;
+}
+
+.photoframe-box:highlight {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+.desklet-drag-placeholder {
+ border: 2px solid #6daf22;
+ background-color: rgba(0, 0, 0, 0.3);
+ border-radius: 10px;
+}
+
+.launcher {
+ padding: 1px;
+}
+
+.launcher .icon-box {
+ padding-top: 2px;
+}
+
+.about-content {
+ min-width: 250px;
+ min-height: 150px;
+ spacing: 8px;
+ padding-bottom: 16px;
+}
+
+.about-title {
+ font-size: 15pt;
+ font-weight: 500;
+}
+
+.about-uuid {
+ font-size: 9pt;
+ font-weight: 400;
+}
+
+.about-icon {
+ padding-right: 20px;
+}
+
+.about-scrollBox {
+ border: 1px solid rgba(230, 230, 250, 0.12);
+ border-radius: 10px;
+}
+
+.about-scrollBox-innerBox {
+ padding: 1.2em;
+ spacing: 1.2em;
+}
+
+.about-description {
+ padding-top: 4px;
+}
+
+.about-version {
+ padding-left: 7px;
+}
+
+.expo-workspaces-name-entry {
+ font-size: 11.25pt;
+ font-weight: 400;
+ background-color: rgba(230, 230, 250, 0.04);
+ color: #e6e6fa;
+ padding: 0 8px;
+ selection-background-color: rgba(230, 230, 250, 0.3);
+ selected-color: #e6e6fa;
+ caret-color: #e6e6fa;
+ text-align: center;
+ height: 32px;
+ border-radius: 10px 10px 0 0;
+ -cinnamon-caption-spacing: 12px;
+}
+
+#selected.expo-workspaces-name-entry {
+ color: #e6e6fa;
+ background-color: rgba(230, 230, 250, 0.3);
+}
+
+.expo-workspaces-name-entry:focus {
+ color: #e6e6fa;
+ box-shadow: inset 0 -2px #e6e6fa;
+}
+
+.expo-workspaces-name-entry:hover {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.notification-applet-padding {
+ padding: .5em 1em;
+}
+
+.notification-applet-container {
+ max-height: 100px;
+}
+
+.check-box CinnamonGenericContainer {
+ spacing: 8px;
+}
+
+.check-box:focus:checked StBin {
+ background-image: url(assets/checkbox.svg);
+}
+
+.check-box:checked StBin {
+ background-image: url(assets/checkbox.svg);
+}
+
+.radiobutton CinnamonGenericContainer {
+ spacing: 8px;
+}
+
+.radiobutton:focus:checked StBin {
+ background-image: url(assets/radiobutton.svg);
+}
+
+.radiobutton:checked StBin {
+ background-image: url(assets/radiobutton.svg);
+}
+
+.flashspot {
+ background-color: #6daf22;
+}
+
+.osd-window {
+ spacing: 1em;
+ padding: 16px;
+}
+
+.osd-window .level {
+ height: 0.7em;
+ border-radius: 0.3em;
+ background-color: rgba(230, 230, 250, 0.3);
+}
+
+.osd-window .level-bar {
+ border-radius: 0.3em;
+ background-color: #6daf22;
+}
+
+.tile-hud:top {
+ border-top-width: 0;
+ border-radius: 0 0 10px 10px;
+}
+
+.tile-hud:bottom {
+ border-bottom-width: 0;
+ border-radius: 10px 10px 0 0;
+}
+
+.tile-hud:left {
+ border-left-width: 0;
+ border-radius: 0 10px 10px 0;
+}
+
+.tile-hud:right {
+ border-right-width: 0;
+ border-radius: 10px 0 0 10px;
+}
+
+.tile-hud:top-left {
+ border-top-width: 0;
+ border-left-width: 0;
+ border-radius: 0 0 10px 0;
+}
+
+.tile-hud:top-right {
+ border-top-width: 0;
+ border-right-width: 0;
+ border-radius: 0 0 0 10px;
+}
+
+.tile-hud:bottom-left {
+ border-bottom-width: 0;
+ border-left-width: 0;
+ border-radius: 0 10px 0 0;
+}
+
+.tile-hud:bottom-right {
+ border-bottom-width: 0;
+ border-right-width: 0;
+ border-radius: 10px 0 0 0;
+}
+
+.systray {
+ spacing: 4px;
+}
+
+.user-box {
+ padding: 0.4em 1.3em;
+ spacing: 10px;
+}
+
+.user-icon {
+ padding: 4px;
+ border: none;
+}
+
+.user-label {
+ font-size: 10.5pt;
+ font-weight: 500;
+ color: #e6e6fa;
+}
diff --git a/cinnamon/thumbnail.png b/cinnamon/thumbnail.png
new file mode 100644
index 0000000..ac66aa1
Binary files /dev/null and b/cinnamon/thumbnail.png differ
diff --git a/gnome-shell/README.md b/gnome-shell/README.md
new file mode 100644
index 0000000..90cd370
--- /dev/null
+++ b/gnome-shell/README.md
@@ -0,0 +1,47 @@
+# How to change the GDM theme
+
+To change the GDM (lock/login screen) theme, you need to replace the system's _default_ GNOME Shell theme.
+
+## :warning: Cautions :warning:
+
+- If the replacement fails, your desktop environment will not work properly. So please **be careful** if doing this.
+- When applying this, other third-party GNOME Shell themes would look broken until you restore to the original theme.
+- If GNOME Shell has been updated and restored to the original theme, you will need to install this again.
+ > Note: On Arch Linux, you can automatically reinstall the GDM theme by creating a [hook](https://wiki.archlinux.org/index.php/Pacman#Hooks) file. For example, if you use othis theme as your GDM theme, put [this file](https://gist.github.com/looselyrigorous/a1aa931ce48627cc39daccc9253b30c7) in the `/usr/share/libalpm/hooks/` directory.
+
+## Requirements
+
+- `glib-compile-resources` — The package name depends on the distro.
+ - `glib2` (Arch Linux)
+ - `glib2-devel` (Fedora, openSUSE, etc.)
+ - `libglib2.0-dev-bin` (Debian, Ubuntu, etc.)
+- `libxml2-utils` — Ubuntu users only.
+
+## Installation
+
+1. **Back up** the original theme file first. If you are already using a custom GDM theme, skip this:
+
+ ```sh
+ sudo cp -av /usr/share/gnome-shell/gnome-shell-theme.gresource{,~}
+ ```
+
+2. Select a **GTK** theme to decide which variant to install.
+3. Replace the default theme file:
+
+ ```sh
+ GTK_THEME=$(gsettings get org.gnome.desktop.interface gtk-theme | sed "s/'//g")
+ cd /usr/share/themes/${GTK_THEME}/gnome-shell
+ sudo glib-compile-resources --target=/usr/share/gnome-shell/gnome-shell-theme.gresource gnome-shell-theme.gresource.xml
+ ```
+
+4. Reload the theme. If you are running GNOME Shell, press Alt + F2 then type `rt`.
+
+## Uninstallation
+
+1. Restore to the original theme file from the backup:
+
+ ```sh
+ sudo mv -v /usr/share/gnome-shell/gnome-shell-theme.gresource{~,}
+ ```
+
+2. Reload the theme. If you are running GNOME Shell, press Alt + F2 then type `rt`.
diff --git a/gnome-shell/assets/calendar-arrow-left.svg b/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..fe78461
--- /dev/null
+++ b/gnome-shell/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/calendar-arrow-right.svg b/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..e191ec9
--- /dev/null
+++ b/gnome-shell/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/checkbox-off.svg b/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 0000000..3f35c68
--- /dev/null
+++ b/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/checkbox.svg b/gnome-shell/assets/checkbox.svg
new file mode 100644
index 0000000..34b7b15
--- /dev/null
+++ b/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/close.svg b/gnome-shell/assets/close.svg
new file mode 100644
index 0000000..e8e19c7
--- /dev/null
+++ b/gnome-shell/assets/close.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/dash-placeholder.svg b/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 0000000..0e2888d
--- /dev/null
+++ b/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+
diff --git a/gnome-shell/assets/dash/bottom-running1-focused.svg b/gnome-shell/assets/dash/bottom-running1-focused.svg
new file mode 100644
index 0000000..f764245
--- /dev/null
+++ b/gnome-shell/assets/dash/bottom-running1-focused.svg
@@ -0,0 +1,4 @@
+
diff --git a/gnome-shell/assets/dash/bottom-running1.svg b/gnome-shell/assets/dash/bottom-running1.svg
new file mode 100644
index 0000000..74fcc9e
--- /dev/null
+++ b/gnome-shell/assets/dash/bottom-running1.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/dash/bottom-running2-focused.svg b/gnome-shell/assets/dash/bottom-running2-focused.svg
new file mode 100644
index 0000000..538300c
--- /dev/null
+++ b/gnome-shell/assets/dash/bottom-running2-focused.svg
@@ -0,0 +1,5 @@
+
diff --git a/gnome-shell/assets/dash/bottom-running2.svg b/gnome-shell/assets/dash/bottom-running2.svg
new file mode 100644
index 0000000..3d95014
--- /dev/null
+++ b/gnome-shell/assets/dash/bottom-running2.svg
@@ -0,0 +1,4 @@
+
diff --git a/gnome-shell/assets/dash/bottom-running3-focused.svg b/gnome-shell/assets/dash/bottom-running3-focused.svg
new file mode 100644
index 0000000..3dd1c5c
--- /dev/null
+++ b/gnome-shell/assets/dash/bottom-running3-focused.svg
@@ -0,0 +1,6 @@
+
diff --git a/gnome-shell/assets/dash/bottom-running3.svg b/gnome-shell/assets/dash/bottom-running3.svg
new file mode 100644
index 0000000..4423834
--- /dev/null
+++ b/gnome-shell/assets/dash/bottom-running3.svg
@@ -0,0 +1,5 @@
+
diff --git a/gnome-shell/assets/dash/bottom-running4-focused.svg b/gnome-shell/assets/dash/bottom-running4-focused.svg
new file mode 100644
index 0000000..06cd06a
--- /dev/null
+++ b/gnome-shell/assets/dash/bottom-running4-focused.svg
@@ -0,0 +1,7 @@
+
diff --git a/gnome-shell/assets/dash/bottom-running4.svg b/gnome-shell/assets/dash/bottom-running4.svg
new file mode 100644
index 0000000..30e1029
--- /dev/null
+++ b/gnome-shell/assets/dash/bottom-running4.svg
@@ -0,0 +1,6 @@
+
diff --git a/gnome-shell/assets/dash/left-running1-focused.svg b/gnome-shell/assets/dash/left-running1-focused.svg
new file mode 100644
index 0000000..1bc6d50
--- /dev/null
+++ b/gnome-shell/assets/dash/left-running1-focused.svg
@@ -0,0 +1,4 @@
+
diff --git a/gnome-shell/assets/dash/left-running1.svg b/gnome-shell/assets/dash/left-running1.svg
new file mode 100644
index 0000000..e6520af
--- /dev/null
+++ b/gnome-shell/assets/dash/left-running1.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/dash/left-running2-focused.svg b/gnome-shell/assets/dash/left-running2-focused.svg
new file mode 100644
index 0000000..b2cbe87
--- /dev/null
+++ b/gnome-shell/assets/dash/left-running2-focused.svg
@@ -0,0 +1,5 @@
+
diff --git a/gnome-shell/assets/dash/left-running2.svg b/gnome-shell/assets/dash/left-running2.svg
new file mode 100644
index 0000000..6e020b5
--- /dev/null
+++ b/gnome-shell/assets/dash/left-running2.svg
@@ -0,0 +1,4 @@
+
diff --git a/gnome-shell/assets/dash/left-running3-focused.svg b/gnome-shell/assets/dash/left-running3-focused.svg
new file mode 100644
index 0000000..199c702
--- /dev/null
+++ b/gnome-shell/assets/dash/left-running3-focused.svg
@@ -0,0 +1,6 @@
+
diff --git a/gnome-shell/assets/dash/left-running3.svg b/gnome-shell/assets/dash/left-running3.svg
new file mode 100644
index 0000000..036db6e
--- /dev/null
+++ b/gnome-shell/assets/dash/left-running3.svg
@@ -0,0 +1,5 @@
+
diff --git a/gnome-shell/assets/dash/left-running4-focused.svg b/gnome-shell/assets/dash/left-running4-focused.svg
new file mode 100644
index 0000000..dedaee0
--- /dev/null
+++ b/gnome-shell/assets/dash/left-running4-focused.svg
@@ -0,0 +1,7 @@
+
diff --git a/gnome-shell/assets/dash/left-running4.svg b/gnome-shell/assets/dash/left-running4.svg
new file mode 100644
index 0000000..047be09
--- /dev/null
+++ b/gnome-shell/assets/dash/left-running4.svg
@@ -0,0 +1,6 @@
+
diff --git a/gnome-shell/assets/dash/right-running1-focused.svg b/gnome-shell/assets/dash/right-running1-focused.svg
new file mode 100644
index 0000000..b062b75
--- /dev/null
+++ b/gnome-shell/assets/dash/right-running1-focused.svg
@@ -0,0 +1,4 @@
+
diff --git a/gnome-shell/assets/dash/right-running1.svg b/gnome-shell/assets/dash/right-running1.svg
new file mode 100644
index 0000000..edfea7b
--- /dev/null
+++ b/gnome-shell/assets/dash/right-running1.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/dash/right-running2-focused.svg b/gnome-shell/assets/dash/right-running2-focused.svg
new file mode 100644
index 0000000..680f55e
--- /dev/null
+++ b/gnome-shell/assets/dash/right-running2-focused.svg
@@ -0,0 +1,5 @@
+
diff --git a/gnome-shell/assets/dash/right-running2.svg b/gnome-shell/assets/dash/right-running2.svg
new file mode 100644
index 0000000..bfda115
--- /dev/null
+++ b/gnome-shell/assets/dash/right-running2.svg
@@ -0,0 +1,4 @@
+
diff --git a/gnome-shell/assets/dash/right-running3-focused.svg b/gnome-shell/assets/dash/right-running3-focused.svg
new file mode 100644
index 0000000..7017dd6
--- /dev/null
+++ b/gnome-shell/assets/dash/right-running3-focused.svg
@@ -0,0 +1,6 @@
+
diff --git a/gnome-shell/assets/dash/right-running3.svg b/gnome-shell/assets/dash/right-running3.svg
new file mode 100644
index 0000000..54f7109
--- /dev/null
+++ b/gnome-shell/assets/dash/right-running3.svg
@@ -0,0 +1,5 @@
+
diff --git a/gnome-shell/assets/dash/right-running4-focused.svg b/gnome-shell/assets/dash/right-running4-focused.svg
new file mode 100644
index 0000000..7c73c6e
--- /dev/null
+++ b/gnome-shell/assets/dash/right-running4-focused.svg
@@ -0,0 +1,7 @@
+
diff --git a/gnome-shell/assets/dash/right-running4.svg b/gnome-shell/assets/dash/right-running4.svg
new file mode 100644
index 0000000..00d6b01
--- /dev/null
+++ b/gnome-shell/assets/dash/right-running4.svg
@@ -0,0 +1,6 @@
+
diff --git a/gnome-shell/assets/dash/top-running1-focused.svg b/gnome-shell/assets/dash/top-running1-focused.svg
new file mode 100644
index 0000000..4ed5ba8
--- /dev/null
+++ b/gnome-shell/assets/dash/top-running1-focused.svg
@@ -0,0 +1,4 @@
+
diff --git a/gnome-shell/assets/dash/top-running1.svg b/gnome-shell/assets/dash/top-running1.svg
new file mode 100644
index 0000000..8001736
--- /dev/null
+++ b/gnome-shell/assets/dash/top-running1.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/dash/top-running2-focused.svg b/gnome-shell/assets/dash/top-running2-focused.svg
new file mode 100644
index 0000000..4e3ebb2
--- /dev/null
+++ b/gnome-shell/assets/dash/top-running2-focused.svg
@@ -0,0 +1,5 @@
+
diff --git a/gnome-shell/assets/dash/top-running2.svg b/gnome-shell/assets/dash/top-running2.svg
new file mode 100644
index 0000000..262cb79
--- /dev/null
+++ b/gnome-shell/assets/dash/top-running2.svg
@@ -0,0 +1,4 @@
+
diff --git a/gnome-shell/assets/dash/top-running3-focused.svg b/gnome-shell/assets/dash/top-running3-focused.svg
new file mode 100644
index 0000000..68088d8
--- /dev/null
+++ b/gnome-shell/assets/dash/top-running3-focused.svg
@@ -0,0 +1,6 @@
+
diff --git a/gnome-shell/assets/dash/top-running3.svg b/gnome-shell/assets/dash/top-running3.svg
new file mode 100644
index 0000000..94b839f
--- /dev/null
+++ b/gnome-shell/assets/dash/top-running3.svg
@@ -0,0 +1,5 @@
+
diff --git a/gnome-shell/assets/dash/top-running4-focused.svg b/gnome-shell/assets/dash/top-running4-focused.svg
new file mode 100644
index 0000000..2481421
--- /dev/null
+++ b/gnome-shell/assets/dash/top-running4-focused.svg
@@ -0,0 +1,7 @@
+
diff --git a/gnome-shell/assets/dash/top-running4.svg b/gnome-shell/assets/dash/top-running4.svg
new file mode 100644
index 0000000..cf37903
--- /dev/null
+++ b/gnome-shell/assets/dash/top-running4.svg
@@ -0,0 +1,6 @@
+
diff --git a/gnome-shell/assets/key-enter.svg b/gnome-shell/assets/key-enter.svg
new file mode 100644
index 0000000..6b1dc1e
--- /dev/null
+++ b/gnome-shell/assets/key-enter.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/key-hide.svg b/gnome-shell/assets/key-hide.svg
new file mode 100644
index 0000000..45ecf6a
--- /dev/null
+++ b/gnome-shell/assets/key-hide.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/key-layout.svg b/gnome-shell/assets/key-layout.svg
new file mode 100644
index 0000000..651dc74
--- /dev/null
+++ b/gnome-shell/assets/key-layout.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/key-shift-latched-uppercase.svg b/gnome-shell/assets/key-shift-latched-uppercase.svg
new file mode 100644
index 0000000..9006d0e
--- /dev/null
+++ b/gnome-shell/assets/key-shift-latched-uppercase.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/key-shift-uppercase.svg b/gnome-shell/assets/key-shift-uppercase.svg
new file mode 100644
index 0000000..0bbcd87
--- /dev/null
+++ b/gnome-shell/assets/key-shift-uppercase.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/key-shift.svg b/gnome-shell/assets/key-shift.svg
new file mode 100644
index 0000000..662eac8
--- /dev/null
+++ b/gnome-shell/assets/key-shift.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/no-events.svg b/gnome-shell/assets/no-events.svg
new file mode 100644
index 0000000..709dc15
--- /dev/null
+++ b/gnome-shell/assets/no-events.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/no-notifications.svg b/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 0000000..c655af5
--- /dev/null
+++ b/gnome-shell/assets/no-notifications.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/assets/toggle-off.svg b/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 0000000..da4e501
--- /dev/null
+++ b/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,4 @@
+
diff --git a/gnome-shell/assets/toggle-on.svg b/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 0000000..00a3fcf
--- /dev/null
+++ b/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,4 @@
+
diff --git a/gnome-shell/assets/window-close-active.svg b/gnome-shell/assets/window-close-active.svg
new file mode 100644
index 0000000..41b2c18
--- /dev/null
+++ b/gnome-shell/assets/window-close-active.svg
@@ -0,0 +1,5 @@
+
diff --git a/gnome-shell/assets/window-close.svg b/gnome-shell/assets/window-close.svg
new file mode 100644
index 0000000..0161943
--- /dev/null
+++ b/gnome-shell/assets/window-close.svg
@@ -0,0 +1,5 @@
+
diff --git a/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css b/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css
new file mode 100644
index 0000000..2f3aa20
--- /dev/null
+++ b/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css
@@ -0,0 +1,519 @@
+#workspacestodockTriggerSpacer {
+ background-color: none;
+}
+
+#workspacestodockContainerWrapper {
+ background-color: none;
+}
+
+#workspacestodockContainer {
+ background-color: none;
+}
+
+#workspacestodockDockWrapper {
+}
+
+#workspacestodockDock {
+ padding: 0;
+}
+
+#workspacestodockDock .workspace-thumbnails {
+ background-color: #37474F;
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+#workspacestodockDock:overview .workspace-thumbnails {
+ background-color: rgba(255, 255, 255, 0.1);
+}
+
+#workspacestodockDock.fullheight:overview .workspace-thumbnails {
+ background-color: transparent;
+}
+
+#workspacestodockDock .workspace-thumbnail-indicator {
+ border-left-width: 0;
+}
+
+#workspacestodockDock.right .workspace-thumbnail-indicator {
+ border-left-width: 2px;
+}
+
+#workspacestodockDock.left .workspace-thumbnail-indicator {
+ border-right-width: 2px;
+}
+
+#workspacestodockDock.top .workspace-thumbnail-indicator {
+ border-bottom-width: 2px;
+}
+
+#workspacestodockDock.bottom .workspace-thumbnail-indicator {
+ border-top-width: 2px;
+}
+
+#workspacestodockDock.right .workspace-thumbnails {
+ border-radius: 4px 0 0 4px;
+}
+
+#workspacestodockDock.left .workspace-thumbnails {
+ border-radius: 0 4px 4px 0;
+}
+
+#workspacestodockDock.top .workspace-thumbnails {
+ border-radius: 0 0 4px 4px;
+}
+
+#workspacestodockDock.bottom .workspace-thumbnails {
+ border-radius: 4px 4px 0 0;
+}
+
+#workspacestodockDock.right.inside .workspace-thumbnails {
+ border-radius: 0;
+}
+
+#workspacestodockDock.left.inside .workspace-thumbnails {
+ border-radius: 0;
+}
+
+#workspacestodockDock.top.inside .workspace-thumbnails {
+ border-radius: 0;
+}
+
+#workspacestodockDock.bottom.inside .workspace-thumbnails {
+ border-radius: 0;
+}
+
+#workspacestodockDock.right.fullheight .workspace-thumbnails {
+ border-radius: 0;
+}
+
+#workspacestodockDock.left.fullheight .workspace-thumbnails {
+ border-radius: 0;
+}
+
+#workspacestodockDock.top.fullheight .workspace-thumbnails {
+ border-radius: 0;
+}
+
+#workspacestodockDock.bottom.fullheight .workspace-thumbnails {
+ border-radius: 0;
+}
+
+#workspacestodockDock .workspacestodock-shortcuts-panel {
+ border: 0 solid rgba(255, 255, 255, 0.12);
+}
+
+#workspacestodockDock.right .workspacestodock-shortcuts-panel {
+ border-radius: 0;
+ padding: 0;
+ spacing: 0;
+ border-left: 1px;
+ border-right: none;
+}
+
+#workspacestodockDock.left .workspacestodock-shortcuts-panel {
+ border-radius: 0;
+ padding: 0;
+ spacing: 0;
+ border-left: none;
+ border-right: 1px;
+}
+
+#workspacestodockDock.top .workspacestodock-shortcuts-panel {
+ border-radius: 0;
+ padding: 0;
+ spacing: 0;
+ border-top: none;
+ border-bottom: 1px;
+}
+
+#workspacestodockDock.bottom .workspacestodock-shortcuts-panel {
+ border-radius: 0;
+ padding: 0;
+ spacing: 0;
+ border-top: 1px;
+ border-bottom: none;
+}
+
+#workspacestodockDock.right.inside .workspacestodock-shortcuts-panel {
+ border-radius: 4px 0 0 4px;
+ padding: 0;
+ spacing: 0;
+ border-left: none;
+ border-right: 1px;
+}
+
+#workspacestodockDock.left.inside .workspacestodock-shortcuts-panel {
+ border-radius: 0 4px 4px 0;
+ padding: 0;
+ spacing: 0;
+ border-left: 1px;
+ border-right: none;
+}
+
+#workspacestodockDock.top.inside .workspacestodock-shortcuts-panel {
+ border-radius: 0 0 4px 4px;
+ padding: 0;
+ spacing: 0;
+ border-top: 1px;
+ border-bottom: none;
+}
+
+#workspacestodockDock.bottom.inside .workspacestodock-shortcuts-panel {
+ border-radius: 4px 4px 0 0;
+ padding: 0;
+ spacing: 0;
+ border-top: none;
+ border-bottom: 1px;
+}
+
+#workspacestodockDock.right.fullheight .workspacestodock-shortcuts-panel {
+ border-radius: 0;
+}
+
+#workspacestodockDock.left.fullheight .workspacestodock-shortcuts-panel {
+ border-radius: 0;
+}
+
+#workspacestodockDock.top.fullheight .workspacestodock-shortcuts-panel {
+ border-radius: 0;
+}
+
+#workspacestodockDock.bottom.fullheight .workspacestodock-shortcuts-panel {
+ border-radius: 0;
+}
+
+#workspacestodockDock .workspacestodock-shortcuts-panel > * {
+ border: 0 !important;
+}
+
+.workspacestodock-shortcuts-panel-popupmenu {
+ padding: 2px;
+ spacing: 0;
+}
+
+.workspacestodock-shortcuts-panel-favorites {
+}
+
+.workspacestodock-shortcuts-panel-running {
+}
+
+.workspacestodock-shortcuts-panel-places {
+}
+
+/* shortcuts panel buttons */
+#workspacestodockDock .app-well-app {
+}
+
+#workspacestodockDock .workspacestodock-shortcuts-panel > StButton {
+ background-size: cover;
+}
+
+#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton,
+#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton {
+ padding: 3px 6px;
+}
+
+#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:first-child,
+#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:first-child {
+ padding: 6px 6px 3px 6px;
+}
+
+#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:last-child,
+#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:last-child {
+ padding: 3px 6px 6px 6px;
+}
+
+#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton,
+#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton {
+ padding: 6px 3px;
+}
+
+#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:first-child,
+#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:first-child {
+ padding: 6px 3px 6px 6px;
+}
+
+#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:last-child,
+#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:last-child {
+ padding: 6px 6px 6px 3px;
+}
+
+.workspacestodock-shortcut-button {
+}
+
+.workspacestodock-shortcut-button-symbolic {
+}
+
+/* shortcuts panel button icons */
+#workspacestodockDock .app-well-app > .overview-icon {
+}
+
+.workspacestodock-shortcut-button-icon {
+ padding: 6px;
+}
+
+.workspacestodock-shortcut-button-symbolic-icon {
+ padding: 8px;
+}
+
+/* shortcuts panel items */
+#workspacestodockDock .popup-separator-menu-item {
+ margin: 0;
+}
+
+.workspacestodock-shortcut-panel-separator {
+ -margin-horizontal: 0;
+}
+
+.workspacestodock-shortcut-panel-filler {
+ -margin-horizontal: 0;
+ height: 0;
+ padding: 0;
+ border: none;
+}
+
+/* shortcuts panel button window count indicators */
+#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 {
+ background-image: url("../../assets/dash/right-running1.svg");
+}
+
+#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 {
+ background-image: url("../../assets/dash/left-running1.svg");
+}
+
+#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 {
+ background-image: url("../../assets/dash/top-running1.svg");
+}
+
+#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 {
+ background-image: url("../../assets/dash/bottom-running1.svg");
+}
+
+#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 {
+ background-image: url("../../assets/dash/right-running2.svg");
+}
+
+#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 {
+ background-image: url("../../assets/dash/left-running2.svg");
+}
+
+#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 {
+ background-image: url("../../assets/dash/top-running2.svg");
+}
+
+#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 {
+ background-image: url("../../assets/dash/bottom-running2.svg");
+}
+
+#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 {
+ background-image: url("../../assets/dash/right-running3.svg");
+}
+
+#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 {
+ background-image: url("../../assets/dash/left-running3.svg");
+}
+
+#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 {
+ background-image: url("../../assets/dash/top-running3.svg");
+}
+
+#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 {
+ background-image: url("../../assets/dash/bottom-running3.svg");
+}
+
+#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 {
+ background-image: url("../../assets/dash/right-running4.svg");
+}
+
+#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 {
+ background-image: url("../../assets/dash/left-running4.svg");
+}
+
+#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 {
+ background-image: url("../../assets/dash/top-running4.svg");
+}
+
+#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 {
+ background-image: url("../../assets/dash/bottom-running4.svg");
+}
+
+.workspacestodock-workspace-caption-container {
+ padding: 0;
+}
+
+.workspacestodock-workspace-caption-background {
+ background-color: rgba(0, 0, 0, 0.6);
+ /* border-radius: 0 0 4px 4px; */
+}
+
+.workspacestodock-workspace-caption-background.caption-top {
+ /* border-radius: 4px 4px 0 0; */
+}
+
+.workspacestodock-workspace-caption {
+}
+
+/* caption window apps (taskbar) */
+.workspacestodock-caption-windowapps {
+ padding: 0;
+}
+
+.workspacestodock-caption-windowapps-menu {
+ -boxpointer-gap: 12px;
+}
+
+.workspacestodock-caption-windowapps-menu .popup-menu-item {
+ min-height: 24px;
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+.workspacestodock-caption-windowapps-menu .popup-menu-item:active {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.workspacestodock-caption-windowapps-menu .popup-menu-item.selected:active {
+ background-color: rgba(0, 0, 0, 0.24);
+}
+
+.workspacestodock-caption-windowapps-menu-item {
+ /*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */
+}
+
+.workspacestodock-caption-windowapps-menu-item:active {
+ /*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */
+}
+
+.workspacestodock-caption-windowapps-menu-icon {
+}
+
+.workspacestodock-caption-windowapps-menu-label {
+ padding: 0 8px;
+}
+
+.workspacestodock-caption-windowapps-menu .window-close {
+ /* GS36+ can override gnome shell class 'window-close' */
+ border-radius: 100px;
+ -st-background-image-shadow: none;
+ background-image: url("../../assets/close.svg");
+ background-size: 24px;
+ height: 24px;
+ width: 24px;
+}
+
+.workspacestodock-caption-windowapps-menu .window-close:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.workspacestodock-caption-windowapps-menu .window-close:active {
+ background-color: rgba(0, 0, 0, 0.24);
+}
+
+.workspacestodock-caption-windowapps-menu-close {
+ /*fallback class for GS34 since it can't override gnome shell class 'window-close' */
+}
+
+.workspacestodock-caption-windowapps-menu-close:hover {
+ /*fallback class for GS34 since it can't override gnome shell class 'window-close' */
+}
+
+.workspacestodock-caption-windowapps-button {
+ padding: 0;
+}
+
+.workspacestodock-caption-windowapps-button-icon {
+ padding: 2px;
+ background-color: rgba(0, 0, 0, 0.01); /* needs to draw box-shadow */
+}
+
+.workspacestodock-caption-windowapps-button:active > .workspacestodock-caption-windowapps-button-icon {
+ box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3);
+}
+
+.workspacestodock-caption-windowapps-button-active > .workspacestodock-caption-windowapps-button-icon {
+ box-shadow: inset 0 -2px #FFFFFF;
+}
+
+/* caption workspace number */
+.workspacestodock-caption-number {
+ margin: 1px;
+ padding: 0 10px;
+ border-radius: 0;
+ background-color: rgba(255, 255, 255, 0.3);
+ color: #FFFFFF;
+ font-size: 9pt;
+ font-weight: bold;
+ text-align: center;
+}
+
+/* caption workspace name */
+.workspacestodock-caption-name {
+ margin: 0 4px;
+ color: rgba(255, 255, 255, 0.6);
+ font-size: 9pt;
+ text-align: center;
+}
+
+/* caption workspace windowcount */
+.workspacestodock-caption-windowcount {
+ /* min-width: 16px; */
+ margin: 0px 4px;
+ padding: 0px 4px;
+ color: #FFFFFF;
+ font-size: 9pt;
+ font-weight: bold;
+ text-align: center;
+}
+
+/* caption workspace windowcount image*/
+.workspacestodock-caption-windowcount-image {
+ width: 20px;
+ height: 20px;
+ margin: 1px;
+ border-radius: 0;
+ background-color: #FF4081;
+ color: #FFFFFF;
+ font-size: 9pt;
+ font-weight: bold;
+ text-align: center;
+}
+
+/* The classes below are used in conjunction with the above workspacestodock-caption-windowcount-image
+ * They provide background images that corespond with the window count */
+.workspacestodock-caption-windowcount-image-1 {
+}
+
+.workspacestodock-caption-windowcount-image-2 {
+}
+
+.workspacestodock-caption-windowcount-image-3 {
+}
+
+.workspacestodock-caption-windowcount-image-4 {
+}
+
+/* caption spacer-filler */
+.workspacestodock-caption-spacer {
+ width: 4px;
+}
+
+/* The classes below are used in conjuction with the above classes
+ * They provide additional theming for the current workspace caption */
+.workspacestodock-workspace-caption-background-current {
+}
+
+.workspacestodock-workspace-caption-background-current.caption-top {
+}
+
+.workspacestodock-caption-number-current {
+ /* background-color: #42A5F5; */
+}
+
+.workspacestodock-caption-name-current {
+}
+
+.workspacestodock-caption-windowcount-current {
+}
+
+.workspacestodock-caption-windowcount-image-current {
+}
diff --git a/gnome-shell/gnome-shell-theme.gresource.xml b/gnome-shell/gnome-shell-theme.gresource.xml
new file mode 100644
index 0000000..f8817b8
--- /dev/null
+++ b/gnome-shell/gnome-shell-theme.gresource.xml
@@ -0,0 +1,72 @@
+
+
+
+ assets/dash/bottom-running1.svg
+ assets/dash/bottom-running1-focused.svg
+ assets/dash/bottom-running2.svg
+ assets/dash/bottom-running2-focused.svg
+ assets/dash/bottom-running3.svg
+ assets/dash/bottom-running3-focused.svg
+ assets/dash/bottom-running4.svg
+ assets/dash/bottom-running4-focused.svg
+ assets/dash/left-running1.svg
+ assets/dash/left-running1-focused.svg
+ assets/dash/left-running2.svg
+ assets/dash/left-running2-focused.svg
+ assets/dash/left-running3.svg
+ assets/dash/left-running3-focused.svg
+ assets/dash/left-running4.svg
+ assets/dash/left-running4-focused.svg
+ assets/dash/right-running1.svg
+ assets/dash/right-running1-focused.svg
+ assets/dash/right-running2.svg
+ assets/dash/right-running2-focused.svg
+ assets/dash/right-running3.svg
+ assets/dash/right-running3-focused.svg
+ assets/dash/right-running4.svg
+ assets/dash/right-running4-focused.svg
+ assets/dash/top-running1.svg
+ assets/dash/top-running1-focused.svg
+ assets/dash/top-running2.svg
+ assets/dash/top-running2-focused.svg
+ assets/dash/top-running3.svg
+ assets/dash/top-running3-focused.svg
+ assets/dash/top-running4.svg
+ assets/dash/top-running4-focused.svg
+ assets/calendar-arrow-left.svg
+ assets/calendar-arrow-right.svg
+ assets/checkbox.svg
+ assets/checkbox-off.svg
+ assets/close.svg
+ assets/dash-placeholder.svg
+ assets/key-enter.svg
+ assets/key-hide.svg
+ assets/key-layout.svg
+ assets/key-shift.svg
+ assets/key-shift-uppercase.svg
+ assets/key-shift-latched-uppercase.svg
+ assets/no-events.svg
+ assets/no-notifications.svg
+ assets/toggle-off.svg
+ assets/toggle-on.svg
+ assets/window-close.svg
+ assets/window-close-active.svg
+ extensions/workspaces-to-dock/workspaces-to-dock.css
+ gnome-shell.css
+ icons/eye-not-looking-symbolic.svg
+ icons/eye-open-negative-filled-symbolic.svg
+ icons/keyboard-caps-lock-filled-symbolic.svg
+ icons/keyboard-enter-symbolic.svg
+ icons/keyboard-hide-symbolic.svg
+ icons/keyboard-layout-filled-symbolic.svg
+ icons/keyboard-shift-filled-symbolic.svg
+ icons/message-indicator-symbolic.svg
+ icons/pointer-double-click-symbolic.svg
+ icons/pointer-drag-symbolic.svg
+ icons/pointer-primary-click-symbolic.svg
+ icons/pointer-secondary-click-symbolic.svg
+ noise-texture.png
+ pad-osd.css
+ process-working.svg
+
+
diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css
new file mode 100644
index 0000000..1027049
--- /dev/null
+++ b/gnome-shell/gnome-shell.css
@@ -0,0 +1,3323 @@
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ * Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+stage {
+ color: #e6e6fa;
+ font-size: 1em;
+}
+
+.shell-link {
+ transition-duration: 100ms;
+ border-radius: 10px;
+ color: #6daf22;
+}
+
+.shell-link:hover {
+ background-color: rgba(109, 175, 34, 0.08);
+ color: #6daf22;
+}
+
+.shell-link:active {
+ transition-duration: 200ms;
+ background-color: rgba(109, 175, 34, 0.2);
+ color: #6daf22;
+}
+
+.lowres-icon {
+ icon-shadow: none;
+}
+
+.icon-dropshadow {
+ icon-shadow: none;
+}
+
+/* Entries */
+.lg-dialog StEntry,
+StEntry {
+ min-height: 32px;
+ padding: 0 8px;
+ border-width: 0;
+ border-radius: 10px 10px 0 0;
+ color: #e6e6fa;
+ selection-background-color: rgba(109, 175, 34, 0.32);
+ selected-color: #e6e6fa;
+ font-size: 11.25pt;
+ font-weight: 400;
+ transition-duration: 100ms;
+ background-color: rgba(230, 230, 250, 0.04);
+ border-color: transparent;
+ box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3);
+}
+
+
+StEntry:hover {
+ box-shadow: inset 0 -1px #e6e6fa;
+}
+
+
+StEntry:focus {
+ border-color: transparent;
+ box-shadow: inset 0 -2px #6daf22;
+}
+
+
+StEntry:insensitive {
+ color: rgba(230, 230, 250, 0.5);
+ border-color: transparent;
+ box-shadow: inset 0 -1px rgba(230, 230, 250, 0.12);
+}
+
+
+StEntry StIcon.capslock-warning {
+ icon-size: 16px;
+ padding: 0 4px;
+ warning-color: #ed9200;
+}
+
+
+StEntry StIcon.peek-password {
+ icon-size: 16px;
+ padding: 0 4px;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+
+StEntry StIcon.peek-password:hover {
+ color: #e6e6fa;
+}
+
+
+StEntry StLabel.hint-text {
+ margin-left: 2px;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+/* Buttons */
+.lg-obj-inspector-button, .app-folder-dialog .folder-name-container .edit-folder-button, .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button,
+.button {
+ min-height: 32px;
+ min-width: 48px;
+ padding: 0 8px;
+ border: 0;
+ border-radius: 10px;
+ font-size: 10.5pt;
+ font-weight: 500;
+ color: rgba(230, 230, 250, 0.7);
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 100ms;
+}
+
+.lg-obj-inspector-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus,
+.button:focus {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.12);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: 0 0 transparent;
+}
+
+.lg-obj-inspector-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover,
+.button:hover {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.08);
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.lg-obj-inspector-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active,
+.button:active {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.2);
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 200ms;
+}
+
+.lg-obj-inspector-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive,
+.button:insensitive {
+ color: rgba(230, 230, 250, 0.3);
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
+ margin: 4px;
+ margin-right: 0;
+}
+
+.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child, .modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
+ border-radius: 10px;
+}
+
+.modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
+ margin-right: 4px;
+ border-right-width: 0;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+ spacing: 8px;
+}
+
+.check-box StBin {
+ transition-duration: 100ms;
+ width: 24px;
+ height: 24px;
+ padding: 4px;
+ border-radius: 16px;
+}
+
+.check-box StBin, .check-box:focus StBin {
+ background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:focus StBin {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.check-box:hover StBin {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.check-box:active StBin {
+ transition-duration: 200ms;
+ background-color: rgba(230, 230, 250, 0.2);
+}
+
+.check-box:checked StBin, .check-box:checked:focus StBin {
+ background-image: url("assets/checkbox.svg");
+}
+
+.check-box:checked:focus StBin {
+ background-color: rgba(109, 175, 34, 0.08);
+}
+
+.check-box:checked:hover StBin {
+ background-color: rgba(109, 175, 34, 0.08);
+}
+
+.check-box:checked:active StBin {
+ background-color: rgba(109, 175, 34, 0.2);
+}
+
+/* Switches */
+.toggle-switch {
+ color: inherit;
+ width: 40px;
+ height: 20px;
+ background-size: contain;
+ background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch:checked {
+ background-image: url("assets/toggle-on.svg");
+}
+
+/* Slider */
+.slider {
+ height: 20px;
+ -barlevel-height: 2px;
+ -barlevel-border-width: 0;
+ -barlevel-border-color: transparent;
+ -barlevel-background-color: rgba(230, 230, 250, 0.3);
+ -barlevel-active-border-color: transparent;
+ -barlevel-active-background-color: #6daf22;
+ -barlevel-overdrive-color: #ff7002;
+ -barlevel-overdrive-border-color: transparent;
+ -barlevel-overdrive-separator-width: 2px;
+ -slider-handle-radius: 6px;
+ -slider-handle-border-width: 0;
+ -slider-handle-border-color: transparent;
+}
+
+.slider, .slider:hover, .slider:active {
+ color: #6daf22;
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+ -st-vfade-offset: 32px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+ padding: 0;
+}
+
+StScrollView StScrollBar {
+ min-width: 16px;
+ min-height: 16px;
+}
+
+StScrollBar StBin#trough {
+ margin: 4px;
+ border-radius: 4px;
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+ transition-duration: 100ms;
+ margin: 4px;
+ border-radius: 4px;
+ background-color: rgba(230, 230, 250, 0.5);
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+ background-color: rgba(230, 230, 250, 0.7);
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+ background-color: #e6e6fa;
+}
+
+#unlockDialogNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+#unlockDialogNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle,
+#unlockDialogNotifications StScrollBar StButton#hhandle,
+#overview StScrollBar StButton#hhandle {
+ background-color: rgba(230, 230, 250, 0.5);
+}
+
+#unlockDialogNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover,
+#unlockDialogNotifications StScrollBar StButton#hhandle:hover,
+#overview StScrollBar StButton#hhandle:hover {
+ background-color: rgba(230, 230, 250, 0.7);
+}
+
+#unlockDialogNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active,
+#unlockDialogNotifications StScrollBar StButton#hhandle:active,
+#overview StScrollBar StButton#hhandle:active {
+ background-color: #e6e6fa;
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+ -arrow-base: 0;
+ -arrow-rise: 0;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-border-radius: 20px;
+ -arrow-box-shadow: none;
+ -arrow-background-color: transparent;
+}
+
+.popup-menu {
+ min-width: 15em;
+ border-color: transparent;
+ color: inherit;
+}
+
+.popup-menu.panel-menu {
+ -boxpointer-gap: 4px;
+ margin-bottom: 1.75em;
+}
+
+.popup-menu-content, .candidate-popup-content {
+ margin: 5px 8px 8px;
+ padding: 8px 0;
+ border-radius: 10px;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ background-color: #473a30;
+ color: #e6e6fa;
+}
+
+.popup-menu-item {
+ spacing: 8px;
+ padding: 0;
+ transition-duration: 100ms;
+}
+
+.popup-menu-item:ltr {
+ padding: 0.4em;
+ padding-right: 24px;
+ padding-left: 0;
+}
+
+.popup-menu-item:rtl {
+ padding: 0.4em;
+ padding-right: 0;
+ padding-left: 24px;
+}
+
+.popup-menu-item.selected {
+ background-color: rgba(230, 230, 250, 0.08);
+ transition-duration: 0ms;
+}
+
+.popup-menu-item.selected, .popup-menu-item.selected:active {
+ color: #e6e6fa;
+}
+
+.popup-menu-item:active {
+ background-color: rgba(230, 230, 250, 0.2);
+ color: #e6e6fa;
+ transition-duration: 200ms;
+}
+
+.popup-menu-item:checked {
+ box-shadow: none;
+ background-color: rgba(109, 175, 34, 0.32);
+ font-weight: normal;
+}
+
+.popup-menu-item.selected:checked {
+ background-color: rgba(109, 175, 34, 0.4);
+}
+
+.popup-menu-item:checked:active {
+ background-color: rgba(109, 175, 34, 0.6);
+}
+
+.popup-menu-item:insensitive {
+ color: rgba(230, 230, 250, 0.5);
+}
+
+.popup-inactive-menu-item {
+ color: #e6e6fa;
+}
+
+.popup-inactive-menu-item:insensitive {
+ color: rgba(230, 230, 250, 0.5);
+}
+
+.popup-menu-arrow {
+ icon-size: 16px;
+}
+
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-sub-menu {
+ border-top: 0;
+ border-bottom: 0;
+ padding-bottom: 0;
+ box-shadow: none;
+ background-color: rgba(230, 230, 250, 0.04);
+}
+
+.popup-menu-ornament {
+ text-align: right;
+ width: 16px;
+ height: 16px;
+}
+
+.popup-separator-menu-item {
+ padding: 0;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+ height: 1px;
+ margin: 8px 0;
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+ margin: 8px 0;
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:ltr {
+ margin-right: 32px;
+}
+
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:rtl {
+ margin-left: 32px;
+}
+
+.background-menu {
+ -boxpointer-gap: 4px;
+ -arrow-rise: 0;
+}
+
+.aggregate-menu {
+ min-width: 21em;
+}
+
+.aggregate-menu .popup-menu-icon {
+ padding: 0;
+ margin: 0 4px;
+ -st-icon-style: symbolic;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+ padding-left: 16px;
+ margin-left: 16px;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+ padding-right: 16px;
+ margin-right: 16px;
+}
+
+/* Date/Time Menu */
+.message, .weather-button, .world-clocks-button, .calendar, .datemenu-today-button, .events-section-title {
+ margin: 0;
+ border: 0;
+ border-radius: 10px;
+}
+
+.message, .weather-button, .world-clocks-button, .calendar, .datemenu-today-button, .events-section-title {
+ border-color: transparent;
+ box-shadow: none;
+ background-color: transparent;
+ color: inherit;
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 100ms;
+}
+
+.message:focus, .weather-button:focus, .world-clocks-button:focus, .calendar:focus, .datemenu-today-button:focus, .events-section-title:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.message:hover, .weather-button:hover, .world-clocks-button:hover, .calendar:hover, .datemenu-today-button:hover, .events-section-title:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.message:active, .weather-button:active, .world-clocks-button:active, .calendar:active, .datemenu-today-button:active, .events-section-title:active {
+ background-color: rgba(230, 230, 250, 0.2);
+ transition-duration: 200ms;
+}
+
+.clock-display-box {
+ spacing: 0;
+}
+
+.clock-display-box .clock {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+#calendarArea {
+ padding: 8px 16px;
+}
+
+.datemenu-calendar-column {
+ spacing: 8px;
+ padding: 0;
+ border: 0 solid rgba(230, 230, 250, 0.12);
+}
+
+.datemenu-calendar-column:ltr {
+ margin-right: 0;
+ border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+ margin-left: 0;
+ border-right-width: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-section {
+ padding-bottom: 0;
+}
+
+.datemenu-calendar-column .datemenu-displays-box {
+ spacing: 8px;
+ margin: 0 8px;
+}
+
+.events-section-title {
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(230, 230, 250, 0.7) !important;
+ font-weight: bold;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+ margin: 0 8px;
+ min-height: 48px;
+ padding: 4px 8px;
+}
+
+.datemenu-today-button .day-label {
+ font-weight: normal;
+ font-size: 1em;
+}
+
+.datemenu-today-button .date-label {
+ font-size: 18pt;
+ font-weight: 400;
+}
+
+/* Calendar */
+.calendar {
+ margin: 0 8px;
+ margin-bottom: 0;
+ padding: 0;
+}
+
+.calendar .calendar-month-label {
+ transition-duration: 100ms;
+ height: 16px;
+ margin: 2px;
+ padding: 6px 8px;
+ border-radius: 10px;
+ color: inherit;
+ font-weight: bold;
+ text-align: center;
+}
+
+.calendar .calendar-month-label:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+ icon-size: 16px;
+}
+
+.calendar .pager-button {
+ transition-duration: 100ms;
+ width: 28px;
+ height: 28px;
+ margin: 2px;
+ border-radius: 14px;
+ background-color: transparent;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.calendar .pager-button:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.calendar .pager-button:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.calendar .pager-button:active {
+ background-color: rgba(230, 230, 250, 0.2);
+ transition-duration: 200ms;
+}
+
+.calendar .calendar-day-base {
+ transition-duration: 100ms;
+ width: 28px;
+ height: 28px;
+ margin: 2px;
+ padding: 0;
+ border: 0;
+ border-radius: 14px;
+ font-size: 9pt;
+ font-weight: 400;
+ font-feature-settings: "tnum";
+ text-align: center;
+}
+
+.calendar .calendar-day-base:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.calendar .calendar-day-base:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.calendar .calendar-day-base:active {
+ transition-duration: 200ms;
+ border-color: transparent;
+ background-color: rgba(230, 230, 250, 0.2);
+ color: inherit;
+}
+
+.calendar .calendar-day-base:selected {
+ border-color: transparent;
+ background-color: rgba(109, 175, 34, 0.32);
+ color: inherit;
+}
+
+.calendar .calendar-day-base.calendar-day-heading {
+ width: 28px;
+ height: 21px;
+ margin-top: 2px;
+ padding: 7px 0 0;
+ border-radius: 14px;
+ background-color: transparent;
+ color: rgba(230, 230, 250, 0.5);
+ font-size: 9pt;
+ font-weight: 400;
+ font-weight: bold;
+ text-align: center;
+}
+
+.calendar .calendar-day-base.calendar-day-heading:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.calendar .calendar-day {
+ border-width: 0;
+}
+
+.calendar .calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar .calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar .calendar-nonwork-day {
+ color: inherit;
+}
+
+.calendar .calendar-today {
+ border: 0;
+ background-color: transparent;
+ color: inherit;
+ font-weight: bold !important;
+}
+
+.calendar .calendar-today:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+ color: inherit;
+}
+
+.calendar .calendar-today:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+ color: inherit;
+}
+
+.calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus {
+ background-color: rgba(230, 230, 250, 0.2);
+ color: inherit;
+}
+
+.calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+ background-color: rgba(109, 175, 34, 0.32);
+ color: inherit;
+}
+
+.calendar .calendar-day-with-events {
+ background-image: none;
+ color: #6daf22 !important;
+ font-weight: normal;
+ text-decoration: underline;
+}
+
+.calendar .calendar-other-month-day {
+ color: rgba(230, 230, 250, 0.3) !important;
+}
+
+.calendar .calendar-week-number {
+ width: 28px;
+ height: 21px;
+ margin: 2px;
+ padding: 7px 0 0;
+ border-radius: 14px;
+ background-color: transparent;
+ color: rgba(230, 230, 250, 0.5);
+ font-weight: bold;
+ font-size: 1em;
+ text-align: center;
+}
+
+/* World clocks */
+.world-clocks-button {
+ min-height: 20px;
+ padding: 4px 8px;
+}
+
+.world-clocks-button .world-clocks-grid {
+ spacing-rows: .4em;
+ spacing-columns: .8em;
+}
+
+.world-clocks-button .world-clocks-header {
+ color: rgba(230, 230, 250, 0.7);
+ font-weight: bold;
+}
+
+.world-clocks-button .world-clocks-city {
+ color: inherit;
+ font-weight: normal;
+ font-size: 1em;
+}
+
+.world-clocks-button .world-clocks-time {
+ color: rgba(230, 230, 250, 0.7);
+ font-weight: normal;
+ font-size: 1em;
+ font-feature-settings: "tnum";
+ text-align: right;
+}
+
+.world-clocks-button .world-clocks-timezone {
+ color: rgba(230, 230, 250, 0.5);
+ font-size: 1em;
+ font-feature-settings: "tnum";
+}
+
+/* Weather */
+.weather-button {
+ min-height: 20px;
+ padding: 4px 8px;
+}
+
+.weather-button .weather-box {
+ spacing: 0.4em;
+}
+
+.weather-button .weather-header-box {
+ spacing: 8px;
+}
+
+.weather-button .weather-header {
+ color: rgba(230, 230, 250, 0.7);
+ font-weight: bold;
+}
+
+.weather-button .weather-header.location {
+ font-weight: normal;
+ font-size: 1em;
+}
+
+.weather-button .weather-grid {
+ spacing-rows: .4em;
+ spacing-columns: .8em;
+}
+
+.weather-button .weather-forecast-time {
+ padding-top: 0;
+ padding-bottom: 0;
+ color: rgba(230, 230, 250, 0.7);
+ font-size: 9pt;
+ font-weight: 400;
+ font-feature-settings: "tnum";
+}
+
+.weather-button .weather-forecast-icon {
+ icon-size: 32px;
+}
+
+.weather-button .weather-forecast-temp {
+ font-weight: bold;
+}
+
+/* Message List */
+.message-list {
+ width: 31.5em;
+ padding: 0;
+}
+
+.message-list .message-list-placeholder {
+ spacing: 12px;
+}
+
+.message-list-sections {
+ spacing: 8px;
+ margin: 0 8px;
+}
+
+.message-list-section,
+.message-list-section-list {
+ spacing: 8px;
+}
+
+.message-list-section-list:ltr {
+ padding-left: 0;
+}
+
+.message-list-section-list:rtl {
+ padding-right: 0;
+}
+
+.message-list-controls {
+ margin: 8px 8px 0;
+ padding: 0;
+ spacing: 8px;
+}
+
+.message {
+ min-height: 56px;
+}
+
+.message .message-icon-bin {
+ padding: 12px 0 12px 12px;
+}
+
+.message .message-icon-bin:rtl {
+ padding: 12px 12px 12px 0;
+}
+
+.message .message-icon-bin > StIcon {
+ -st-icon-style: requested;
+ icon-size: 16px;
+ color: inherit;
+}
+
+.message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl {
+ margin: 0;
+}
+
+.message .message-icon-bin > .fallback-app-icon {
+ width: 16px;
+ height: 16px;
+}
+
+.message .message-content {
+ min-height: 40px;
+ padding: 8px;
+ spacing: 0;
+ color: inherit;
+ font-size: 1em;
+}
+
+.message .message-title {
+ min-height: 22px;
+ padding-top: 2px;
+ color: inherit;
+ font-weight: bold;
+ font-size: 1em;
+}
+
+.message .message-secondary-bin {
+ padding: 0 8px;
+}
+
+.message .message-secondary-bin > .event-time {
+ min-height: 22px;
+ padding-top: 2px;
+ color: rgba(230, 230, 250, 0.7);
+ font-size: 1em;
+ text-align: right;
+ padding-bottom: 0;
+}
+
+.message .message-secondary-bin > StIcon {
+ icon-size: 16px;
+}
+
+.message .message-close-button {
+ transition-duration: 100ms;
+ icon-size: 16px;
+ padding: 4px;
+ border-radius: 12px;
+}
+
+.message .message-close-button, .message .message-close-button:hover, .message .message-close-button:active {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.message .message-close-button:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.message .message-close-button:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.message .message-close-button:active {
+ transition-duration: 200ms;
+ background-color: rgba(230, 230, 250, 0.2);
+}
+
+.message .message-body {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.url-highlighter {
+ link-color: #6daf22;
+}
+
+/* Media Controls */
+.message-media-control {
+ transition-duration: 100ms;
+ margin: 16px 0;
+ padding: 8px;
+ border-radius: 16px;
+}
+
+.message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.message-media-control:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.message-media-control:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.message-media-control:active {
+ background-color: rgba(230, 230, 250, 0.2);
+ transition-duration: 200ms;
+}
+
+.message-media-control:insensitive {
+ color: rgba(230, 230, 250, 0.3);
+}
+
+.message-media-control:last-child:ltr {
+ margin-right: 16px;
+ padding-right: 8px;
+ border-radius: 16px;
+}
+
+.message-media-control:last-child:rtl {
+ margin-left: 16px;
+ padding-left: 8px;
+ border-radius: 16px;
+}
+
+.media-message-cover-icon {
+ icon-size: 32px !important;
+ margin: 4px 0 !important;
+ border-radius: 0;
+}
+
+.media-message-cover-icon.fallback {
+ icon-size: 16px !important;
+ padding: 8px;
+ border: 0;
+ border-radius: 10px;
+ background-color: rgba(230, 230, 250, 0.08);
+ color: rgba(230, 230, 250, 0.5) !important;
+}
+
+.candidate-popup-content {
+ padding: 8px;
+ spacing: 0;
+}
+
+.candidate-index {
+ padding: 0 4px 0 0;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.candidate-box {
+ transition-duration: 100ms;
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 10px;
+}
+
+.candidate-box:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+ color: inherit;
+ transition-duration: 0ms;
+}
+
+.candidate-box:active {
+ background-color: rgba(230, 230, 250, 0.2);
+ transition-duration: 200ms;
+}
+
+.candidate-box:selected {
+ background-color: rgba(109, 175, 34, 0.32);
+ color: inherit;
+ transition-duration: 0ms;
+}
+
+.candidate-page-button-box {
+ height: 28px;
+}
+
+.vertical .candidate-page-button-box {
+ padding-top: 0;
+}
+
+.horizontal .candidate-page-button-box {
+ padding-left: 0;
+}
+
+.candidate-page-button {
+ min-width: 28px;
+ min-height: 28px;
+ padding: 0;
+}
+
+.candidate-page-button-previous {
+ border-right-width: 0;
+ border-radius: 10px;
+}
+
+.candidate-page-button-next {
+ border-radius: 10px;
+}
+
+.candidate-page-button-icon {
+ icon-size: 16px;
+}
+
+/* Notifications & Mesage Tray */
+.notification-banner {
+ min-height: 56px;
+ width: 34em;
+ margin: 5px;
+ border: 0;
+ border-radius: 10px;
+ font-size: 1em;
+}
+
+.notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active {
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ background-color: #473a30;
+ color: #e6e6fa;
+}
+
+.notification-banner .notification-actions {
+ spacing: 0;
+ padding-top: 0;
+ border-top: 0;
+ background-color: transparent;
+ color: inherit;
+}
+
+.summary-source-counter {
+ -shell-counter-overlap-x: 3px;
+ -shell-counter-overlap-y: 3px;
+ height: 1.6em;
+ width: 1.6em;
+ border: 0;
+ border-radius: .8em;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ background-color: #6daf22;
+ color: #303030;
+ font-weight: bold;
+ font-size: 1em;
+}
+
+.chat-body {
+ spacing: 5px;
+}
+
+.chat-response {
+ margin: 5px;
+}
+
+.chat-log-message {
+ color: #e6e6fa;
+}
+
+.chat-new-group {
+ padding-top: 1em;
+}
+
+.chat-received {
+ padding-left: 4px;
+}
+
+.chat-received:rtl {
+ padding-left: 0;
+ padding-right: 4px;
+}
+
+.chat-sent {
+ padding-left: 18pt;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.chat-sent:rtl {
+ padding-left: 0;
+ padding-right: 18pt;
+}
+
+.chat-meta-message {
+ padding-left: 4px;
+ color: rgba(230, 230, 250, 0.7);
+ font-size: 9pt;
+ font-weight: 400;
+}
+
+.chat-meta-message:rtl {
+ padding-left: 0;
+ padding-right: 4px;
+}
+
+.hotplug-notification-item-icon {
+ icon-size: 24px;
+ padding: 0 4px;
+}
+
+/* Modal Dialogs */
+.headline {
+ font-size: 15pt;
+ font-weight: 500;
+}
+
+.modal-dialog {
+ border: 0;
+ border-radius: 10px;
+ box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
+ background-color: #473a30;
+ color: #e6e6fa;
+}
+
+.modal-dialog .modal-dialog-content-box {
+ max-width: 28em;
+ margin: 32px 40px;
+ spacing: 32px;
+}
+
+/* End Session Dialog */
+.end-session-dialog {
+ width: 30em;
+}
+
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+ color: #ed9200;
+}
+
+/* Message Dialog */
+.message-dialog-content {
+ spacing: 18px;
+}
+
+.message-dialog-content .message-dialog-title {
+ font-size: 15pt;
+ font-weight: 500;
+ text-align: inherit;
+}
+
+.message-dialog-content .message-dialog-title.leightweight {
+ font-size: 15pt;
+ font-weight: 500;
+}
+
+.message-dialog-content .message-dialog-description {
+ color: rgba(230, 230, 250, 0.7);
+ text-align: inherit;
+}
+
+/* Dialog List */
+.dialog-list {
+ spacing: 18px;
+}
+
+.dialog-list .dialog-list-title {
+ text-align: inherit;
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-scrollview {
+ max-height: 200px;
+}
+
+.dialog-list .dialog-list-box {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item {
+ spacing: 1em;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+ font-weight: bold;
+}
+
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+ color: rgba(230, 230, 250, 0.7);
+ font-size: 1em;
+}
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box {
+ margin-top: 24px;
+ margin-bottom: 16px;
+}
+
+.run-dialog .run-dialog-entry {
+ width: 20em;
+}
+
+.run-dialog .run-dialog-description {
+ text-align: inherit;
+ color: rgba(230, 230, 250, 0.7);
+ font-size: 1em;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+ width: 28em;
+}
+
+.prompt-dialog .modal-dialog-content-box {
+ margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+ spacing-rows: 8px;
+ spacing-columns: 4px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+ width: auto;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+ margin-left: 20px;
+}
+
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+ margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+ spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+ width: 20em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+ font-size: 1em;
+ text-align: inherit;
+}
+
+.prompt-dialog-error-label {
+ color: #ff7002;
+}
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+ text-align: inherit;
+ spacing: 8px;
+ margin-bottom: 6px;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-icon {
+ border-radius: 9999px;
+ background-size: contain;
+}
+
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+ color: #ed9200;
+}
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box {
+ margin-bottom: 28px;
+}
+
+.audio-device-selection-dialog .audio-selection-box {
+ spacing: 20px;
+}
+
+.audio-selection-device {
+ transition-duration: 100ms;
+ border: 0;
+ border-radius: 10px;
+}
+
+.audio-selection-device:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.audio-selection-device:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.audio-selection-device:active {
+ transition-duration: 200ms;
+ background-color: rgba(230, 230, 250, 0.2);
+ color: inherit;
+}
+
+.audio-selection-device-box {
+ padding: 20px;
+ spacing: 20px;
+}
+
+.audio-selection-device-icon {
+ icon-size: 64px;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+ max-height: 34em;
+ min-height: 31em;
+ min-width: 32em;
+}
+
+.nm-dialog-content {
+ spacing: 20px;
+ padding: 24px;
+}
+
+.nm-dialog-airplane-box {
+ spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+ font-weight: bold;
+ text-align: inherit;
+}
+
+.nm-dialog-airplane-text {
+ color: inherit;
+}
+
+.nm-dialog-header {
+ font-size: 15pt;
+ font-weight: 500;
+}
+
+.nm-dialog-header-icon {
+ icon-size: 32px;
+}
+
+.nm-dialog-header-hbox {
+ spacing: 10px;
+}
+
+.nm-dialog-scroll-view {
+ border: 0;
+ padding: 0;
+ background-color: transparent;
+}
+
+.nm-dialog-item {
+ transition-duration: 100ms;
+ padding: 12px;
+ spacing: 20px;
+ border-bottom: 0;
+ border-radius: 10px;
+ font-size: 1em;
+}
+
+.nm-dialog-item:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.nm-dialog-item:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.nm-dialog-item:active {
+ transition-duration: 200ms;
+ background-color: rgba(230, 230, 250, 0.2);
+}
+
+.nm-dialog-item:selected {
+ background-color: rgba(109, 175, 34, 0.32);
+ color: #e6e6fa;
+}
+
+.nm-dialog-icon {
+ icon-size: 16px;
+}
+
+.nm-dialog-icons {
+ spacing: .5em;
+}
+
+.no-networks-label {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.no-networks-box {
+ spacing: 12px;
+}
+
+/* OSD */
+.workspace-switcher-container, .switcher-list, .resize-popup, .osd-window {
+ padding: 12px;
+ border: none;
+ border-radius: 10px;
+ box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
+ background-color: #473a30;
+ color: #e6e6fa;
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 12px;
+ margin: 32px;
+ min-width: 64px;
+ min-height: 64px;
+}
+
+.osd-window StIcon {
+ icon-size: 96px;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 48px;
+ font-weight: 400;
+}
+
+.osd-window .level {
+ height: 8px;
+ -barlevel-height: 8px;
+ -barlevel-background-color: rgba(230, 230, 250, 0.12);
+ -barlevel-active-background-color: #6daf22;
+ -barlevel-overdrive-color: #ff7002;
+ -barlevel-overdrive-separator-width: 2px;
+}
+
+/* Pad OSD */
+.pad-osd-window {
+ padding: 32px;
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+.pad-osd-window .pad-osd-title-box {
+ spacing: 12px;
+}
+
+.pad-osd-window .pad-osd-title-menu-box {
+ spacing: 6px;
+}
+
+.combo-box-label {
+ width: 15em;
+}
+
+/* App Switcher */
+.switcher-popup {
+ padding: 8px;
+ spacing: 16px;
+}
+
+.switcher-list .switcher-list-item-container {
+ spacing: 8px;
+}
+
+.switcher-list .item-box {
+ transition-duration: 100ms;
+ padding: 8px;
+ border: 0;
+ border-radius: 10px;
+}
+
+.switcher-list .item-box:outlined {
+ padding: 8px;
+ border: 0;
+ box-shadow: none;
+ background-color: rgba(230, 230, 250, 0.12);
+ color: inherit;
+}
+
+.switcher-list .item-box:selected {
+ background-color: rgba(109, 175, 34, 0.32);
+ color: inherit;
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(230, 230, 250, 0.12);
+}
+
+.switcher-arrow {
+ transition-duration: 100ms;
+ border-color: transparent;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.switcher-arrow:highlighted {
+ color: #e6e6fa;
+}
+
+.input-source-switcher-symbol {
+ width: 96px;
+ height: 96px;
+ font-size: 48px;
+ font-weight: 400;
+}
+
+.cycler-highlight {
+ border: 4px solid #6daf22;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+ padding: 8px;
+}
+
+.workspace-switcher {
+ background: transparent;
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ spacing: 8px;
+}
+
+.ws-switcher-box {
+ height: 48px;
+ border: 0;
+ border-radius: 10px;
+ background-color: rgba(230, 230, 250, 0.12);
+ background-size: 0;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+ height: 48px;
+ border: 0;
+ border-radius: 10px;
+ background-color: #6daf22;
+ background-size: 0;
+ color: inherit;
+}
+
+/* Top Bar */
+#panel {
+ transition-duration: 250ms;
+ height: 28px;
+ background-color: #14212c;
+ font-weight: bold;
+ font-feature-settings: "tnum";
+}
+
+#panel #panelLeft,
+#panel #panelCenter {
+ spacing: 0;
+}
+
+#panel .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: transparent;
+ -panel-corner-border-width: 0;
+ -panel-corner-border-color: transparent;
+}
+
+#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
+ -panel-corner-border-color: transparent;
+}
+
+#panel .panel-button {
+ -natural-hpadding: 8px;
+ -minimum-hpadding: 4px;
+ transition-duration: 100ms;
+ color: rgba(230, 230, 250, 0.7);
+ text-shadow: none;
+ font-weight: bold;
+}
+
+#panel .panel-button .system-status-icon,
+#panel .panel-button .app-menu-icon > StIcon,
+#panel .panel-button .popup-menu-arrow {
+ icon-shadow: none;
+}
+
+#panel .panel-button:hover {
+ color: #e6e6fa;
+ text-shadow: none;
+}
+
+#panel .panel-button:hover .system-status-icon,
+#panel .panel-button:hover .app-menu-icon > StIcon,
+#panel .panel-button:hover .popup-menu-arrow {
+ icon-shadow: none;
+}
+
+#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+ box-shadow: inset 0 -2px #e6e6fa;
+ background-color: rgba(20, 33, 44, 0.01);
+ color: #e6e6fa;
+}
+
+#panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
+ icon-shadow: none;
+}
+
+#panel .panel-button.clock-display:active, #panel .panel-button.clock-display:overview, #panel .panel-button.clock-display:focus, #panel .panel-button.clock-display:checked {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 -2px #e6e6fa;
+ background-color: rgba(20, 33, 44, 0.01);
+}
+
+#panel .panel-button .system-status-icon {
+ icon-size: 16px;
+ padding: 0 4px;
+}
+
+#panel .panel-button .app-menu-icon {
+ -st-icon-style: symbolic;
+ margin-left: 4px;
+ margin-right: 4px;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+ spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+ spacing: 0;
+}
+
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+ color: #ed9200;
+}
+
+#panel:overview, #panel.unlock-screen, #panel.login-screen {
+ background-color: transparent;
+}
+
+#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner {
+ -panel-corner-radius: 0;
+ -panel-corner-background-color: transparent;
+ -panel-corner-border-color: transparent;
+}
+
+#panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked {
+ color: #e6e6fa;
+}
+
+#appMenu {
+ spacing: 4px;
+}
+
+#appMenu .label-shadow {
+ color: transparent;
+}
+
+/* Activities Ripple */
+.ripple-box {
+ width: 48px;
+ height: 48px;
+ border-radius: 0 0 48px 0;
+ box-shadow: none;
+ background-color: rgba(230, 230, 250, 0.3);
+ background-image: none;
+ background-size: auto;
+}
+
+.ripple-box:rtl {
+ border-radius: 0 0 0 48px;
+ background-image: none;
+}
+
+/* OVERVIEW */
+#overview {
+ spacing: 24px;
+ background-color: transparent;
+ color: #e6e6fa;
+}
+
+.overview-controls {
+ padding-bottom: 32px;
+}
+
+.workspace-thumbnails, #dash {
+ transition-duration: 250ms;
+ border: 0;
+ background-color: rgba(230, 230, 250, 0.08);
+ color: #e6e6fa;
+}
+
+.no-frequent-applications-label, .search-statustext {
+ font-size: 48px;
+ font-weight: 400;
+ color: rgba(230, 230, 250, 0.5);
+}
+
+.list-search-result, .search-provider-icon, .show-apps .overview-icon, .app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+ padding: 6px;
+ border: 0;
+ border-radius: 10px;
+ background-color: transparent;
+ color: inherit;
+ text-align: center;
+ transition-duration: 100ms;
+}
+
+.list-search-result:focus, .search-provider-icon:focus, .show-apps:focus .overview-icon, .app-well-app:focus .overview-icon,
+.grid-search-result:focus .overview-icon {
+ border-image: none;
+ background-image: none;
+ background-color: rgba(230, 230, 250, 0.12);
+ color: inherit;
+ transition-duration: 0ms;
+}
+
+.list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected, .show-apps:drop .overview-icon, .app-well-app:drop .overview-icon,
+.grid-search-result:drop .overview-icon, .show-apps:hover .overview-icon, .app-well-app:hover .overview-icon,
+.grid-search-result:hover .overview-icon, .show-apps:selected .overview-icon, .app-well-app:selected .overview-icon,
+.grid-search-result:selected .overview-icon {
+ border-image: none;
+ background-image: none;
+ background-color: rgba(230, 230, 250, 0.08);
+ color: inherit;
+ transition-duration: 0ms;
+}
+
+.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked, .show-apps:active .overview-icon, .app-well-app:active .overview-icon,
+.grid-search-result:active .overview-icon, .show-apps:checked .overview-icon, .app-well-app:checked .overview-icon,
+.grid-search-result:checked .overview-icon {
+ box-shadow: none;
+ background-color: rgba(230, 230, 250, 0.2);
+ color: inherit;
+ transition-duration: 200ms;
+}
+
+/* Window Picker */
+.window-picker {
+ -horizontal-spacing: 16px;
+ -vertical-spacing: 16px;
+ padding: 0 16px 32px;
+}
+
+.window-picker.external-monitor {
+ padding: 16px;
+}
+
+.window-clone-border {
+ border: 4px solid rgba(230, 230, 250, 0.3);
+ border-radius: 10px;
+ box-shadow: inset 0 0 0 1px rgba(230, 230, 250, 0.3);
+}
+
+.window-caption {
+ spacing: 0;
+ padding: 4px 8px;
+ border: 0;
+ border-radius: 10px;
+ background-color: rgba(0, 0, 0, 0.6);
+ color: #e6e6fa;
+ font-size: 1em;
+ font-weight: normal;
+}
+
+.window-close {
+ -shell-close-overlap: 16px;
+ height: 32px;
+ width: 32px;
+ padding: 0;
+ border: 0;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: transparent;
+ -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+ background-image: url("assets/window-close.svg");
+ background-size: 32px;
+}
+
+.window-close:hover {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+ -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ background-image: url("assets/window-close.svg");
+}
+
+.window-close:active {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+ background-image: url("assets/window-close-active.svg");
+}
+
+
+.search-entry {
+ width: 304px;
+ padding: 0 8px;
+ border-radius: 10px 10px 0 0;
+ color: rgba(230, 230, 250, 0.5);
+ selection-background-color: rgba(230, 230, 250, 0.3);
+ selected-color: #e6e6fa;
+ transition-duration: 100ms;
+ background-color: rgba(230, 230, 250, 0.04);
+ border-color: transparent;
+ box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3);
+}
+
+
+.search-entry:hover {
+ box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3);
+ color: rgba(230, 230, 250, 0.5);
+}
+
+
+.search-entry:focus {
+ border-color: transparent;
+ box-shadow: inset 0 -2px #e6e6fa;
+ padding: 0 8px;
+ border: 0;
+ color: #e6e6fa;
+}
+
+
+.search-entry StLabel.hint-text {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+
+.search-entry .search-entry-icon {
+ icon-size: 16px;
+ padding: 0 4px;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+ color: #e6e6fa;
+}
+
+/* Search */
+#searchResultsContent {
+ max-width: 1024px;
+}
+
+#searchResultsContent {
+ padding-left: 16px;
+ padding-right: 16px;
+ spacing: 16px;
+}
+
+.search-section {
+ spacing: 16px;
+}
+
+.search-section .search-section-separator {
+ height: 1px;
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.search-section:last-child .search-section-separator {
+ height: 0;
+ background-color: transparent;
+}
+
+.search-section-content {
+ spacing: 32px;
+ padding: 0;
+ border: 0;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: inherit;
+ text-shadow: none;
+}
+
+.search-provider-icon .list-search-provider-content {
+ spacing: 20px;
+}
+
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+ width: 150px;
+ margin-top: 0;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.list-search-results {
+ spacing: 4px;
+}
+
+.list-search-result .list-search-result-content {
+ spacing: 30px;
+}
+
+.list-search-result .list-search-result-title {
+ spacing: 12px;
+ color: inherit;
+ font-size: 11.25pt;
+ font-weight: 400;
+}
+
+.list-search-result .list-search-result-description {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+/* App Grid */
+.icon-grid {
+ -shell-grid-horizontal-item-size: 136px;
+ -shell-grid-vertical-item-size: 136px;
+ spacing: 32px;
+}
+
+.icon-grid .overview-icon {
+ icon-size: 96px;
+}
+
+/* App Icons */
+.app-well-app .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+ padding: 8px;
+ spacing: 0;
+}
+
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout,
+.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+ spacing: 4px;
+}
+
+/* App Folders */
+.app-well-app.app-folder {
+ border-radius: 10px;
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.app-folder-dialog {
+ spacing: 12px;
+ border: 0;
+ border-radius: 10px;
+ background-color: #473a30;
+ color: #e6e6fa;
+}
+
+.app-folder-dialog .folder-name-container {
+ padding: 24px 36px 0;
+ spacing: 12px;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+ font-size: 15pt;
+ font-weight: 500;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry {
+ width: 300px;
+}
+
+.app-folder-dialog .folder-name-container .folder-name-label {
+ padding: 0 8px;
+ color: inherit;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button {
+ width: 32px;
+ height: 32px;
+ min-width: 0;
+ min-height: 0;
+ padding: 0;
+ border-radius: 16px;
+}
+
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+ icon-size: 16px;
+}
+
+.app-folder-dialog .app-well-app:focus .overview-icon {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon {
+ background-color: rgba(230, 230, 250, 0.2);
+}
+
+.app-folder-dialog-container {
+ width: 800px;
+ height: 600px;
+ padding: 12px;
+}
+
+.app-folder-icon {
+ padding: 5px;
+ spacing-rows: 10px;
+ spacing-columns: 10px;
+}
+
+.app-well-app-running-dot {
+ height: 2px;
+ width: 32px;
+ margin-bottom: 0;
+ border-radius: 0;
+ background-color: #e6e6fa;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+ spacing: 6px;
+}
+
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+ padding: 0 12px;
+}
+
+.app-menu,
+.app-well-menu {
+ max-width: 27.25em;
+}
+
+.page-indicator {
+ padding: 15px 20px;
+}
+
+.page-indicator .page-indicator-icon {
+ width: 12px;
+ height: 12px;
+ border-radius: 12px;
+ background-color: #e6e6fa;
+}
+
+
+.all-apps,
+.frequent-apps > StBoxLayout {
+ padding: 0 88px 10px;
+}
+
+.system-action-icon {
+ icon-size: 48px;
+ border-radius: 9999px;
+ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+ background-color: #212121;
+ color: #e6e6fa;
+}
+
+/* Frequent | All toggle */
+.app-view-controls {
+ width: 320px;
+ padding-bottom: 32px;
+}
+
+.app-view-control {
+ margin: 0;
+ padding: 0 8px;
+}
+
+.app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 100ms;
+}
+
+.app-view-control:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.app-view-control:active {
+ background-color: rgba(230, 230, 250, 0.2);
+ transition-duration: 200ms;
+}
+
+.app-view-control:checked {
+ box-shadow: inset 0 2px 0 #e6e6fa;
+ background-color: rgba(0, 0, 0, 0.01);
+ color: #e6e6fa;
+}
+
+.app-view-control:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.app-view-control:first-child {
+ border-right-width: 0;
+ border-radius: 10px;
+}
+
+.app-view-control:last-child {
+ border-radius: 10px;
+}
+
+.app-view-control:checked {
+ border-radius: 0;
+}
+
+/* Dash */
+#dash {
+ font-size: 1em;
+ padding: 3px 0;
+ border-left-width: 0;
+ border-radius: 0 10px 10px 0;
+}
+
+#dash:rtl {
+ border-right-width: 0;
+ border-radius: 10px 0 0 10px;
+}
+
+#dash .placeholder {
+ height: 24px;
+ background-image: url("assets/dash-placeholder.svg");
+ background-size: contain;
+}
+
+#dash .empty-dash-drop-target {
+ width: 24px;
+ height: 24px;
+}
+
+.dash-item-container > StWidget {
+ padding: 3px 6px;
+}
+
+.dash-label {
+ padding: 7px 8px;
+ border: 0;
+ border-radius: 10px;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ background-color: #473a30;
+ color: #e6e6fa;
+ text-align: center;
+ -x-offset: 8px;
+}
+
+.show-apps {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.show-apps:checked {
+ color: #e6e6fa;
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+ visible-width: 32px;
+ spacing: 12px;
+ padding: 12px;
+ border-right-width: 0;
+ border-radius: 10px 0 0 10px;
+}
+
+.workspace-thumbnails:rtl {
+ border-left-width: 0;
+ border-radius: 0 10px 10px 0;
+}
+
+.workspace-thumbnails .placeholder {
+ height: 24px;
+ background-image: url("assets/dash-placeholder.svg");
+ background-size: contain;
+}
+
+.workspace-thumbnail-indicator {
+ padding: 6px 10px;
+ border: 0 solid #e6e6fa;
+ border-left-width: 2px;
+ border-radius: 0;
+}
+
+.select-area-rubberband {
+ border: 1px solid #6daf22;
+ background-color: rgba(109, 175, 34, 0.3);
+}
+
+.user-icon {
+ border: 0;
+ border-radius: 9999px;
+ background-size: contain;
+ color: inherit;
+}
+
+.user-icon:hover {
+ border-color: transparent;
+ color: inherit;
+}
+
+.user-icon StIcon {
+ background-color: rgba(230, 230, 250, 0.08);
+ border-radius: 9999px;
+}
+
+.user-widget.vertical .user-icon {
+ icon-size: 128px;
+}
+
+.user-widget.vertical .user-icon StIcon {
+ width: 64px;
+ height: 64px;
+ padding: 32px;
+}
+
+.user-widget.horizontal .user-icon {
+ icon-size: 64px;
+}
+
+.user-widget.horizontal .user-icon StIcon {
+ width: 32px;
+ height: 32px;
+ padding: 16px;
+}
+
+.lightbox {
+ background-color: black;
+}
+
+.flashspot {
+ background-color: white;
+}
+
+.hidden {
+ color: transparent;
+}
+
+.caps-lock-warning-label {
+ text-align: center;
+ padding-bottom: 8px;
+ font-size: 1em;
+ color: #ed9200;
+}
+
+.ripple-pointer-location {
+ width: 50px;
+ height: 50px;
+ border-radius: 25px;
+ box-shadow: none;
+ background-color: rgba(109, 175, 34, 0.32);
+}
+
+.pie-timer {
+ width: 60px;
+ height: 60px;
+ -pie-border-width: 0;
+ -pie-border-color: transparent;
+ -pie-background-color: rgba(109, 175, 34, 0.32);
+}
+
+.magnifier-zoom-region {
+ border: 2px solid #6daf22;
+}
+
+.magnifier-zoom-region.full-screen {
+ border-width: 0;
+}
+
+/* Tiled window previews */
+.tile-preview {
+ border: 1px solid #6daf22;
+ background-color: rgba(109, 175, 34, 0.3);
+}
+
+.tile-preview-left.on-primary {
+ border-radius: 0;
+}
+
+.tile-preview-right.on-primary {
+ border-radius: 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+ border-radius: 0;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+ background-color: rgba(0, 0, 0, 0.3);
+ box-shadow: none;
+}
+
+#keyboard .page-indicator {
+ padding: 4px;
+}
+
+#keyboard .page-indicator .page-indicator-icon {
+ width: 8px;
+ height: 8px;
+}
+
+.key-container {
+ padding: 4px;
+ spacing: 4px;
+}
+
+.keyboard-key {
+ min-height: 1.2em;
+ min-width: 1.2em;
+ font-size: 2em;
+ font-weight: 500;
+ border: 0;
+ border-width: 0;
+ border-style: none;
+ border-radius: 10px;
+}
+
+.keyboard-key, .keyboard-key.default-key {
+ color: #e6e6fa;
+ background-color: #473a30;
+ border-color: transparent;
+ box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 100ms;
+}
+
+.keyboard-key:focus, .keyboard-key.default-key:focus {
+ color: #e6e6fa;
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+}
+
+.keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
+ color: #e6e6fa;
+ background-color: #473a30;
+ border-color: transparent;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.keyboard-key:active, .keyboard-key.default-key:active {
+ color: #e6e6fa;
+ background-color: #6d6360;
+ border-color: transparent;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 200ms;
+}
+
+.keyboard-key:grayed {
+ border-color: transparent;
+ background-color: rgba(0, 0, 0, 0.3);
+ color: #e6e6fa;
+}
+
+.keyboard-key.enter-key {
+ color: #303030;
+ background-color: #6daf22;
+ border-color: transparent;
+ box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 100ms;
+}
+
+.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
+ color: #303030;
+ background-color: #6daf22;
+ border-color: transparent;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.keyboard-key.enter-key:active {
+ color: #303030;
+ background-color: #5e9125;
+ border-color: transparent;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 200ms;
+}
+
+.keyboard-key.shift-key-uppercase {
+ color: #6daf22;
+}
+
+.keyboard-key StIcon {
+ icon-size: 32px;
+}
+
+.keyboard-subkeys {
+ -boxpointer-gap: 5px;
+ -arrow-base: 0;
+ -arrow-rise: 0;
+ -arrow-border-width: 0;
+ -arrow-border-color: transparent;
+ -arrow-border-radius: 0;
+ -arrow-background-color: transparent;
+ padding: 5px;
+ border-radius: 10px;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ background-color: #473a30;
+ color: #e6e6fa;
+}
+
+.keyboard-subkeys .keyboard-key {
+ border-radius: 10px;
+ color: rgba(230, 230, 250, 0.7);
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 100ms;
+}
+
+.keyboard-subkeys .keyboard-key:focus {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.12);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: 0 0 transparent;
+}
+
+.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.08);
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.keyboard-subkeys .keyboard-key:active {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.2);
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 200ms;
+}
+
+.emoji-page .keyboard-key {
+ border: 0;
+ color: rgba(230, 230, 250, 0.7);
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 100ms;
+}
+
+.emoji-page .keyboard-key:focus {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.12);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: 0 0 transparent;
+}
+
+.emoji-page .keyboard-key:hover {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.08);
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.emoji-page .keyboard-key:active {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.2);
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 200ms;
+}
+
+.emoji-panel .keyboard-key:latched {
+ border-color: transparent;
+ background-color: #6daf22;
+ color: #303030;
+}
+
+.word-suggestions {
+ font-size: 11.25pt;
+ font-weight: 400;
+ spacing: 12px;
+ min-height: 20pt;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+ spacing: 0;
+ padding: 0;
+ border: 0;
+ border-radius: 10px;
+ box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
+ background-color: #473a30;
+ color: #e6e6fa;
+}
+
+#LookingGlassDialog > #Toolbar {
+ padding: 0 8px;
+ border: 0;
+ border-radius: 0;
+ box-shadow: inset 0 -1px rgba(230, 230, 250, 0.12);
+ background-color: rgba(71, 58, 48, 0.01);
+}
+
+#LookingGlassDialog .labels {
+ spacing: 0;
+}
+
+#LookingGlassDialog .notebook-tab {
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
+ transition-duration: 100ms;
+ min-height: 32px;
+ padding-left: 32px;
+ padding-right: 32px;
+ border: 0;
+ color: rgba(230, 230, 250, 0.7);
+ font-weight: bold;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+ color: rgba(230, 230, 250, 0.7);
+ text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:active {
+ transition-duration: 200ms;
+ background-color: rgba(230, 230, 250, 0.2);
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+ border: 0;
+ box-shadow: inset 0 -2px #6daf22;
+ background-color: rgba(71, 58, 48, 0.01);
+ color: #e6e6fa;
+ text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+ padding: 8px;
+ spacing: 4px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+ spacing: 4px;
+}
+
+.lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active {
+ color: #6daf22;
+}
+
+.lg-completions-text {
+ font-size: 1em;
+ font-style: italic;
+}
+
+.lg-obj-inspector-title {
+ spacing: 4px;
+}
+
+.lg-obj-inspector-button, .lg-obj-inspector-button:hover {
+ border: 0;
+}
+
+#Windows {
+ padding: 8px;
+}
+
+#lookingGlassExtensions {
+ padding: 8px;
+}
+
+.lg-extensions-list {
+ padding: 0;
+ spacing: 6px;
+}
+
+.lg-extension {
+ padding: 4px;
+ border: 0;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+.lg-extension-name {
+ font-size: 15pt;
+ font-weight: 500;
+}
+
+.lg-extension-meta {
+ spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+ padding: 6px;
+ border: 0;
+ border-radius: 10px;
+ box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
+ background-color: #473a30;
+ color: #e6e6fa;
+}
+
+/* Login Dialog */
+.login-dialog-banner-view {
+ padding-top: 24px;
+ max-width: 23em;
+}
+
+.login-dialog {
+ border: 0;
+ background-color: transparent;
+}
+
+.login-dialog StEntry {
+ transition-duration: 100ms;
+ background-color: rgba(230, 230, 250, 0.04);
+ border-color: transparent;
+ box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3);
+ color: #e6e6fa;
+ selection-background-color: rgba(230, 230, 250, 0.3);
+ selected-color: #e6e6fa;
+}
+
+.login-dialog StEntry:focus {
+ border-color: transparent;
+ box-shadow: inset 0 -2px #e6e6fa;
+}
+
+.login-dialog StEntry:insensitive {
+ color: rgba(230, 230, 250, 0.5);
+ border-color: transparent;
+ box-shadow: inset 0 -1px rgba(230, 230, 250, 0.12);
+ color: rgba(230, 230, 250, 0.5);
+}
+
+.login-dialog StEntry StLabel.hint-text {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.login-dialog StEntry StIcon.peek-password {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.login-dialog StEntry StIcon.peek-password:hover {
+ color: #e6e6fa;
+}
+
+.login-dialog .modal-dialog-button-box {
+ spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 100ms;
+}
+
+.login-dialog .modal-dialog-button:focus {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.12);
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: 0 0 transparent;
+}
+
+.login-dialog .modal-dialog-button:hover {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.08);
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.login-dialog .modal-dialog-button:active {
+ color: rgba(230, 230, 250, 0.7);
+ background-color: rgba(230, 230, 250, 0.2);
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 200ms;
+}
+
+.login-dialog .modal-dialog-button:insensitive {
+ color: rgba(230, 230, 250, 0.3);
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.login-dialog .modal-dialog-button:default {
+ min-width: 32px;
+ padding: 0 16px;
+ color: #303030;
+ background-color: #6daf22;
+ border-color: transparent;
+ box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 100ms;
+}
+
+.login-dialog .modal-dialog-button:default:focus {
+ color: #303030;
+ text-shadow: none;
+ icon-shadow: none;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+}
+
+.login-dialog .modal-dialog-button:default:hover {
+ color: #303030;
+ background-color: #6daf22;
+ border-color: transparent;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.login-dialog .modal-dialog-button:default:active {
+ color: #303030;
+ background-color: #5e9125;
+ border-color: transparent;
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+ text-shadow: none;
+ icon-shadow: none;
+ transition-duration: 200ms;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive {
+ color: rgba(230, 230, 250, 0.5);
+ background-color: rgba(230, 230, 250, 0.08);
+ border-color: transparent;
+ box-shadow: 0 0 transparent;
+ text-shadow: none;
+ icon-shadow: none;
+}
+
+.login-dialog-logo-bin {
+ padding: 24px 0;
+}
+
+.login-dialog-banner {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.login-dialog-button-box {
+ spacing: 5px;
+ width: 23em;
+}
+
+.login-dialog-message {
+ text-align: center;
+}
+
+.caps-lock-warning-label,
+.login-dialog-message-warning {
+ color: #ff7002;
+}
+
+.login-dialog-message-hint {
+ padding-top: 0;
+ padding-bottom: 20px;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.login-dialog-user-selection-box {
+ padding: 100px 0;
+}
+
+.login-dialog-not-listed-button {
+ transition-duration: 100ms;
+ min-height: 32px;
+ padding: 0 8px;
+ margin-top: 1em;
+ border-radius: 10px;
+ color: rgba(230, 230, 250, 0.7);
+ font-size: 10.5pt;
+ font-weight: 500;
+}
+
+.login-dialog-not-listed-button:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.login-dialog-not-listed-button:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.login-dialog-not-listed-button:active {
+ transition-duration: 200ms;
+ background-color: rgba(230, 230, 250, 0.2);
+}
+
+.login-dialog-user-list-view {
+ -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+ spacing: 12px;
+ width: 23em;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+ border-right: 2px solid #e6e6fa;
+}
+
+.login-dialog-user-list-item {
+ transition-duration: 100ms;
+ padding: 6px;
+ border-radius: 10px;
+ color: inherit;
+}
+
+.login-dialog-user-list-item:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.login-dialog-user-list-item:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.login-dialog-user-list-item:active {
+ transition-duration: 200ms;
+ background-color: rgba(230, 230, 250, 0.2);
+}
+
+.login-dialog-user-list-item:ltr .user-widget {
+ padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl .user-widget {
+ padding-left: 1em;
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+ height: 2px;
+ margin-top: 6px;
+ background-color: #e6e6fa;
+}
+
+.login-dialog .user-icon StIcon {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.user-widget-label {
+ color: inherit;
+}
+
+.user-widget.horizontal .user-widget-label {
+ padding-left: 16px;
+ font-size: 15pt;
+ font-weight: 500;
+ text-align: left;
+}
+
+.user-widget.horizontal .user-widget-label:ltr {
+ padding-left: 14px;
+}
+
+.user-widget.horizontal .user-widget-label:rtl {
+ padding-right: 14px;
+}
+
+.user-widget.vertical .user-widget-label {
+ padding-top: 16px;
+ font-size: 18pt;
+ font-weight: 400;
+ text-align: center;
+}
+
+.login-dialog-prompt-layout {
+ width: 23em;
+ padding-top: 24px;
+ padding-bottom: 12px;
+ spacing: 8px;
+}
+
+.login-dialog-prompt-label {
+ color: rgba(230, 230, 250, 0.7);
+ font-size: 1em;
+ padding-top: 1em;
+}
+
+.cancel-button,
+.switch-user-button,
+.login-dialog-session-list-button {
+ transition-duration: 100ms;
+ width: 32px;
+ height: 32px;
+ min-width: 0;
+ min-height: 0;
+ padding: 0;
+ border-radius: 16px;
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.cancel-button:focus,
+.switch-user-button:focus,
+.login-dialog-session-list-button:focus {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+.cancel-button:hover,
+.switch-user-button:hover,
+.login-dialog-session-list-button:hover {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+.cancel-button:active,
+.switch-user-button:active,
+.login-dialog-session-list-button:active {
+ transition-duration: 200ms;
+ background-color: rgba(230, 230, 250, 0.2);
+}
+
+.cancel-button StIcon,
+.switch-user-button StIcon,
+.login-dialog-session-list-button StIcon {
+ icon-size: 16px;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+ padding-bottom: 2.5em;
+ spacing: 24px;
+ color: #e6e6fa;
+ font-weight: normal;
+ text-align: center;
+}
+
+.unlock-dialog-clock-time {
+ padding-top: 42px;
+ font-size: 96px;
+ font-weight: 300;
+ font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+ font-size: 34px;
+ font-weight: 400;
+}
+
+.unlock-dialog-clock-hint {
+ padding-top: 48px;
+ color: rgba(230, 230, 250, 0.7);
+ font-weight: normal;
+}
+
+.unlock-dialog-notifications-container {
+ width: 23em;
+ margin: 12px 0;
+ spacing: 6px;
+ background-color: transparent;
+}
+
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+ padding: 8px;
+ border: 0;
+ border-radius: 10px;
+ background-color: rgba(230, 230, 250, 0.04);
+ color: #e6e6fa;
+}
+
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+ background-color: rgba(230, 230, 250, 0.04);
+ color: #ff7002;
+}
+
+.unlock-dialog-notification-label {
+ padding: 0 0 0 12px;
+}
+
+.unlock-dialog-notification-count-text {
+ margin-right: 12px;
+ padding: 2px 8px;
+ border-radius: 99px;
+ background-color: rgba(230, 230, 250, 0.08);
+ color: #e6e6fa;
+}
+
+#lockDialogGroup {
+ background-color: #14212c;
+ color: #e6e6fa;
+}
+
+.screen-shield-background {
+ background: black;
+ box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44);
+}
+
+/* Dash to Dock */
+#dashtodockContainer #dash {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+#dashtodockContainer:overview #dash {
+ background-color: rgba(230, 230, 250, 0.08);
+}
+
+#dashtodockContainer.extended:overview #dash {
+ background-color: transparent;
+}
+
+#dashtodockContainer.left #dash,
+#dashtodockContainer.right #dash {
+ padding: 3px 0;
+}
+
+#dashtodockContainer.top #dash,
+#dashtodockContainer.bottom #dash {
+ padding: 0 3px;
+}
+
+#dashtodockContainer.extended #dash {
+ padding: 0;
+ border-radius: 0;
+}
+
+#dashtodockContainer.left .dash-item-container > StWidget,
+#dashtodockContainer.right .dash-item-container > StWidget,
+#dashtodockContainer.extended.left .dash-item-container > StWidget,
+#dashtodockContainer.extended.right .dash-item-container > StWidget {
+ padding: 3px 6px;
+}
+
+#dashtodockContainer.extended.left .dash-item-container:first-child > StWidget,
+#dashtodockContainer.extended.right .dash-item-container:first-child > StWidget {
+ padding: 6px 6px 3px 6px;
+}
+
+#dashtodockContainer.extended.left .dash-item-container:last-child > StWidget,
+#dashtodockContainer.extended.right .dash-item-container:last-child > StWidget {
+ padding: 3px 6px 6px 6px;
+}
+
+#dashtodockContainer.top .dash-item-container > StWidget,
+#dashtodockContainer.bottom .dash-item-container > StWidget,
+#dashtodockContainer.extended.top .dash-item-container > StWidget,
+#dashtodockContainer.extended.bottom .dash-item-container > StWidget {
+ padding: 6px 3px;
+}
+
+#dashtodockContainer.extended.top .dash-item-container:first-child > StWidget,
+#dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget {
+ padding: 6px 3px 6px 6px;
+}
+
+#dashtodockContainer.extended.top .dash-item-container:last-child > StWidget,
+#dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget {
+ padding: 6px 6px 6px 3px;
+}
+
+#dashtodockContainer .focused .overview-icon {
+ background-color: rgba(230, 230, 250, 0.12);
+}
+
+#dashtodockContainer .default.focused .overview-icon {
+ background-color: transparent;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+ background-color: transparent;
+}
+
+#dashtodockContainer .default {
+ background-size: cover;
+}
+
+#dashtodockContainer.left .default.running1 {
+ background-image: url("assets/dash/left-running1.svg");
+}
+
+#dashtodockContainer.left .default.running1.focused {
+ background-image: url("assets/dash/left-running1-focused.svg");
+}
+
+#dashtodockContainer.left .default.running2 {
+ background-image: url("assets/dash/left-running2.svg");
+}
+
+#dashtodockContainer.left .default.running2.focused {
+ background-image: url("assets/dash/left-running2-focused.svg");
+}
+
+#dashtodockContainer.left .default.running3 {
+ background-image: url("assets/dash/left-running3.svg");
+}
+
+#dashtodockContainer.left .default.running3.focused {
+ background-image: url("assets/dash/left-running3-focused.svg");
+}
+
+#dashtodockContainer.left .default.running4 {
+ background-image: url("assets/dash/left-running4.svg");
+}
+
+#dashtodockContainer.left .default.running4.focused {
+ background-image: url("assets/dash/left-running4-focused.svg");
+}
+
+#dashtodockContainer.right .default.running1 {
+ background-image: url("assets/dash/right-running1.svg");
+}
+
+#dashtodockContainer.right .default.running1.focused {
+ background-image: url("assets/dash/right-running1-focused.svg");
+}
+
+#dashtodockContainer.right .default.running2 {
+ background-image: url("assets/dash/right-running2.svg");
+}
+
+#dashtodockContainer.right .default.running2.focused {
+ background-image: url("assets/dash/right-running2-focused.svg");
+}
+
+#dashtodockContainer.right .default.running3 {
+ background-image: url("assets/dash/right-running3.svg");
+}
+
+#dashtodockContainer.right .default.running3.focused {
+ background-image: url("assets/dash/right-running3-focused.svg");
+}
+
+#dashtodockContainer.right .default.running4 {
+ background-image: url("assets/dash/right-running4.svg");
+}
+
+#dashtodockContainer.right .default.running4.focused {
+ background-image: url("assets/dash/right-running4-focused.svg");
+}
+
+#dashtodockContainer.top .default.running1 {
+ background-image: url("assets/dash/top-running1.svg");
+}
+
+#dashtodockContainer.top .default.running1.focused {
+ background-image: url("assets/dash/top-running1-focused.svg");
+}
+
+#dashtodockContainer.top .default.running2 {
+ background-image: url("assets/dash/top-running2.svg");
+}
+
+#dashtodockContainer.top .default.running2.focused {
+ background-image: url("assets/dash/top-running2-focused.svg");
+}
+
+#dashtodockContainer.top .default.running3 {
+ background-image: url("assets/dash/top-running3.svg");
+}
+
+#dashtodockContainer.top .default.running3.focused {
+ background-image: url("assets/dash/top-running3-focused.svg");
+}
+
+#dashtodockContainer.top .default.running4 {
+ background-image: url("assets/dash/top-running4.svg");
+}
+
+#dashtodockContainer.top .default.running4.focused {
+ background-image: url("assets/dash/top-running4-focused.svg");
+}
+
+#dashtodockContainer.bottom .default.running1 {
+ background-image: url("assets/dash/bottom-running1.svg");
+}
+
+#dashtodockContainer.bottom .default.running1.focused {
+ background-image: url("assets/dash/bottom-running1-focused.svg");
+}
+
+#dashtodockContainer.bottom .default.running2 {
+ background-image: url("assets/dash/bottom-running2.svg");
+}
+
+#dashtodockContainer.bottom .default.running2.focused {
+ background-image: url("assets/dash/bottom-running2-focused.svg");
+}
+
+#dashtodockContainer.bottom .default.running3 {
+ background-image: url("assets/dash/bottom-running3.svg");
+}
+
+#dashtodockContainer.bottom .default.running3.focused {
+ background-image: url("assets/dash/bottom-running3-focused.svg");
+}
+
+#dashtodockContainer.bottom .default.running4 {
+ background-image: url("assets/dash/bottom-running4.svg");
+}
+
+#dashtodockContainer.bottom .default.running4.focused {
+ background-image: url("assets/dash/bottom-running4-focused.svg");
+}
+
+/* Simple Dock */
+#dash:desktop {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+/* GPaste */
+.popup-menu .search-entry {
+ color: #e6e6fa;
+ selection-background-color: rgba(109, 175, 34, 0.32);
+ selected-color: #e6e6fa;
+ transition-duration: 100ms;
+ background-color: rgba(230, 230, 250, 0.04);
+ border-color: transparent;
+ box-shadow: inset 0 -1px rgba(230, 230, 250, 0.3);
+}
+
+.popup-menu .search-entry:hover {
+ box-shadow: inset 0 -1px #e6e6fa;
+}
+
+.popup-menu .search-entry:focus {
+ border-color: transparent;
+ box-shadow: inset 0 -2px #6daf22;
+ color: #e6e6fa;
+}
+
+.popup-menu .search-entry .search-entry-icon {
+ color: rgba(230, 230, 250, 0.7);
+}
+
+.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon {
+ color: #e6e6fa;
+}
diff --git a/gnome-shell/icons/eye-not-looking-symbolic.svg b/gnome-shell/icons/eye-not-looking-symbolic.svg
new file mode 100644
index 0000000..20c4224
--- /dev/null
+++ b/gnome-shell/icons/eye-not-looking-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/icons/eye-open-negative-filled-symbolic.svg b/gnome-shell/icons/eye-open-negative-filled-symbolic.svg
new file mode 100644
index 0000000..1f9207e
--- /dev/null
+++ b/gnome-shell/icons/eye-open-negative-filled-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/icons/keyboard-caps-lock-filled-symbolic.svg b/gnome-shell/icons/keyboard-caps-lock-filled-symbolic.svg
new file mode 100644
index 0000000..fc6bd93
--- /dev/null
+++ b/gnome-shell/icons/keyboard-caps-lock-filled-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/icons/keyboard-enter-symbolic.svg b/gnome-shell/icons/keyboard-enter-symbolic.svg
new file mode 100644
index 0000000..91fbb7f
--- /dev/null
+++ b/gnome-shell/icons/keyboard-enter-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/icons/keyboard-hide-symbolic.svg b/gnome-shell/icons/keyboard-hide-symbolic.svg
new file mode 100644
index 0000000..e8e1117
--- /dev/null
+++ b/gnome-shell/icons/keyboard-hide-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/icons/keyboard-layout-filled-symbolic.svg b/gnome-shell/icons/keyboard-layout-filled-symbolic.svg
new file mode 100644
index 0000000..80b78e4
--- /dev/null
+++ b/gnome-shell/icons/keyboard-layout-filled-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/icons/keyboard-shift-filled-symbolic.svg b/gnome-shell/icons/keyboard-shift-filled-symbolic.svg
new file mode 100644
index 0000000..691eed1
--- /dev/null
+++ b/gnome-shell/icons/keyboard-shift-filled-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/icons/message-indicator-symbolic.svg b/gnome-shell/icons/message-indicator-symbolic.svg
new file mode 100644
index 0000000..5edac8f
--- /dev/null
+++ b/gnome-shell/icons/message-indicator-symbolic.svg
@@ -0,0 +1,3 @@
+
diff --git a/gnome-shell/icons/pointer-double-click-symbolic.svg b/gnome-shell/icons/pointer-double-click-symbolic.svg
new file mode 100644
index 0000000..5267834
--- /dev/null
+++ b/gnome-shell/icons/pointer-double-click-symbolic.svg
@@ -0,0 +1,28 @@
+
+
diff --git a/gnome-shell/icons/pointer-drag-symbolic.svg b/gnome-shell/icons/pointer-drag-symbolic.svg
new file mode 100644
index 0000000..be37e6f
--- /dev/null
+++ b/gnome-shell/icons/pointer-drag-symbolic.svg
@@ -0,0 +1,20 @@
+
+
diff --git a/gnome-shell/icons/pointer-primary-click-symbolic.svg b/gnome-shell/icons/pointer-primary-click-symbolic.svg
new file mode 100644
index 0000000..f447991
--- /dev/null
+++ b/gnome-shell/icons/pointer-primary-click-symbolic.svg
@@ -0,0 +1,26 @@
+
+
diff --git a/gnome-shell/icons/pointer-secondary-click-symbolic.svg b/gnome-shell/icons/pointer-secondary-click-symbolic.svg
new file mode 100644
index 0000000..b72e178
--- /dev/null
+++ b/gnome-shell/icons/pointer-secondary-click-symbolic.svg
@@ -0,0 +1,26 @@
+
+
diff --git a/gnome-shell/noise-texture.png b/gnome-shell/noise-texture.png
new file mode 100644
index 0000000..ca1563d
Binary files /dev/null and b/gnome-shell/noise-texture.png differ
diff --git a/gnome-shell/pad-osd.css b/gnome-shell/pad-osd.css
new file mode 100644
index 0000000..31c2377
--- /dev/null
+++ b/gnome-shell/pad-osd.css
@@ -0,0 +1,30 @@
+.Leader {
+ stroke-width: .5 !important;
+ stroke: #535353;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: .25;
+ stroke: #ededed;
+ fill: #ededed;
+}
+
+.Ring {
+ stroke-width: .5 !important;
+ stroke: #535353 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: .1 !important;
+ font-size: .1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+ stroke-width: .1 !important;
+ stroke: #ededed !important;
+ fill: #535353 !important;
+}
diff --git a/gnome-shell/process-working.svg b/gnome-shell/process-working.svg
new file mode 100644
index 0000000..aa342af
--- /dev/null
+++ b/gnome-shell/process-working.svg
@@ -0,0 +1,72 @@
+
diff --git a/gtk-3.0/gtk-contained-dark.css b/gtk-3.0/gtk-contained-dark.css
index 562b488..c592cb2 100755
--- a/gtk-3.0/gtk-contained-dark.css
+++ b/gtk-3.0/gtk-contained-dark.css
@@ -9,18 +9,21 @@ text color for entries, views and content in general */
@define-color theme_text_color shade (@theme_fg_color, 1.15);
/*
widget base background color */
-@define-color theme_bg_color #6A7485;
+@define-color theme_bg_color #6f7569;
/*
text widgets and the like base background color */
@define-color theme_base_color shade (@theme_bg_color, 0.8);
+@define-color theme_disabled_fg_color alpha(@theme_fg_color, 0.5);
+
/*
* button background color*/
@define-color button_bg_color #4F6665;
+
/*
base background color of selections */
-@define-color theme_selected_bg_color #419553; /*#7BBD89*/
+@define-color theme_selected_bg_color #669900; /*#7BBD89*/
/*
second color, on scales... */
@define-color secondary_selected_bg_color #FFEBBF;
@@ -38,16 +41,16 @@ insensitive text widgets and the like base background color */
@define-color insensitive_base_color @theme_base_color;
/*
widget text/foreground color on backdrop windows */
-@define-color theme_unfocused_fg_color alpha (@theme_fg_color, 0.75);
+@define-color theme_unfocused_fg_color @theme_fg_color;
/*
text color for entries, views and content in general on backdrop windows */
-@define-color theme_unfocused_text_color alpha (@theme_fg_color, 0.8);
+@define-color theme_unfocused_text_color @theme_fg_color;
/*
widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color @theme_bg_color;
/*
text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color shade (@theme_base_color, 1.1);
+@define-color theme_unfocused_base_color @theme_base_color;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color @theme_selected_bg_color;
@@ -60,14 +63,34 @@ insensitive color on backdrop windows*/
/*
widgets main borders color */
@define-color borders alpha (shade (@theme_bg_color, 0.7), 0.75);
+
+/*highlight for buttons*/
+@define-color highlight_color alpha(white, 0.5);
+
+/*text shadows to simulate "groove" (or "outset")*/
+@define-color text_shadow_color black;
+
/*
widgets main borders color on backdrop windows */
@define-color unfocused_borders shade (@borders, 1.05);
+
/*
these are pretty self explicative */
@define-color warning_color #f57900;
@define-color error_color #990000;
@define-color success_color #73d216;
+
+/*Window headers*/
+@define-color theme_header_bg @theme_selected_bg_color;
+@define-color theme_header_unfocused_bg #16371b;
+@define-color theme_header_fg @theme_selected_fg_color;
+@define-color theme_header_unfocused_fg #949c3c;
+
+/* scale slider colors*/
+@define-color slider_inner_color #FFCC00;
+@define-color slider_middle_color #FFAA00;
+@define-color slider_outer_color #6d046d;
+
/*
these colors are exported for the window manager and shouldn't be used in applications,
read if you used those and something break with a version upgrade you're on your own... */
@@ -96,7 +119,7 @@ read if you used those and something break with a version upgrade you're on your
-GtkWidget-text-handle-height: 24;
-GtkDialog-button-spacing: 4;
-GtkDialog-action-area-border: 0;
- outline-color: alpha(currentColor,0.3);
+ outline-color: alpha(currentColor,0.4);
outline-style: dashed;
outline-offset: -3px;
outline-width: 1px;
@@ -109,11 +132,11 @@ read if you used those and something break with a version upgrade you're on your
.background {
color: @theme_fg_color;
background-color: @theme_bg_color; }
- .background:backdrop {
+ /*.background:backdrop {
color: @wm_unfocused_title;
background-color: @theme_bg_color;
text-shadow: none;
- -gtk-icon-shadow: none; }
+ -gtk-icon-shadow: none; }*/
/*
These wildcard seems unavoidable, need to investigate.
@@ -134,7 +157,7 @@ read if you used those and something break with a version upgrade you're on your
color: @theme_fg_color;
background-color: shade (@theme_bg_color, 0.9); }
.gtkstyle-fallback:disabled {
- color: @wm_unfocused_title;
+ color: @theme_disabled_fg_color;
background-color: @theme_unfocused_bg_color; }
.gtkstyle-fallback:selected {
color: @theme_selected_fg_color;
@@ -146,7 +169,7 @@ iconview text,
textview text {
color: @theme_fg_color;
background-color: @theme_base_color; }
- .view:backdrop, iconview:backdrop,
+ /*.view:backdrop, iconview:backdrop,
.view text:backdrop,
iconview text:backdrop,
textview text:backdrop {
@@ -156,12 +179,12 @@ textview text {
.view text:backdrop:disabled,
iconview text:backdrop:disabled,
textview text:backdrop:disabled {
- color: @unfocused_insensitive_color; }
+ color: @unfocused_insensitive_color; }*/
.view:disabled, iconview:disabled,
.view text:disabled,
iconview text:disabled,
textview text:disabled {
- color: @wm_unfocused_title;
+ color: @theme_disabled_fg_color;
background-color: @theme_base_color; }
.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
.view text:selected:focus,
@@ -194,28 +217,30 @@ flowbox flowboxchild {
background-color: transparent;
border-radius: 0;
padding: 0; }
- .content-view .tile:backdrop {
- background-color: transparent; }
+ /*.content-view .tile:backdrop {
+ background-color: transparent; }*/
.content-view .tile:active, .content-view .tile:selected {
background-color: transparent; }
.content-view .tile:disabled {
background-color: transparent; }
label {
- caret-color: currentColor; }
+ caret-color: currentColor;
+ /*color: @theme_text_color;*/
+ }
label.separator {
color: @theme_fg_color; }
- label.separator:backdrop {
- color: @wm_unfocused_title; }
+ /*label.separator:backdrop {
+ color: @wm_unfocused_title; }*/
label selection {
background-color: @theme_selected_bg_color;
color: @theme_selected_fg_color; }
label:disabled {
- color: @wm_unfocused_title; }
- label:disabled:backdrop {
- color: @unfocused_insensitive_color; }
- label:backdrop {
- color: @wm_unfocused_title; }
+ color: @theme_disabled_fg_color; }
+ /*label:disabled:backdrop {
+ color: @unfocused_insensitive_color; }*/
+ /*label:backdrop {
+ color: @wm_unfocused_title; }*/
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
headerbar .subtitle {
@@ -247,10 +272,10 @@ assistant .sidebar label.highlight {
background-clip: padding-box;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
- popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop,
+ /*popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop,
.osd:backdrop {
text-shadow: none;
- -gtk-icon-shadow: none; }
+ -gtk-icon-shadow: none; }*/
/*********************
* Spinner Animation *
@@ -290,6 +315,9 @@ entry {
spinbutton:not(.vertical) image.right,
entry image.right {
margin-left: 6px; }
+
+ /* undershoots defined globally later
+ *
spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
background-color: transparent;
@@ -311,7 +339,7 @@ entry {
background-origin: content-box;
background-position: right center;
border: none;
- box-shadow: none; }
+ box-shadow: none; }*/
spinbutton.flat:focus:not(.vertical), spinbutton.flat:backdrop:not(.vertical), spinbutton.flat:disabled:not(.vertical), spinbutton.flat:backdrop:disabled:not(.vertical), spinbutton.flat:not(.vertical),
entry.flat:focus,
entry.flat:backdrop,
@@ -328,23 +356,23 @@ entry {
border-color: @theme_selected_bg_color; }
spinbutton:disabled:not(.vertical),
entry:disabled {
- color: @wm_unfocused_title;
+ color: @theme_disabled_fg_color;
border-color: @borders;
background-color: @insensitive_bg_color;
box-shadow: none; }
- spinbutton:backdrop:not(.vertical),
+/* spinbutton:backdrop:not(.vertical),
entry:backdrop {
color: @theme_unfocused_text_color;
border-color: @unfocused_borders;
background-color: @theme_unfocused_base_color;
box-shadow: none;
- transition: 80ms ease-out; }
- spinbutton:backdrop:disabled:not(.vertical),
+ transition: 80ms ease-out; }*/
+/* spinbutton:backdrop:disabled:not(.vertical),
entry:backdrop:disabled {
color: @unfocused_insensitive_color;
border-color: @unfocused_borders;
background-color: @insensitive_bg_color;
- box-shadow: none; }
+ box-shadow: none; }*/
spinbutton.error:not(.vertical),
entry.error {
color: @error_color;
@@ -374,9 +402,9 @@ entry {
spinbutton:not(.vertical) image:active,
entry image:active {
color: @theme_selected_bg_color; }
- spinbutton:not(.vertical) image:backdrop,
+ /*spinbutton:not(.vertical) image:backdrop,
entry image:backdrop {
- color: @theme_unfocused_text_color; }
+ color: @theme_unfocused_text_color; }*/
spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical),
entry:drop(active):focus,
entry:drop(active) {
@@ -400,7 +428,7 @@ entry {
box-shadow: inset 0 0 0 1px @theme_selected_bg_color;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
- .osd spinbutton:backdrop:not(.vertical), .osd
+ /*.osd spinbutton:backdrop:not(.vertical), .osd
entry:backdrop {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -408,10 +436,10 @@ entry {
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
- -gtk-icon-shadow: none; }
+ -gtk-icon-shadow: none; }*/
.osd spinbutton:disabled:not(.vertical), .osd
entry:disabled {
- color: #858786;
+ color: @theme_disabled_fg_color;
border-color: rgba(0, 0, 0, 0.7);
background-color: rgba(49, 52, 52, 0.5);
background-clip: padding-box;
@@ -429,9 +457,9 @@ entry progress {
border-color: @theme_selected_bg_color;
border-style: solid;
box-shadow: none; }
- spinbutton:not(.vertical) progress:backdrop,
+/* spinbutton:not(.vertical) progress:backdrop,
entry progress:backdrop {
- background-color: transparent; }
+ background-color: transparent; }*/
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical),
.linked:not(.vertical) > spinbutton:focus:not(.vertical) + button,
@@ -577,16 +605,19 @@ button {
border: 1px solid;
border-radius: 5px;
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+notebook > header > tabs > arrow, button.titlebutton,
+button, button.flat:hover, button.flat:focus {
color: @theme_fg_color;
outline-color: rgba(0, 0, 0, 0.1);
- text-shadow: 0 1px rgba(0, 0, 0, 0.769231);
- -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231);
- border-color: @borders;
- border-bottom-color: shade (@borders, 0.75);
+ text-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3);
+ -gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3);
+ border-color: alpha(black, 0.3);/*@borders;*/
+ border-bottom-color: alpha(black, 0.5);
/*background: linear-gradient(to top, shade (@theme_bg_color, 1), shade (@theme_bg_color, 1.05));*/
- background: linear-gradient(to top, shade (@button_bg_color, 1), shade (@button_bg_color, 1.05));
+ background-image: linear-gradient(to top, alpha (@button_bg_color, 0.6), alpha(shade (@button_bg_color, 1.1), 0.6));
/*box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.15);*/
- box-shadow: inset 0px 1px 1px shade (@button_bg_color, 1.15);
+ box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.5), inset 0px -1px 1px shade (@button_bg_color, 0.85);
}
notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton,
button.flat {
@@ -600,32 +631,41 @@ button {
notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
button.flat:hover {
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
- transition-duration: 500ms; }
+ transition-duration: 500ms;
+ background-color: alpha(@highlight_color, 0.2)
+ }
notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active,
button.flat:hover:active {
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
notebook > header > tabs > arrow:focus, button.titlebutton:focus,
button:focus {
- outline-offset: -8px; }
+ outline-offset: -8px;
+ background-color: alpha (@highlight_color, 0.7);
+ }
notebook > header > tabs > arrow:hover, button.titlebutton:hover,
button:hover {
- color: @theme_fg_color;
- outline-color: rgba(0, 0, 0, 0.1);
+/* color: @theme_fg_color;
+ outline-color: rgba(0, 0, 0, 0.1);*/
/*background: linear-gradient(to top, shade (@theme_bg_color, 1.05), shade (@theme_bg_color, 1.1));*/
- background: linear-gradient(to top, shade (@button_bg_color, 1.05), shade (@button_bg_color, 1.1));
+/* background: linear-gradient(to top, shade (@button_bg_color, 1.05), shade (@button_bg_color, 1.1));
border-color: @borders;
- border-bottom-color: shade (@borders, 0.75);
+ border-bottom-color: shade (@borders, 0.75);*/
+ background-color: alpha(@highlight_color, 0.7);
-gtk-icon-effect: highlight; }
+ headerbar button:hover {
+ background-color: alpha(@highlight_color, 0.3);
+ }
notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked,
button:active,
button:checked {
color: @theme_fg_color;
outline-color: rgba(0, 0, 0, 0.1);
- text-shadow: 0 1px rgba(0, 0, 0, 0.769231);
- -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231);
- border-color: shade (@borders, 0.6);
+ /*text-shadow: 0 1px rgba(255, 255, 255, 0.769231);*/
+ /*-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);*/
+ /*border-color: shade (@borders, 0.6);*/
+ border-bottom-color: alpha(@highlight_color, 0.5);
/*background: linear-gradient(to top, shade (@theme_bg_color, 0.85), shade (@theme_bg_color, 0.9));*/
- background: linear-gradient(to top, shade (@button_bg_color, 0.85), shade (@button_bg_color, 0.9));
+ background-image: linear-gradient(to top, alpha(shade (@button_bg_color, 0.85), 0.6), alpha (shade (@button_bg_color, 0.9), 0.6));
-gtk-icon-shadow: none;
/*box-shadow: inset 0px 0px 2px 0px shade (@theme_bg_color, 0.6);*/
box-shadow: inset 0px 0px 2px 0px shade (@button_bg_color, 0.6);
@@ -634,6 +674,7 @@ button {
button:backdrop.flat,
button:backdrop {
border-color: @unfocused_borders;
+ background: none;
background-image: image(@theme_bg_color);
text-shadow: none;
-gtk-icon-shadow: none;
@@ -684,14 +725,13 @@ button {
button:backdrop:disabled:checked {
border-color: @unfocused_borders;
background-image: image(@insensitive_bg_color);
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), inset 0px 0px 2px 0px shade (@theme_bg_color, 0.6) ; }
notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
button:backdrop.flat:disabled:active label,
button:backdrop.flat:disabled:checked label,
button:backdrop:disabled:active label,
button:backdrop:disabled:checked label {
color: @unfocused_insensitive_color; }
-
notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled,
button.flat:backdrop,
button.flat:disabled,
@@ -701,20 +741,23 @@ button {
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
- -gtk-icon-shadow: none; }*/
+ -gtk-icon-shadow: none; }
+ */
notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
button:disabled {
text-shadow: none;
-gtk-icon-shadow: none;
- background-image: image(@insensitive_bg_color);
+ /*background-image: image(@insensitive_bg_color);*/
+ background-image: none;
+ background-color: alpha (@insensitive_bg_color, 0.5);
box-shadow: 0px 1px 2px @borders;
box-shadow: none;
border-color: @borders; }
notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
button:disabled label,
button:disabled {
- color: alpha (current-color, 0.5);} /*@wm_unfocused_title; }*/
+ color: @theme_disabled_fg_color;} /*@wm_unfocused_title; }*/
notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked,
button:disabled:active,
button:disabled:checked {
@@ -722,7 +765,7 @@ button {
outline-color: rgba(0, 0, 0, 0.1);
text-shadow: none;
background-image: image(@insensitive_bg_color);
- box-shadow: inset 0px 0px 2px 0px shade(@button_bg_color,0.6);
+ box-shadow: inset 0px 0px 2px 0px shade (@button_bg_color, 0.6) ;
-gtk-icon-shadow: none; }
notebook > header > tabs > arrow.image-button, button.image-button.titlebutton,
button.image-button {
@@ -758,7 +801,7 @@ button {
button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
color: @theme_unfocused_base_color; }
-
+/*
button.osd {
min-width: 24px;
min-height: 32px;
@@ -808,7 +851,7 @@ button.osd {
button.osd:disabled:backdrop,
button.osd:disabled {
- color: #858786;
+ color: @theme_disabled_fg_color;
border-color: rgba(0, 0, 0, 0.7);
background-color: transparent;
background-image: image(rgba(49, 52, 52, 0.5));
@@ -817,8 +860,8 @@ button.osd {
text-shadow: none;
-gtk-icon-shadow: none;
border: none; }
-
- button.osd:backdrop {
+*/
+ /*button.osd:backdrop {
color: #eeeeec;
border-color: rgba(0, 0, 0, 0.7);
background-color: transparent;
@@ -827,8 +870,8 @@ button.osd {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- border: none; }
-
+ border: none; }*/
+/*
.csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button,
.app-notification.frame button,
.osd
@@ -877,15 +920,15 @@ button {
button:disabled:backdrop,
.osd
button:disabled {
- color: #858786;
+ color: @theme_disabled_fg_color;
border-color: rgba(0, 0, 0, 0.7);
background-color: transparent;
background-image: image(rgba(49, 52, 52, 0.5));
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
- -gtk-icon-shadow: none; }
- popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop,
+ -gtk-icon-shadow: none; }*/
+/* popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop,
.osd
button:backdrop {
color: #eeeeec;
@@ -895,8 +938,8 @@ button {
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
- -gtk-icon-shadow: none; }
- popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat,
+ -gtk-icon-shadow: none; }*/
+ /*popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat,
.osd
button.flat {
border-color: transparent;
@@ -909,8 +952,8 @@ button {
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover,
- .osd
- button.flat:hover {
+ .osd*/
+ /*button.flat:hover {
color: white;
border-color: rgba(0, 0, 0, 0.7);
background-color: transparent;
@@ -919,11 +962,11 @@ button {
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black;
- outline-color: rgba(238, 238, 236, 0.2); }
- popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled,
+ outline-color: rgba(238, 238, 236, 0.2); }*/
+ /* popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled,
.osd
button.flat:disabled {
- color: #858786;
+ color: @theme_disabled_fg_color;
border-color: rgba(0, 0, 0, 0.7);
background-color: transparent;
background-image: image(rgba(49, 52, 52, 0.5));
@@ -935,15 +978,15 @@ button {
border-color: transparent;
box-shadow: none; }
popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop,
- .osd
- button.flat:backdrop {
+ .osd*/
+ /* button.flat:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
- -gtk-icon-shadow: none; }
- popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked,
+ -gtk-icon-shadow: none; }*/
+ /* popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked,
.osd
button.flat:active,
.osd
@@ -956,7 +999,7 @@ button {
box-shadow: none;
text-shadow: none;
-gtk-icon-shadow: none;
- outline-color: rgba(238, 238, 236, 0.2); }
+ outline-color: rgba(238, 238, 236, 0.2); }*/
button.suggested-action {
@@ -995,15 +1038,15 @@ button.suggested-action {
background-image: image(shade (@theme_selected_bg_color, 0.85));
-gtk-icon-shadow: none;
box-shadow: inset 0px 0px 2px 0px shade (@theme_selected_bg_color, 0.6); }
- .selection-mode button.titlebutton:backdrop,
+/* .selection-mode button.titlebutton:backdrop,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop {
border-color: @theme_selected_bg_color;
background-image: image(@theme_selected_bg_color);
text-shadow: none;
-gtk-icon-shadow: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
- .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop,
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }*/
+ /* .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop,
button.suggested-action:backdrop label,
button.suggested-action:backdrop,
button.suggested-action.flat:backdrop label,
@@ -1053,7 +1096,7 @@ button.suggested-action {
button.suggested-action:backdrop:disabled:checked label,
button.suggested-action.flat:backdrop:disabled:active label,
button.suggested-action.flat:backdrop:disabled:checked label {
- color: shade (@theme_selected_bg_color, 1.1); }
+ color: shade (@theme_selected_bg_color, 1.1); }*/
.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled,
button.suggested-action.flat:backdrop,
button.suggested-action.flat:disabled,
@@ -1064,7 +1107,7 @@ button.suggested-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: alpha (@theme_selected_bg_color, 0.8); }
+ color: @theme_disabled_fg_color; }
button.suggested-action:disabled {
text-shadow: none;
@@ -1074,18 +1117,18 @@ button.suggested-action {
box-shadow: none;
border-color: shade (@theme_selected_bg_color, 0.9); }
- button.suggested-action:disabled label,
- button.suggested-action:disabled {
- color: @wm_unfocused_title; }
+ button.suggested-action:disabled label,
+ button.suggested-action:disabled {
+ color: @theme_disabled_fg_color; }
- button.suggested-action:disabled:active,
- button.suggested-action:disabled:checked {
- color: @theme_selected_fg_color;
- outline-color: rgba(255, 255, 255, 0.2);
- text-shadow: none;
- background-image: image(@theme_selected_bg_color);
- box-shadow: inset 0px 0px 2px 0px shade (@theme_selected_bg_color, 1.25);
- -gtk-icon-shadow: none; }
+ button.suggested-action:disabled:active,
+ button.suggested-action:disabled:checked {
+ color: @theme_selected_fg_color;
+ outline-color: rgba(255, 255, 255, 0.2);
+ text-shadow: none;
+ background-image: image(@theme_selected_bg_color);
+ box-shadow: inset 0px 0px 2px 0px shade (@theme_selected_bg_color, 1.25);
+ -gtk-icon-shadow: none; }
.osd
button.suggested-action {
color: @theme_selected_fg_color;
@@ -1145,14 +1188,16 @@ button.suggested-action {
-gtk-icon-shadow: none; }
-button.destructive-action {
+button.destructive-action,
+button.close:hover, button.close:focus,
+button.flat.close:hover, button.flat.close:focus {
color: @theme_selected_fg_color;
outline-color: rgba(255, 255, 255, 0.2);
text-shadow: 0 1px rgba(0, 0, 0, 0.451529);
-gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.451529);
border-color: shade (@error_color, 0.6);
background: linear-gradient(to top, shade (@error_color, 0.9), shade (@error_color, 1.1));
- box-shadow: inset 0px 1px 1px shade (@error_color, 1.2); }
+ box-shadow: inset 0px 1px 1px shade (@error_color, 1.15); }
button.destructive-action.flat {
border-color: transparent;
@@ -1179,7 +1224,7 @@ button.destructive-action {
-gtk-icon-shadow: none;
box-shadow: inset 0px 0px 2px 0px shade (@error_color, 0.5); }
- button.destructive-action:backdrop,
+ /*button.destructive-action:backdrop,
button.destructive-action.flat:backdrop {
border-color: @error_color;
background-image: image(@error_color);
@@ -1247,7 +1292,7 @@ button.destructive-action {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: alpha (@error_color, 0.8); }
+ color: alpha (@error_color, 0.8); }*/
button.destructive-action:disabled {
text-shadow: none;
@@ -1379,7 +1424,7 @@ button {
button.circular {
- border-radius: 9999px;
+ border-radius: 100%;
-gtk-outline-radius: 9999px;
background-origin: padding-box, border-box;
background-clip: padding-box, border-box; }
@@ -1387,11 +1432,11 @@ button.circular {
button.circular label {
padding: 0; }
- button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) {
+/* button.circular:not(.flat):not(:checked):not(:active):not(:disabled):not(:backdrop) {
color: @theme_fg_color;
outline-color: rgba(82, 87, 98, 0.2);
- text-shadow: 0 1px rgba(0, 0, 0, 0.769231);
- -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
+ -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
border-color: @borders;
border-bottom-color: shade (@borders, 1.1);
background-image: image(@button_bg_color);
@@ -1400,9 +1445,9 @@ button.circular {
button.circular:hover:not(:checked):not(:active):not(:disabled):not(:backdrop) {
color: @theme_fg_color;
outline-color: rgba(82, 87, 98, 0.2);
- background-image: image(shade (@theme_bg_color, 1.1));
+ background-image: image(shade (@button_bg_color, 1.1));
border-color: @borders;
- border-bottom-color: shade (@borders, 1.1); }
+ border-bottom-color: shade (@borders, 1.1); }*/
.stack-switcher >
button.needs-attention > label,
@@ -1427,8 +1472,8 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
.inline-toolbar toolbutton > button {
color: @theme_fg_color;
outline-color: rgba(82, 87, 98, 0.2);
- text-shadow: 0 1px rgba(0, 0, 0, 0.769231);
- -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
+ -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
border-color: @borders;
border-bottom-color: shade (@borders, 1.1);
background-image: image(@theme_bg_color);
@@ -1443,8 +1488,8 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
color: @theme_fg_color;
outline-color: rgba(82, 87, 98, 0.2);
- text-shadow: 0 1px rgba(0, 0, 0, 0.769231);
- -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
+ -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
border-color: @borders;
background-image: image(shade (@theme_bg_color, 1.25));
-gtk-icon-shadow: none;
@@ -1457,7 +1502,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
box-shadow: none;
border-color: @borders; }
.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
- color: @wm_unfocused_title; }
+ color: @theme_disabled_fg_color; }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
color: @theme_fg_color;
outline-color: rgba(82, 87, 98, 0.2);
@@ -1472,13 +1517,13 @@ button.needs-attention > image, stacksidebar row.needs-attention > label {
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop {
- color: @wm_unfocused_title; }
+ color: @theme_disabled_fg_color; }
.inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
border-color: @unfocused_borders;
background-image: image(shade (@theme_unfocused_bg_color, 1.25));
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked {
- color: @wm_unfocused_title; }
+ color: @theme_disabled_fg_color; }
.inline-toolbar toolbutton > button:backdrop:disabled {
border-color: @unfocused_borders;
text-shadow: none;
@@ -1651,7 +1696,7 @@ modelbutton.flat arrow {
button.color {
padding: 4px; }
button.color colorswatch:only-child {
- box-shadow: 0 1px rgba(255, 255, 255, 0.769231); }
+ box-shadow: 0 1px alpha (@highlight_color, 0.769231); }
button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
border-radius: 0; }
.osd button.color colorswatch:only-child {
@@ -1667,7 +1712,7 @@ button:visited > label,
*:link,
button:link,
button:visited {
- color: shade (@theme_selected_bg_color, 0.8); }
+ color: mix (@theme_selected_bg_color, @theme_fg_color, 0.6); }
button:link > label:visited,
button:visited > label:visited,
*:link:visited,
@@ -1709,7 +1754,7 @@ button:visited > label:active,
*:selected
button:active:visited {
color: shade (@theme_selected_bg_color, 1.15); }
-button:link > label:backdrop:backdrop:hover,
+/*button:link > label:backdrop:backdrop:hover,
button:visited > label:backdrop:backdrop:hover, button:link > label:backdrop:backdrop:hover:selected,
button:visited > label:backdrop:backdrop:hover:selected, button:link > label:backdrop,
button:visited > label:backdrop,
@@ -1724,7 +1769,7 @@ headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link,
*:link:backdrop,
button:backdrop:link,
button:backdrop:visited {
- color: @theme_selected_bg_color; }
+ color: @theme_selected_bg_color; }*/
infobar.info *:link, infobar.info button:link, infobar.info
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
@@ -1771,8 +1816,8 @@ spinbutton:not(.vertical) {
border: none;
border-radius: 0;
box-shadow: none; }
- spinbutton:not(.vertical) entry:backdrop:disabled {
- background-color: transparent; }
+ /*spinbutton:not(.vertical) entry:backdrop:disabled {
+ background-color: transparent; }*/
spinbutton:not(.vertical) button {
min-height: 16px;
margin: 0;
@@ -1795,17 +1840,17 @@ spinbutton:not(.vertical) {
spinbutton:not(.vertical) button:active {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
- spinbutton:not(.vertical) button:backdrop {
+ /*spinbutton:not(.vertical) button:backdrop {
color: shade (@insensitive_fg_color, 1.25);
background-color: transparent;
border-color: alpha (@insensitive_fg_color, 0.5);
- transition: 80ms ease-out; }
- spinbutton:not(.vertical) button:backdrop:disabled {
+ transition: 80ms ease-out; }*/
+ /*spinbutton:not(.vertical) button:backdrop:disabled {
color: alpha (@unfocused_insensitive_color, 0.3);
background-color: transparent;
border-style: none none none solid; }
spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
- border-style: none solid none none; }
+ border-style: none solid none none; }*/
spinbutton:not(.vertical) button:dir(ltr):last-child {
border-radius: 0 5px 5px 0; }
spinbutton:not(.vertical) button:dir(rtl):first-child {
@@ -1866,7 +1911,7 @@ spinbutton:not(.vertical) {
border-radius: 5px 0 0 5px; }
spinbutton.vertical:disabled {
- color: @wm_unfocused_title; }
+ color: @theme_disabled_fg_color; }
spinbutton.vertical:backdrop:disabled {
color: @unfocused_insensitive_color; }
@@ -2021,19 +2066,22 @@ searchbar,
***************/
.titlebar:not(headerbar),
headerbar {
- text-shadow: 0 1px rgba(0, 0, 0, 0.5);
+ color: @theme_header_fg;
+ text-shadow: 0 1px alpha (@text_shadow_color, 0.3), 0 -1px alpha (black, 0.3);
padding: 0 6px;
min-height: 46px;
border-width: 0;
border-radius: 0;
- background: linear-gradient(to top, shade (@theme_bg_color, 0.85), shade (@theme_bg_color, 0.95) 4px, @theme_bg_color 7px);
+ /* background: linear-gradient(to top, shade (@theme_bg_color, 0.85), shade (@theme_bg_color, 0.95) 4px, @theme_bg_color 7px);*/
+background: linear-gradient(to top, @theme_header_bg, shade (@theme_header_bg, 1.1));
/* background: linear-gradient(to top, shade (@theme_bg_color, 0.8), shade (@theme_bg_color, 0.6) 2px, shade (@theme_bg_color, 1.05) 3px); */
/* background: linear-gradient(to top, @theme_bg_color, shade (@theme_bg_color, 1.15)); */
- box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.3); }
+ box-shadow: inset 0px 1px 1px alpha (@highlight_color, 0.3); }
.titlebar:backdrop:not(headerbar),
headerbar:backdrop {
+ color: @theme_header_unfocused_fg;
border-color: transparent;
- background-color: @theme_bg_color;
+ background-color: @theme_header_unfocused_bg;
background-image: none;
box-shadow: none;
transition: 80ms ease-out; }
@@ -2153,7 +2201,7 @@ headerbar {
headerbar.selection-mode button:backdrop.flat:disabled:checked label,
headerbar.selection-mode button:backdrop:disabled:active label,
headerbar.selection-mode button:backdrop:disabled:checked label {
- color: shade(@theme_selected_bg_color, 1.2); }
+ color: shade (@theme_selected_bg_color, 1.2); }
.selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode button.flat:disabled,
@@ -2189,10 +2237,10 @@ headerbar {
headerbar.selection-mode button.suggested-action {
color: @theme_selected_fg_color;
outline-color: rgba(0, 0, 0, 0.1);
- text-shadow: 0 1px rgba(0, 0, 0, 0.769231);
- -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
+ -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
background-image: image(@theme_selected_bg_color);
- box-shadow: inset 0px 1px 1px shade (@theme_selected_bg_color, 1.2);
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.1);
border-color: shade (@theme_selected_bg_color, 0.75); }
.selection-mode.titlebar:not(headerbar) button.suggested-action:hover,
headerbar.selection-mode button.suggested-action:hover {
@@ -2204,8 +2252,8 @@ headerbar {
headerbar.selection-mode button.suggested-action:active {
color: @theme_selected_fg_color;
outline-color: rgba(0, 0, 0, 0.1);
- text-shadow: 0 1px rgba(0, 0, 0, 0.769231);
- -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
+ -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
background-image: image(shade (@theme_selected_bg_color, 0.7));
-gtk-icon-shadow: none;
box-shadow: inset 0px 0px 2px 0px shade (@theme_bg_color, 0.75);
@@ -2221,7 +2269,7 @@ headerbar {
.selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
headerbar.selection-mode button.suggested-action:disabled label,
headerbar.selection-mode button.suggested-action:disabled {
- color: @wm_unfocused_title; }
+ color: @theme_disabled_fg_color; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop {
background-image: image(@theme_selected_bg_color);
@@ -2232,7 +2280,7 @@ headerbar {
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
headerbar.selection-mode button.suggested-action:backdrop label,
headerbar.selection-mode button.suggested-action:backdrop {
- color: @wm_unfocused_title; }
+ color: @theme_disabled_fg_color; }
.selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
headerbar.selection-mode button.suggested-action:backdrop:disabled {
text-shadow: none;
@@ -2329,7 +2377,14 @@ headerbar spinbutton,
headerbar separator,
headerbar button {
margin-top: 6px;
- margin-bottom: 6px; }
+ margin-bottom: 6px;
+ border-color: alpha(black, 0.3);
+ }
+
+headerbar button:disabled {
+ background-color: alpha (@insensitive_bg_color, 0.2);
+ border-color: alpha(black, 0.2);
+}
headerbar switch {
margin-top: 14px;
@@ -2482,7 +2537,7 @@ treeview.view {
border-left-color: shade (@theme_selected_bg_color, 1.4);
border-top-color: alpha (@theme_fg_color, 0.25); }
treeview.view:disabled {
- color: @wm_unfocused_title; }
+ color: @theme_disabled_fg_color; }
treeview.view:disabled:selected {
color: alpha (@theme_selected_fg_color, 0.25); }
treeview.view:disabled:selected:backdrop {
@@ -2534,14 +2589,14 @@ treeview.view {
color: @theme_selected_fg_color;
box-shadow: none;
background-image: linear-gradient(to bottom, @theme_base_color, @theme_bg_color); }
- treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
+ /*treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
color: @theme_selected_bg_color;
border-color: shade (@theme_selected_bg_color, 1.5);
- background-color: @theme_unfocused_base_color; }
- treeview.view.progressbar:backdrop {
+ background-color: @theme_unfocused_base_color; }*/
+ /*treeview.view.progressbar:backdrop {
color: @theme_unfocused_base_color;
background-image: none;
- box-shadow: none; }
+ box-shadow: none; }*/
treeview.view.trough {
background-color: rgba(82, 87, 98, 0.1);
border-radius: 4px; }
@@ -2621,11 +2676,12 @@ menubar,
menubar > menuitem:hover,
.menubar > menuitem:hover {
box-shadow: inset 0 -3px @theme_selected_bg_color;
- color: @theme_selected_bg_color;
- text-shadow: 0px 1px rgba(0, 0, 0, 0.6); }
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+ /*text-shadow: 0px 1px rgba(0, 0, 0, 0.6); */}
menubar > menuitem:disabled,
.menubar > menuitem:disabled {
- color: @wm_unfocused_title;
+ color: @theme_disabled_fg_color;
box-shadow: none; }
menu,
@@ -2639,10 +2695,10 @@ menu,
.menu, .csd
.context-menu {
border: none; }
- menu:backdrop,
+ /*menu:backdrop,
.menu:backdrop,
.context-menu:backdrop {
- background-color: @theme_unfocused_base_color; }
+ background-color: @theme_unfocused_base_color; }*/
menu menuitem,
.menu menuitem,
.context-menu menuitem {
@@ -2658,7 +2714,7 @@ menu,
menu menuitem:disabled,
.menu menuitem:disabled,
.context-menu menuitem:disabled {
- color: @wm_unfocused_title; }
+ color: @theme_disabled_fg_color; }
menu menuitem:disabled:backdrop,
.menu menuitem:disabled:backdrop,
.context-menu menuitem:disabled:backdrop {
@@ -2668,7 +2724,7 @@ menu,
.menu menuitem:backdrop:hover,
.context-menu menuitem:backdrop,
.context-menu menuitem:backdrop:hover {
- color: @wm_unfocused_title;
+ color: @theme_disabled_fg_color;
background-color: transparent; }
menu menuitem arrow,
.menu menuitem arrow,
@@ -2876,7 +2932,7 @@ notebook > header {
min-width: 30px;
padding: 3px 12px;
outline-offset: -8px;
- color: @wm_unfocused_title;
+ color: @theme_disabled_fg_color;
font-weight: bold;
border-width: 1px;
border-color: transparent; }
@@ -2885,11 +2941,11 @@ notebook > header {
notebook > header tab:hover.reorderable-page {
border-color: alpha (@borders, 0.3);
background-color: alpha (@theme_bg_color, 0.2); }
- notebook > header tab:backdrop {
+ /*notebook > header tab:backdrop {
color: @theme_unfocused_bg_color; }
notebook > header tab:backdrop.reorderable-page {
border-color: transparent;
- background-color: transparent; }
+ background-color: transparent; }*/
notebook > header tab:checked {
color: @theme_fg_color; }
notebook > header tab:checked.reorderable-page {
@@ -2897,8 +2953,8 @@ notebook > header {
background-color: alpha (@theme_bg_color, 0.5); }
notebook > header tab:checked.reorderable-page:hover {
background-color: alpha (@theme_bg_color, 0.7); }
- notebook > header tab:backdrop:checked {
- color: @wm_unfocused_title; }
+ /*notebook > header tab:backdrop:checked {
+ color: @wm_unfocused_title; }*/
notebook > header tab:backdrop:checked.reorderable-page {
border-color: @unfocused_borders;
background-color: @theme_bg_color; }
@@ -2963,45 +3019,58 @@ notebook > stack:not(:only-child) {
**************/
scrollbar {
background-color: alpha (@theme_fg_color, 0.25);
- transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+border: 1px solid @borders;
+ }
+ scrollbar trough {
+ /*border: 1px solid @theme_bg_color;*/
+ box-shadow: inset 0 2px 4px 2px alpha(black, 0.3), inset 0px -2px 4px 2px alpha(@highlight_color, 0.3);
+ padding: 0px;
+ min-width: 1em;
+ min-height: 1em;
+ }
* {
- -GtkScrollbar-has-backward-stepper: false;
- -GtkScrollbar-has-forward-stepper: false; }
- scrollbar.top {
+ -GtkScrollbar-has-backward-stepper: true;
+ -GtkScrollbar-has-forward-stepper: true; }
+ /*scrollbar.top {
border-bottom: 1px solid @borders; }
scrollbar.bottom {
border-top: 1px solid @borders; }
scrollbar.left {
border-right: 1px solid @borders; }
scrollbar.right {
- border-left: 1px solid @borders; }
- scrollbar:backdrop {
+ border-left: 1px solid @borders; }*/
+ /*scrollbar:backdrop {
background-color: alpha (@theme_fg_color, 0.25);
border-color: @unfocused_borders;
- transition: 80ms ease-out; }
+ transition: 80ms ease-out; }*/
scrollbar slider {
- min-width: 6px;
- min-height: 6px;
- margin: -1px;
- border: 4px solid transparent;
- border-radius: 8px;
- background-clip: padding-box;
- background-color: alpha (@theme_fg_color, 0.35); }
+ min-width: 1em;
+ min-height: 1em;
+ margin: 0px;
+ border: 1px solid alpha(black, 0.4);
+ border-radius: 0.5em;
+ background-color: @button_bg_color;
+ background-image: linear-gradient(to top, alpha (shade (@button_bg_color, 0.9), 0.6), alpha(shade (@button_bg_color, 1.1), 0.6));
+ box-shadow: inset 0 -1px 0px 1px alpha(black, 0.3), inset 0px 1px 1px 1px alpha(@highlight_color, 0.6); }
+
+/*scrollbar.vertical slider {
+background-image:linear-gradient(to bottom, transparent, transparent 45%, red 48%, blue 51%, red 53%, transparent 55%);
+}*/
scrollbar slider:hover {
- background-color: alpha (@theme_fg_color, 0.5); }
+ background-color: shade(@button_bg_color, 1.1); }
scrollbar slider:hover:active {
- background-color: shade (@theme_selected_bg_color, 1.35); }
- scrollbar slider:backdrop {
- background-color: alpha (@theme_fg_color, 0.35); }
+ background-color: shade (@theme_selected_bg_color, 1); }
+ /*scrollbar slider:backdrop {
+ background-color: alpha (@theme_fg_color, 0.35); }*/
scrollbar slider:disabled {
- background-color: transparent; }
- scrollbar.fine-tune slider {
- min-width: 4px;
- min-height: 4px; }
- scrollbar.fine-tune.horizontal slider {
+ background-color: @theme_bg_color; }
+ scrollbar.fine-tune slider:active {
+ background-color: shade (@theme_selected_bg_color, 1.3)}
+ /*scrollbar.fine-tune.horizontal slider {
border-width: 5px 4px; }
scrollbar.fine-tune.vertical slider {
- border-width: 4px 5px; }
+ border-width: 4px 5px; }*/
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
border-color: transparent;
opacity: 0.4;
@@ -3042,16 +3111,16 @@ scrollbar {
padding: 0;
min-width: 12px;
min-height: 12px;
- border-style: none;
+ /*border-style: none;
border-radius: 0;
transition-property: min-height, min-width, color;
border-color: transparent;
background-color: transparent;
background-image: none;
- box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0);*/
text-shadow: none;
-gtk-icon-shadow: none;
- color: alpha (@theme_fg_color, 0.5); }
+ color: @theme_fg_color; }
scrollbar button:hover {
border-color: transparent;
background-color: transparent;
@@ -3075,23 +3144,23 @@ scrollbar {
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: rgba(144, 148, 155, 0.1996); }
- scrollbar button:backdrop {
+ color: alpha(@theme_fg_color, 0.5); }
+ /* scrollbar button:backdrop {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: alpha (@theme_fg_color, 0.35); }
- scrollbar button:backdrop:disabled {
+ color: alpha (@theme_fg_color, 0.35); }*/
+ /*scrollbar button:backdrop:disabled {
border-color: transparent;
background-color: transparent;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
text-shadow: none;
-gtk-icon-shadow: none;
- color: alpha (@theme_fg_color, 0.2); }
+ color: alpha (@theme_fg_color, 0.2); }*/
scrollbar.vertical button.down {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
scrollbar.vertical button.up {
@@ -3111,7 +3180,7 @@ treeview ~ scrollbar.vertical {
switch {
font-size: smaller;
outline-offset: 2px;
- box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75);
+ box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75), inset 0 1px 3px 0 alpha (black, 0.5);
border-radius: 4px;
color: transparent;
background-color: rgba(0, 0, 0, 0.3);
@@ -3122,7 +3191,7 @@ switch {
switch:disabled {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75); }
- switch:backdrop {
+/* switch:backdrop {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75);
transition: 80ms ease-out; }
@@ -3131,7 +3200,7 @@ switch {
box-shadow: inset 0px 0px 0px 1px shade (@theme_selected_bg_color, 0.85); }
switch:backdrop:disabled {
background-color: rgba(0, 0, 0, 0.05);
- box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75); }
+ box-shadow: inset 0px 0px 0px 1px alpha (@borders, 0.75); }*/
switch slider {
margin: 1px;
min-width: 20px;
@@ -3152,11 +3221,11 @@ switch {
outline-style: solid;
outline-width: 4px;
-gtk-outline-radius: 100%; }
- switch:backdrop slider {
+ /*switch:backdrop slider {
transition: 80ms ease-out;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
switch:backdrop:disabled slider {
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }*/
/*************************
* Check and Radio items *
@@ -3197,7 +3266,7 @@ switch {
box-shadow: none;
border-width: 0; }
-.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list),
+/*.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list),
.content-view .tile check:backdrop:not(list) {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
@@ -3207,7 +3276,7 @@ switch {
background-image: none;
transition: none;
box-shadow: none;
- border-width: 0; }
+ border-width: 0; }*/
.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list),
.content-view .tile check:checked:not(list) {
@@ -3245,7 +3314,7 @@ switch {
box-shadow: none;
border-width: 0; }
-.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list),
+/*.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list),
.content-view .tile check:backdrop:checked:not(list) {
-gtk-icon-shadow: none;
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
@@ -3255,7 +3324,7 @@ switch {
background-image: none;
transition: none;
box-shadow: none;
- border-width: 0; }
+ border-width: 0; }*/
checkbutton.text-button, radiobutton.text-button {
padding: 2px 0;
@@ -3315,13 +3384,13 @@ radio {
background: shade (@warning_color, 1.1);
color: rgba(255, 255, 255, 0.8);
box-shadow: none; }
- check:backdrop,
+ /*check:backdrop,
radio:backdrop {
box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
transition: 80ms ease-out; }
check:backdrop:disabled,
radio:backdrop:disabled {
- box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.04); }
+ box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.04); }*/
row:selected check, row:selected
radio {
box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2); }
@@ -3394,11 +3463,14 @@ treeview.view radio {
box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2); }
/************
- * GtkScale *
+ * GtkScale and some common progressbar parts*
************/
scale trough, scale fill, progressbar trough {
border-radius: 5px;
background-color: @borders; }
+progressbar trough, scale trough, levelbar trough {
+ box-shadow: inset 0 1px 2px 1px alpha(black, 0.3), inset 0 -1px 2px 1px alpha(@highlight_color, 0.3);
+}
/* scale trough:disabled, scale fill:disabled, progressbar trough:disabled {
background-color: @theme_bg_color; }*/
/* scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough {
@@ -3415,13 +3487,41 @@ scale trough, scale fill, progressbar trough {
scale highlight, progressbar progress {
border-radius: 5px;
- background-color: @theme_selected_bg_color; }
- scale.horizontal highlight, scale.horizontal progressbar progress, progressbar scale.horizontal progress {
- background: linear-gradient(90deg, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
- scale.horizontal highlight:dir(rtl), scale.horizontal progressbar progress:dir(rtl), progressbar scale.horizontal progress:dir(rtl) {
- background-image: linear-gradient(-90deg, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
- scale.vertical highlight, scale.vertical progressbar progress, progressbar scale.vertical progress {
- background-image: linear-gradient(shade (@theme_selected_bg_color, 0.8), @secondary_selected_bg_color); }
+ background-color: @theme_selected_bg_color;
+ }
+
+scale highlight, progressbar progress, levelbar block.filled {
+ box-shadow: inset 0 0 0 1px @theme_selected_bg_color, inset 0 1px 2px 0 alpha (@highlight_color, 0.5), inset 0 -1px 2px 0 alpha (black, 0.2);
+ }
+
+ scale.horizontal highlight,
+ scale.horizontal progressbar progress,
+ progressbar scale.horizontal progress
+ progressbar.horizontal progress,
+ progressbar.horizontal progress.left,
+ levelbar.continuous.horizontal block.filled {
+ background: linear-gradient(to left, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
+ scale.horizontal highlight:dir(rtl),
+ scale.horizontal progressbar progress:dir(rtl),
+ progressbar scale.horizontal progress:dir(rtl),
+ progressbar.horizontal progress:dir(rtl),
+ progressbar.horizontal progress.right {
+ background-image: linear-gradient(to right, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
+
+ scale.vertical highlight.top,
+ scale.vertical progressbar progress.top,
+ progressbar scale.vertical progress.top,
+ progressbar.vertical progress.top,
+ levelbar.continuous.vertical block.filled {
+ background-image: linear-gradient(to top, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
+
+ scale.vertical highlight.bottom,
+ scale.vertical progressbar progress.bottom,
+ progressbar scale.vertical progress.bottom,
+ progressbar.vertical progress.bottom /*,
+ levelbar.continuous.vertical block.filled*/ {
+ background-image: linear-gradient(to bottom, @secondary_selected_bg_color, shade (@theme_selected_bg_color, 0.8)); }
+
/* scale.horizontal highlight:disabled, scale.horizontal progressbar progress:disabled, progressbar scale.horizontal progress:disabled, scale.vertical highlight:disabled,
scale.vertical progressbar progress:disabled, progressbar
scale.vertical progress:disabled, scale highlight:disabled, progressbar progress:disabled {
@@ -3436,6 +3536,23 @@ scale {
min-height: 10px;
min-width: 10px;
padding: 12px; }
+
+.vertical trough, .vertical fill {
+min-width: 5px;
+}
+
+.horizontal trough, .horizontal fill {
+min-height: 5px;
+}
+
+/*progressbar.vertical trough, scale.vertical trough {
+ background-image: linear-gradient(to right, alpha(black, 0), alpha(black, 0.6), alpha(black, 0));
+}
+
+progressbar.horizontal trough, scale.horizontal trough, levelbar.horizontal trough{
+ background-image: linear-gradient(to bottom, alpha(black, 0.3), alpha(black, 0.6), alpha(black, 0), alpha (white, 0.4));
+}*/
+
scale fill,
scale highlight {
margin: 0px; }
@@ -3452,7 +3569,7 @@ scale {
padding-right: 9px;
min-width: 16px; }
scale.fine-tune slider {
- margin: -6px; }
+ margin: -4px; }
scale.fine-tune fill,
scale.fine-tune highlight,
scale.fine-tune trough {
@@ -3462,31 +3579,38 @@ scale {
outline-offset: 2px;
-gtk-outline-radius: 5px;
padding: 0px; }
- scale fill:backdrop, scale fill {
- background-color: @borders; }
+/* scale fill:backdrop, scale fill {
+ background-color: @borders; }*/
/* scale fill:disabled:backdrop, scale fill:disabled {
border-color: transparent;
background-color: transparent; }*/
.osd scale fill {
background-color: rgba(91, 91, 90, 0.775); }
- .osd scale fill:disabled:backdrop, .osd scale fill:disabled {
+ /*.osd scale fill:disabled:backdrop, */.osd scale fill:disabled {
border-color: transparent;
background-color: transparent; }
scale slider {
border-radius: 100%;
- background: shade (@theme_bg_color, 1.15);
- border-radius: 100%;
- box-shadow: 0 0 0 4px rgba(255, 255, 255, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.4), inset 0 0 0 1px white;
+ background-color: shade (@theme_bg_color, 1.15);
+ box-shadow: 0 0 0 4px rgba(255, 255, 255, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.4), inset 0 1px 2px 0 alpha (white, 0.5), inset 0 -1px 2px 0 alpha (black, 0.3);
transition: all 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
- transition-property: background, border, box-shadow; }
+ transition-property: background, border, box-shadow;
+ /*border: 4px dashed yellow;*/
+ }
+ scale:not(.marks-after):not(.marks-before):not(:disabled) slider {
+background-image: radial-gradient(@slider_inner_color, @slider_middle_color 25%, @slider_outer_color 35%);
+
+}
scale slider:hover {
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4), 0 1px 2px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px white; }
scale slider:active {
- background: shade (@theme_bg_color, 1.25); }
+ background-color: shade (@theme_bg_color, 1.25);
+ }
scale slider:disabled {
- background: @theme_bg_color;
+ background-color: shade (@theme_bg_color, 1.05);
+ background-image: none;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
- scale slider:backdrop {
+ /*scale slider:backdrop {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
scale slider:backdrop:disabled {
border-color: shade (@theme_bg_color, 0.9);
@@ -3494,7 +3618,7 @@ scale {
-gtk-icon-shadow: none;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
scale slider:backdrop:disabled label, scale slider:backdrop:disabled {
- color: @unfocused_insensitive_color; }
+ color: @unfocused_insensitive_color; }*/
scale value {
color: alpha(currentColor,0.55); }
scale marks {
@@ -3783,20 +3907,20 @@ scale {
*****************/
progressbar {
font-size: smaller;
- color: rgba(82, 87, 98, 0.4); }
+ color: alpha (@theme_fg_color, 0.5); }
progressbar.horizontal trough,
progressbar.horizontal progress {
- min-height: 2px; }
+ min-height: 6px; }
progressbar.vertical trough,
progressbar.vertical progress {
- min-width: 2px; }
+ min-width: 6px; }
progressbar.horizontal progress {
margin: 0 -1px; }
progressbar.vertical progress {
margin: -1px 0; }
- progressbar:backdrop {
+ /*progressbar:backdrop {
box-shadow: none;
- transition: 80ms ease-out; }
+ transition: 80ms ease-out; }*/
progressbar progress {
border-radius: 1.5px; }
progressbar progress.left {
@@ -3819,7 +3943,7 @@ progressbar {
border-style: none;
border-radius: 0;
background-color: transparent;
- box-shadow: none; }
+ box-shadow: none; }
progressbar.osd progress {
border-style: none;
border-radius: 0; }
@@ -3830,59 +3954,63 @@ progressbar {
* Level Bar *
*************/
levelbar.horizontal block {
- min-height: 1px; }
+ min-height: 5px; }
levelbar.horizontal.discrete block {
margin: 0 1px;
min-width: 32px; }
levelbar.vertical block {
- min-width: 1px; }
+ min-width: 5px; }
levelbar.vertical.discrete block {
margin: 1px 0;
min-height: 32px; }
-levelbar:backdrop {
- transition: 80ms ease-out; }
+/*levelbar:backdrop {
+ transition: 80ms ease-out; }*/
levelbar trough {
border: 1px solid;
- padding: 2px;
+ padding: 0px;
border-radius: 5px;
color: @theme_fg_color;
border-color: @borders;
- background-color: @theme_base_color;
- box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0); }
- levelbar trough:backdrop {
+ /*background-color: @theme_base_color;*/
+/*box-shadow: inset 0 0 0 1px rgba(42, 145, 250, 0); */}
+ /*levelbar trough:backdrop {
color: @theme_unfocused_text_color;
border-color: @unfocused_borders;
background-color: @theme_unfocused_base_color;
- box-shadow: none; }
+ box-shadow: none; }*/
levelbar block {
border: 1px solid;
- border-radius: 1px; }
+ border-radius: 1px;
+border-style: none; }
levelbar block.low {
border-color: shade (@warning_color, 1.5);
- background-color: @warning_color; }
- levelbar block.low:backdrop {
- border-color: @warning_color; }
+ background-color: @warning_color;
+ background-image: none;}
+ /*levelbar block.low:backdrop {
+ border-color: @warning_color; }*/
levelbar block.high, levelbar block:not(.empty) {
border-color: shade (@theme_selected_bg_color, 1.2);
- background-color: @theme_selected_bg_color; }
- levelbar block.high:backdrop, levelbar block:not(.empty):backdrop {
- border-color: @theme_selected_bg_color; }
+ background-color: @theme_selected_bg_color;
+ background-image: none; }
+ /*levelbar block.high:backdrop, levelbar block:not(.empty):backdrop {
+ border-color: @theme_selected_bg_color; }*/
levelbar block.full {
border-color: shade (@success_color, 1.5);
- background-color: @success_color; }
- levelbar block.full:backdrop {
- border-color: @success_color; }
+ background-color: @success_color;
+ background-image: none;}
+ /*levelbar block.full:backdrop {
+ border-color: @success_color; }*/
levelbar block.empty {
background-color: transparent;
border-color: rgba(95, 95, 95, 0.2); }
- levelbar block.empty:backdrop {
- border-color: rgba(168, 168, 168, 0.15); }
+ /* levelbar block.empty:backdrop {
+ border-color: rgba(168, 168, 168, 0.15); }*/
/****************
* Print dialog *
@@ -3892,9 +4020,9 @@ printdialog paper {
border: 1px solid @borders;
background: white;
padding: 0; }
- printdialog paper:backdrop {
+ /*printdialog paper:backdrop {
color: @wm_unfocused_title;
- border-color: @unfocused_borders; }
+ border-color: @unfocused_borders; }*/
printdialog .dialog-action-box {
margin: 12px; }
@@ -3919,8 +4047,8 @@ frame > border,
actionbar > revealer > box {
padding: 6px;
border-top: 1px solid @borders; }
- actionbar > revealer > box:backdrop {
- border-color: @unfocused_borders; }
+ /*actionbar > revealer > box:backdrop {
+ border-color: @unfocused_borders; }*/
scrolledwindow viewport.frame {
border-style: none; }
@@ -3950,14 +4078,14 @@ scrolledwindow overshoot.bottom {
background-color: transparent;
border: none;
box-shadow: none; }
- scrolledwindow overshoot.bottom:backdrop {
+/* scrolledwindow overshoot.bottom:backdrop {
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(alpha (@theme_selected_bg_color, 0.65)), to(alpha (@theme_selected_bg_color, 0)));
background-size: 100% 5%;
background-repeat: no-repeat;
background-position: center bottom;
background-color: transparent;
border: none;
- box-shadow: none; }
+ box-shadow: none; }*/
scrolledwindow overshoot.left {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(@theme_selected_bg_color), to(alpha (@theme_selected_bg_color, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(alpha (@theme_selected_bg_color, 0.07)), to(alpha (@theme_selected_bg_color, 0)));
@@ -3967,14 +4095,14 @@ scrolledwindow overshoot.left {
background-color: transparent;
border: none;
box-shadow: none; }
- scrolledwindow overshoot.left:backdrop {
+ /*scrolledwindow overshoot.left:backdrop {
background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(alpha (@theme_selected_bg_color, 0.65)), to(alpha (@theme_selected_bg_color, 0)));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
border: none;
- box-shadow: none; }
+ box-shadow: none; }*/
scrolledwindow overshoot.right {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(@theme_selected_bg_color), to(alpha (@theme_selected_bg_color, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(alpha (@theme_selected_bg_color, 0.07)), to(alpha (@theme_selected_bg_color, 0)));
@@ -3984,15 +4112,15 @@ scrolledwindow overshoot.right {
background-color: transparent;
border: none;
box-shadow: none; }
- scrolledwindow overshoot.right:backdrop {
+/* scrolledwindow overshoot.right:backdrop {
background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(alpha (@theme_selected_bg_color, 0.65)), to(alpha (@theme_selected_bg_color, 0)));
background-size: 5% 100%;
background-repeat: no-repeat;
background-position: right center;
background-color: transparent;
border: none;
- box-shadow: none; }
-
+ box-shadow: none; }*/
+/*
scrolledwindow undershoot.top {
background-color: transparent;
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
@@ -4036,6 +4164,58 @@ scrolledwindow undershoot.right {
background-position: right center;
border: none;
box-shadow: none; }
+*/
+
+
+/* undershoots defined globally here */
+undershoot.top {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom,
+ alpha(black, 0.3),
+ alpha(black, 0.10),
+ alpha(black, 0));
+ background-size: 10px 50%;
+ background-repeat: repeat-x;
+ background-origin: content-box;
+ background-position: center top;
+}
+
+undershoot.bottom {
+ background-color: transparent;
+ background-image: linear-gradient(to top,
+ alpha(black, 0.3),
+ alpha(black, 0.10),
+ alpha(black, 0));
+ background-size: 10px 50%;
+ background-repeat: repeat-x;
+ background-origin: content-box;
+ background-position: center bottom;
+}
+
+undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(to right,
+ alpha(black, 0.3),
+ alpha(black, 0.10),
+ alpha(black, 0));
+ background-size: 50% 10px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left center;
+}
+
+undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(to left,
+ alpha(black, 0.3),
+ alpha(black, 0.10),
+ alpha(black, 0));
+ background-size: 50% 10px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right center;
+}
+
scrolledwindow junction {
border-color: transparent;
@@ -4073,7 +4253,7 @@ row {
row:backdrop {
transition: 80ms ease-out; }
row.activatable.has-open-popup, row.activatable:hover {
- background-color: rgba(82, 87, 98, 0.05); }
+ background-color: rgba(0, 0, 0, 0.025); }
row.activatable:active {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
row.activatable:backdrop:hover {
@@ -4140,7 +4320,7 @@ calendar {
calendar.button:disabled {
color: @insensitive_fg_color; }
calendar.highlight {
- color: @wm_unfocused_title; }
+ color: @theme_disabled_fg_color; }
calendar.highlight:backdrop {
color: @unfocused_insensitive_color; }
calendar:backdrop {
@@ -4160,12 +4340,12 @@ messagedialog .titlebar {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: none;
- box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.2); }
+ box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.1); }
messagedialog.csd.background {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
- /* box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.2); */
+ /* box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.1); */
}
messagedialog.csd .dialog-action-area button {
@@ -4177,10 +4357,10 @@ messagedialog.csd .dialog-action-area button {
box-shadow: none; }
messagedialog.csd .dialog-action-area button:first-child {
border-left-style: none;
- border-bottom-left-radius: 5px;
+ border-bottom-left-radius: 2px;
-gtk-outline-bottom-left-radius: 1px; }
messagedialog.csd .dialog-action-area button:last-child {
- border-bottom-right-radius: 5px;
+ border-bottom-right-radius: 2px;
-gtk-outline-bottom-right-radius: 1px; }
filechooser .dialog-action-box {
@@ -4241,13 +4421,13 @@ placessidebar row {
placessidebar row:selected {
color: @theme_selected_fg_color; }
placessidebar row:disabled {
- color: @wm_unfocused_title; }
- placessidebar row:backdrop {
- color: @wm_unfocused_title; }
- placessidebar row:backdrop:selected {
+ color: @theme_disabled_fg_color; }
+ /*placessidebar row:backdrop {
+ color: @wm_unfocused_title; }*/
+ /*placessidebar row:backdrop:selected {
color: @theme_unfocused_base_color; }
placessidebar row:backdrop:disabled {
- color: @unfocused_insensitive_color; }
+ color: @unfocused_insensitive_color; }*/
placessidebar row image.sidebar-icon:dir(ltr) {
padding-right: 8px; }
placessidebar row image.sidebar-icon:dir(rtl) {
@@ -4509,8 +4689,8 @@ colorswatch#add-color-button {
colorswatch#add-color-button overlay {
color: @theme_fg_color;
outline-color: rgba(82, 87, 98, 0.2);
- text-shadow: 0 1px rgba(0, 0, 0, 0.769231);
- -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231);
+ text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
+ -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);
border-color: @borders;
border-bottom-color: shade (@borders, 1.1);
background-image: image(rgba(246, 247, 247, 0.999));
@@ -4528,7 +4708,7 @@ colorswatch#add-color-button {
-gtk-icon-shadow: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop {
- color: @wm_unfocused_title; }
+ color: @theme_disabled_fg_color; }
colorswatch:disabled {
opacity: 0.5; }
@@ -4571,10 +4751,10 @@ colorchooser .popover.osd {
decoration {
border-radius: 5px 5px 5px 5px;
border-width: 0px;
- box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 4px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 15px 48px -20px alpha(black, 0.9), 0px 10px 20px -5px alpha(black, 0.9), 0px 0px 0px 1px alpha(black, 0.2);
margin: 10px; }
decoration:backdrop {
- box-shadow: 0px 0px 12px 0px transparent, 0px 0px 4px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 15px 48px -20px alpha(black, 0.2), 0px 10px 20px -5px alpha(black, 0.6), 0px 0px 0px 1px alpha(black, 0.2);
transition: 80ms ease-out; }
.maximized decoration,
.fullscreen decoration,
@@ -4612,8 +4792,8 @@ decoration {
border-bottom-right-radius: 1px; }
button.titlebutton {
- text-shadow: 0 1px rgba(0, 0, 0, 0.769231);
- -gtk-icon-shadow: 0 1px rgba(0, 0, 0, 0.769231); }
+ text-shadow: 0 1px rgba(255, 255, 255, 0.769231);
+ -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); }
button.titlebutton:backdrop {
-gtk-icon-shadow: none; }
@@ -4640,7 +4820,7 @@ entry selection, modelbutton.flat:selected,
textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
entry selection, modelbutton.flat:selected,
.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
- color: @theme_selected_bg_color; }
+ color: @theme_selected_fg_color; }
row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, iconview text:disabled:selected:focus,
textview text:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected,
textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
@@ -4715,10 +4895,10 @@ cursor-handle {
border-radius: 5px;
box-shadow: inset 0 -3px rgba(241, 242, 242, 0.5);
font-size: smaller; }
- .keycap:backdrop {
+ /*.keycap:backdrop {
background-color: @theme_unfocused_base_color;
color: @wm_unfocused_title;
- transition: 80ms ease-out; }
+ transition: 80ms ease-out; }*/
:not(decoration):not(window):drop(active):focus,
:not(decoration):not(window):drop(active) {
@@ -4785,7 +4965,7 @@ button.emoji-section {
.nautilus-window,
.nautilus-window notebook > stack {
/* border-top: 1px groove @borders; */
-/* margin-right: 0.5em; */ }
+/* margin-right: 0.5em; */ }
.nautilus-window placessidebar.sidebar {
@@ -4925,7 +5105,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
border-bottom: none; }
.nautilus-window .searchbar-container {
- /* margin-top: 3px; */ }
+ /* margin-top: 3px; */ }
.nautilus-window notebook,
.nautilus-window notebook > stack:not(:only-child) searchbar {
diff --git a/gtk-3.0/gtk-contained.css b/gtk-3.0/gtk-contained.css
index 0bccfdd..f07ea6b 100644
--- a/gtk-3.0/gtk-contained.css
+++ b/gtk-3.0/gtk-contained.css
@@ -63,21 +63,33 @@ insensitive color on backdrop windows*/
/*
widgets main borders color */
@define-color borders alpha (shade (@theme_bg_color, 0.7), 0.75);
+
+/*highlight for buttons*/
+@define-color highlight_color white;
+
+/*text shadows to simulate "groove" (or "outset")*/
+@define-color text_shadow_color white;
+
/*
widgets main borders color on backdrop windows */
@define-color unfocused_borders shade (@borders, 1.05);
+
/*
these are pretty self explicative */
@define-color warning_color #f57900;
@define-color error_color #990000;
@define-color success_color #73d216;
-/*#Window headers*/
+/*Window headers*/
@define-color theme_header_bg @theme_selected_bg_color;
-@define-color theme_header_unfocused_bg #d8cab2;
+@define-color theme_header_unfocused_bg mix (@theme_selected_bg_color, @theme_bg_color, 0.7);
@define-color theme_header_fg @theme_selected_fg_color;
@define-color theme_header_unfocused_fg @theme_fg_color;
+/* scale slider colors*/
+@define-color slider_inner_color #FFAA00;
+@define-color slider_middle_color #FFCC00;
+@define-color slider_outer_color white;
/*
these colors are exported for the window manager and shouldn't be used in applications,
@@ -416,7 +428,7 @@ entry {
box-shadow: inset 0 0 0 1px @theme_selected_bg_color;
text-shadow: 0 1px black;
-gtk-icon-shadow: 0 1px black; }
- .osd spinbutton:backdrop:not(.vertical), .osd
+ /*.osd spinbutton:backdrop:not(.vertical), .osd
entry:backdrop {
color: white;
border-color: rgba(0, 0, 0, 0.7);
@@ -424,7 +436,7 @@ entry {
background-clip: padding-box;
box-shadow: none;
text-shadow: none;
- -gtk-icon-shadow: none; }
+ -gtk-icon-shadow: none; }*/
.osd spinbutton:disabled:not(.vertical), .osd
entry:disabled {
color: @theme_disabled_fg_color;
@@ -598,14 +610,14 @@ notebook > header > tabs > arrow, button.titlebutton,
button, button.flat:hover, button.flat:focus {
color: @theme_fg_color;
outline-color: rgba(0, 0, 0, 0.1);
- text-shadow: 0 1px alpha(white, 0.7), 0 -1px alpha(black, 0.3);
- -gtk-icon-shadow: 0 1px alpha(white, 0.7), 0 -1px alpha(black, 0.3);
+ text-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3);
+ -gtk-icon-shadow: 0 1px alpha(@text_shadow_color, 0.7), 0 -1px alpha(black, 0.3);
border-color: alpha(black, 0.3);/*@borders;*/
border-bottom-color: alpha(black, 0.5);
/*background: linear-gradient(to top, shade (@theme_bg_color, 1), shade (@theme_bg_color, 1.05));*/
background-image: linear-gradient(to top, alpha (@button_bg_color, 0.6), alpha(shade (@button_bg_color, 1.1), 0.6));
/*box-shadow: inset 0px 1px 1px shade (@theme_bg_color, 1.15);*/
- box-shadow: inset 0px 1px 1px alpha(white, 0.5), inset 0px -1px 1px shade (@button_bg_color, 0.85);
+ box-shadow: inset 0px 1px 1px alpha(@highlight_color, 0.5), inset 0px -1px 1px shade (@button_bg_color, 0.85);
}
notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton,
button.flat {
@@ -651,7 +663,7 @@ button, button.flat:hover, button.flat:focus {
/*text-shadow: 0 1px rgba(255, 255, 255, 0.769231);*/
/*-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231);*/
/*border-color: shade (@borders, 0.6);*/
- border-bottom-color: alpha(white, 0.5);
+ border-bottom-color: alpha(@highlight_color, 0.5);
/*background: linear-gradient(to top, shade (@theme_bg_color, 0.85), shade (@theme_bg_color, 0.9));*/
background-image: linear-gradient(to top, alpha(shade (@button_bg_color, 0.85), 0.6), alpha (shade (@button_bg_color, 0.9), 0.6));
-gtk-icon-shadow: none;
@@ -1684,7 +1696,7 @@ modelbutton.flat arrow {
button.color {
padding: 4px; }
button.color colorswatch:only-child {
- box-shadow: 0 1px rgba(255, 255, 255, 0.769231); }
+ box-shadow: 0 1px alpha (@highlight_color, 0.769231); }
button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
border-radius: 0; }
.osd button.color colorswatch:only-child {
@@ -1700,7 +1712,7 @@ button:visited > label,
*:link,
button:link,
button:visited {
- color: shade (@theme_selected_bg_color, 0.8); }
+ color: mix (@theme_selected_bg_color, @theme_fg_color, 0.6); }
button:link > label:visited,
button:visited > label:visited,
*:link:visited,
@@ -2055,7 +2067,7 @@ searchbar,
.titlebar:not(headerbar),
headerbar {
color: @theme_header_fg;
- text-shadow: 0 1px alpha (white, 0.3), 0 -1px alpha (black, 0.3);
+ text-shadow: 0 1px alpha (@text_shadow_color, 0.3), 0 -1px alpha (black, 0.3);
padding: 0 6px;
min-height: 46px;
border-width: 0;
@@ -2064,7 +2076,7 @@ headerbar {
background: linear-gradient(to top, @theme_header_bg, shade (@theme_header_bg, 1.1));
/* background: linear-gradient(to top, shade (@theme_bg_color, 0.8), shade (@theme_bg_color, 0.6) 2px, shade (@theme_bg_color, 1.05) 3px); */
/* background: linear-gradient(to top, @theme_bg_color, shade (@theme_bg_color, 1.15)); */
- box-shadow: inset 0px 1px 1px alpha (white, 0.3); }
+ box-shadow: inset 0px 1px 1px alpha (@highlight_color, 0.3); }
.titlebar:backdrop:not(headerbar),
headerbar:backdrop {
color: @theme_header_unfocused_fg;
@@ -2664,7 +2676,8 @@ menubar,
menubar > menuitem:hover,
.menubar > menuitem:hover {
box-shadow: inset 0 -3px @theme_selected_bg_color;
- color: @theme_selected_bg_color;
+ background-color: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
/*text-shadow: 0px 1px rgba(0, 0, 0, 0.6); */}
menubar > menuitem:disabled,
.menubar > menuitem:disabled {
@@ -3011,7 +3024,7 @@ border: 1px solid @borders;
}
scrollbar trough {
/*border: 1px solid @theme_bg_color;*/
- box-shadow: inset 0 2px 4px 2px alpha(black, 0.3), inset 0px -2px 4px 2px alpha(white, 0.3);
+ box-shadow: inset 0 2px 4px 2px alpha(black, 0.3), inset 0px -2px 4px 2px alpha(@highlight_color, 0.3);
padding: 0px;
min-width: 1em;
min-height: 1em;
@@ -3039,7 +3052,7 @@ border: 1px solid @borders;
border-radius: 0.5em;
background-color: @button_bg_color;
background-image: linear-gradient(to top, alpha (shade (@button_bg_color, 0.9), 0.6), alpha(shade (@button_bg_color, 1.1), 0.6));
- box-shadow: inset 0 -1px 0px 1px alpha(black, 0.3), inset 0px 1px 1px 1px alpha(white, 0.6); }
+ box-shadow: inset 0 -1px 0px 1px alpha(black, 0.3), inset 0px 1px 1px 1px alpha(@highlight_color, 0.6); }
/*scrollbar.vertical slider {
background-image:linear-gradient(to bottom, transparent, transparent 45%, red 48%, blue 51%, red 53%, transparent 55%);
@@ -3456,7 +3469,7 @@ scale trough, scale fill, progressbar trough {
border-radius: 5px;
background-color: @borders; }
progressbar trough, scale trough, levelbar trough {
- box-shadow: inset 0 1px 2px 1px alpha(black, 0.3), inset 0 -1px 2px 1px alpha(white, 0.3);
+ box-shadow: inset 0 1px 2px 1px alpha(black, 0.3), inset 0 -1px 2px 1px alpha(@highlight_color, 0.3);
}
/* scale trough:disabled, scale fill:disabled, progressbar trough:disabled {
background-color: @theme_bg_color; }*/
@@ -3478,7 +3491,7 @@ scale highlight, progressbar progress {
}
scale highlight, progressbar progress, levelbar block.filled {
- box-shadow: inset 0 0 0 1px @theme_selected_bg_color, inset 0 1px 2px 0 alpha (white, 0.5), inset 0 -1px 2px 0 alpha (black, 0.2);
+ box-shadow: inset 0 0 0 1px @theme_selected_bg_color, inset 0 1px 2px 0 alpha (@highlight_color, 0.5), inset 0 -1px 2px 0 alpha (black, 0.2);
}
scale.horizontal highlight,
@@ -3585,7 +3598,7 @@ progressbar.horizontal trough, scale.horizontal trough, levelbar.horizontal trou
/*border: 4px dashed yellow;*/
}
scale:not(.marks-after):not(.marks-before):not(:disabled) slider {
-background-image: radial-gradient(#FFAA00, #FFCC00 25%, white 35%);
+background-image: radial-gradient(@slider_inner_color, @slider_middle_color 25%, @slider_outer_color 35%);
}
scale slider:hover {
diff --git a/metacity-1/assets/button.svg b/metacity-1/assets/button.svg
new file mode 100644
index 0000000..51c67bf
--- /dev/null
+++ b/metacity-1/assets/button.svg
@@ -0,0 +1,3 @@
+
diff --git a/metacity-1/assets/close.svg b/metacity-1/assets/close.svg
new file mode 100644
index 0000000..1fe0805
--- /dev/null
+++ b/metacity-1/assets/close.svg
@@ -0,0 +1,3 @@
+
diff --git a/metacity-1/assets/maximize.svg b/metacity-1/assets/maximize.svg
new file mode 100644
index 0000000..02d76eb
--- /dev/null
+++ b/metacity-1/assets/maximize.svg
@@ -0,0 +1,3 @@
+
diff --git a/metacity-1/assets/menu.svg b/metacity-1/assets/menu.svg
new file mode 100644
index 0000000..ad8570a
--- /dev/null
+++ b/metacity-1/assets/menu.svg
@@ -0,0 +1,3 @@
+
diff --git a/metacity-1/assets/minimize.svg b/metacity-1/assets/minimize.svg
new file mode 100644
index 0000000..dc1fa3f
--- /dev/null
+++ b/metacity-1/assets/minimize.svg
@@ -0,0 +1,3 @@
+
diff --git a/metacity-1/assets/shade.svg b/metacity-1/assets/shade.svg
new file mode 100644
index 0000000..29aeeae
--- /dev/null
+++ b/metacity-1/assets/shade.svg
@@ -0,0 +1,3 @@
+
diff --git a/metacity-1/assets/unmaximize.svg b/metacity-1/assets/unmaximize.svg
new file mode 100644
index 0000000..cd03f34
--- /dev/null
+++ b/metacity-1/assets/unmaximize.svg
@@ -0,0 +1,3 @@
+
diff --git a/metacity-1/assets/unshade.svg b/metacity-1/assets/unshade.svg
new file mode 100644
index 0000000..fa98887
--- /dev/null
+++ b/metacity-1/assets/unshade.svg
@@ -0,0 +1,3 @@
+
diff --git a/metacity-1/metacity-theme-2.xml b/metacity-1/metacity-theme-2.xml
new file mode 100644
index 0000000..073a242
--- /dev/null
+++ b/metacity-1/metacity-theme-2.xml
@@ -0,0 +1,621 @@
+
+
+
+ pho-earth
+ nana-4
+ GPL
+ 2020
+ pho-earth Metacity theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/metacity-1/metacity-theme-3.xml b/metacity-1/metacity-theme-3.xml
new file mode 100644
index 0000000..81aa172
--- /dev/null
+++ b/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,648 @@
+
+
+
+ pho-earth
+ nana-4
+ GPL
+ 2020
+ pho-earth Metacity theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+