diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/activities-active.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/activities-active.svg
new file mode 100644
index 0000000..0aa8550
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/activities-active.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/activities.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/activities.svg
new file mode 100644
index 0000000..b4a4b0d
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/activities.svg
@@ -0,0 +1,158 @@
+
+
+
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/add-workspace-active.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 0000000..e14d6f0
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/add-workspace-hover.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 0000000..ce48f5c
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,117 @@
+
+
+
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/add-workspace.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/add-workspace.svg
new file mode 100644
index 0000000..5b3ed52
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,117 @@
+
+
+
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/calendar-arrow-left-hover.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/calendar-arrow-left-hover.svg
new file mode 100644
index 0000000..a2926b8
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/calendar-arrow-left-hover.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/calendar-arrow-left.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..2774254
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,152 @@
+
+
+
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/calendar-arrow-right-hover.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/calendar-arrow-right-hover.svg
new file mode 100644
index 0000000..2ef1f87
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/calendar-arrow-right-hover.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/calendar-arrow-right.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..366e69b
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,152 @@
+
+
+
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-dark.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-dark.svg
new file mode 100644
index 0000000..cc8f26e
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-dark.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-darkest.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-darkest.svg
new file mode 100644
index 0000000..95b16a1
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-darkest.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-focused-dark.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-focused-dark.svg
new file mode 100644
index 0000000..c9ff6d1
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-focused-darkest.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-focused-darkest.svg
new file mode 100644
index 0000000..c9ff6d1
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-focused-darkest.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-focused.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-focused.svg
new file mode 100644
index 0000000..62fac0f
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked-focused.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked.svg
new file mode 100644
index 0000000..f4b3d9e
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-checked.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-dark.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-dark.svg
new file mode 100644
index 0000000..a9000fe
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-dark.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-darkest.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-darkest.svg
new file mode 100644
index 0000000..40be08e
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-darkest.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-focused-dark.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-focused-dark.svg
new file mode 100644
index 0000000..cae1990
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-focused-dark.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-focused-darkest.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-focused-darkest.svg
new file mode 100644
index 0000000..50386e3
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-focused-darkest.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-focused.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-focused.svg
new file mode 100644
index 0000000..eb9fd53
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked-focused.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked.svg
new file mode 100644
index 0000000..dc24e72
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/checkbox-unchecked.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/close-active.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/close-active.svg
new file mode 100644
index 0000000..3f803e3
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/close-active.svg
@@ -0,0 +1,7 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/close-hover.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/close-hover.svg
new file mode 100644
index 0000000..5d95cbe
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/close-hover.svg
@@ -0,0 +1,5 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/close.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/close.svg
new file mode 100644
index 0000000..551f15c
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/close.svg
@@ -0,0 +1,14 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/corner-ripple.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 0000000..4a204c6
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,59 @@
+
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/overview-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/overview-hover.png
new file mode 100644
index 0000000..75673f9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/overview-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/overview.png b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/overview.png
new file mode 100644
index 0000000..dc9892e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/overview.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-off-dark.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-off-dark.svg
new file mode 100644
index 0000000..c26030d
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-off-dark.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-off-darkest.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-off-darkest.svg
new file mode 100644
index 0000000..6c29e67
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-off-darkest.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-off.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-off.svg
new file mode 100644
index 0000000..0d0eee0
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-off.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-on-dark.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-on-dark.svg
new file mode 100644
index 0000000..c78df1c
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-on-dark.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-on-darkest.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-on-darkest.svg
new file mode 100644
index 0000000..fc00a44
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-on-darkest.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-on.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-on.svg
new file mode 100644
index 0000000..e46d40a
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/switch-on.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/trash-icon.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/trash-icon.svg
new file mode 100644
index 0000000..61097dd
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,97 @@
+
+
+
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/window-list-active-bottom.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/window-list-active-bottom.svg
new file mode 100644
index 0000000..acace47
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/window-list-active-bottom.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/window-list-active-top.svg b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/window-list-active-top.svg
new file mode 100644
index 0000000..f047a46
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/assets/window-list-active-top.svg
@@ -0,0 +1 @@
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/cinnamon.css b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/cinnamon.css
new file mode 100644
index 0000000..b6e52fa
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/cinnamon/cinnamon.css
@@ -0,0 +1,1804 @@
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+stage {
+ color: #eeeeec; }
+
+.label-shadow {
+ color: rgba(0, 0, 0, 0); }
+
+.sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ min-height: 20px;
+ padding: 5px 32px;
+ transition-duration: 0;
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ border-bottom-color: black;
+ background-image: linear-gradient(to top, #20232b 2px, #23252e);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
+ .sound-button, .modal-dialog-button-box .modal-dialog-button, .notification-button, .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ border-radius: 6px; }
+ .sound-button:hover, .modal-dialog-button-box .modal-dialog-button:hover, .notification-button:hover, .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ border-bottom-color: black;
+ background-image: linear-gradient(to top, #20232b, #252831 1px);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
+ .sound-button:active, .modal-dialog-button-box .modal-dialog-button:active, .notification-button:active, .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#0f1014);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .sound-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+#menu-search-entry, .popup-menu #notification StEntry {
+ padding: 7px;
+ caret-size: 1px;
+ selection-background-color: #962ac3;
+ selected-color: #ffffff;
+ transition-duration: 300ms;
+ border-radius: 6px;
+ color: white;
+ border-color: #13151a;
+ background-color: #272a34;
+ box-shadow: inset 0 0 0 1px rgba(150, 42, 195, 0); }
+ #menu-search-entry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:hover, .popup-menu #notification StEntry:hover {
+ box-shadow: inset 0 0 0 1px #962ac3;
+ border-color: #350f45; }
+ #menu-search-entry:insensitive, .popup-menu #notification StEntry:insensitive {
+ color: #888a8d;
+ border-color: #13151a;
+ background-color: #242731;
+ box-shadow: none; }
+ #menu-search-entry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #fd7d00;
+ padding: 0 4px; }
+
+.notification StEntry {
+ padding: 7px;
+ caret-size: 1px;
+ caret-color: white;
+ selection-background-color: #962ac3;
+ selected-color: #ffffff;
+ transition-duration: 300ms;
+ border-radius: 6px;
+ color: white;
+ border-color: black;
+ background-color: rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: 0 1px black;
+ -gtk-icon-shadow: 0 1px black; }
+ .notification StEntry:focus {
+ color: white;
+ border-color: #962ac3;
+ background-color: rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ box-shadow: inset 0 0 0 1px #962ac3;
+ text-shadow: 0 1px black;
+ -gtk-icon-shadow: 0 1px black; }
+ .notification StEntry:insensitive {
+ color: #97999f;
+ border-color: black;
+ background-color: rgba(68, 72, 83, 0.5);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+StScrollView.vfade {
+ -st-vfade-offset: 68px; }
+
+StScrollView.hfade {
+ -st-hfade-offset: 68px; }
+
+StScrollBar {
+ padding: 8px; }
+ StScrollView StScrollBar {
+ min-width: 5px;
+ min-height: 5px; }
+ StScrollBar StBin#trough {
+ background-color: rgba(39, 42, 52, 0.1);
+ border-radius: 8px; }
+ StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+ border-radius: 6px;
+ background-color: #74767a;
+ border: 0px solid;
+ margin: 0px; }
+ StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+ background-color: #606267; }
+ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+ background-color: #962ac3; }
+
+.separator {
+ -gradient-height: 1px;
+ -gradient-start: rgba(0, 0, 0, 0);
+ -gradient-end: rgba(0, 0, 0, 0);
+ -margin-horizontal: 1.5em;
+ height: 1em; }
+
+.popup-slider-menu-item,
+.slider {
+ -slider-height: 0.3em;
+ -slider-background-color: #13151a;
+ -slider-border-color: rgba(35, 37, 46, 0.3);
+ -slider-active-background-color: #962ac3;
+ -slider-active-border-color: rgba(35, 37, 46, 0.3);
+ -slider-border-width: 1px;
+ -slider-handle-radius: 0.5em;
+ height: 1em;
+ min-width: 15em;
+ border: 0 solid transparent;
+ border-right-width: 1px;
+ border-left-width: 5px; }
+
+.check-box CinnamonGenericContainer {
+ spacing: .2em;
+ min-height: 30px;
+ padding-top: 2px; }
+
+.check-box StLabel {
+ font-weight: normal; }
+
+.check-box StBin {
+ width: 16px;
+ height: 16px;
+ background-image: url("assets/checkbox-unchecked.svg"); }
+
+.check-box:focus StBin {
+ background-image: url("assets/checkbox-unchecked-focused.svg"); }
+
+.check-box:checked StBin {
+ background-image: url("assets/checkbox-checked.svg"); }
+
+.check-box:focus:checked StBin {
+ background-image: url("assets/checkbox-checked-focused.svg"); }
+
+.radiobutton CinnamonGenericContainer {
+ spacing: .2em;
+ height: 26px;
+ padding-top: 2px; }
+
+.radiobutton StLabel {
+ padding-top: 4px;
+ font-size: 0.9em;
+ box-shadow: none; }
+
+.radiobutton StBin {
+ width: 16px;
+ height: 16px;
+ background-image: url("assets/checkbox-unchecked.svg"); }
+
+.radiobutton:focus StBin {
+ background-image: url("assets/checkbox-unchecked-focused.svg"); }
+
+.radiobutton:checked StBin {
+ background-image: url("assets/checkbox-checked.svg"); }
+
+.radiobutton:focus:checked StBin {
+ background-image: url("assets/checkbox-checked-focused.svg"); }
+
+.toggle-switch {
+ width: 50px;
+ height: 20px;
+ background-size: contain; }
+ .toggle-switch-us, .toggle-switch-intl {
+ background-image: url("assets/switch-off-dark.svg"); }
+ .toggle-switch-us:checked, .toggle-switch-intl:checked {
+ background-image: url("assets/switch-on-dark.svg"); }
+
+.cinnamon-link {
+ color: #c072e1;
+ text-decoration: underline; }
+ .cinnamon-link:hover {
+ color: #d39cea; }
+
+#Tooltip {
+ background-color: rgba(0, 0, 0, 0.8);
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ border-radius: 6px;
+ padding: 8px 12px;
+ color: white;
+ font-size: 1em;
+ font-weight: normal;
+ text-align: center; }
+
+#LookingGlassDialog {
+ color: #eeeeec;
+ border: 1px solid #13151a;
+ border-radius: 6px;
+ background-color: #23252e;
+ spacing: 4px;
+ padding: 8px; }
+
+.menu {
+ color: #eeeeec;
+ border: 1px solid #13151a;
+ border-radius: 6px;
+ margin: 10px 5px;
+ background-color: #272a34; }
+
+.popup-sub-menu {
+ background-color: #272a34;
+ box-shadow: none; }
+ .popup-sub-menu .popup-menu-item:ltr {
+ padding-right: 1.75em; }
+ .popup-sub-menu .popup-menu-item:rtl {
+ padding-left: 1.75em; }
+ .popup-sub-menu StScrollBar {
+ padding: 4px; }
+ .popup-sub-menu StScrollBar StBin#trough, .popup-sub-menu StScrollBar StBin#vhandle {
+ border-width: 0; }
+
+.popup-menu-content {
+ padding: 1em 0em 1em 0em; }
+
+.popup-menu-item {
+ padding: .4em 1.75em;
+ spacing: 1em;
+ border-left-width: 0;
+ border-right-width: 0; }
+ .popup-menu-item:active {
+ color: #ffffff;
+ background-color: #962ac3; }
+ .popup-menu-item:insensitive {
+ color: rgba(238, 238, 236, 0.5);
+ background: none; }
+
+.popup-inactive-menu-item {
+ color: #eeeeec; }
+ .popup-inactive-menu-item:insensitive {
+ color: #888a8d; }
+
+/* This is for popup menus in Cinnamon versions < 3.2 */
+.popup-menu {
+ color: white;
+ color: #eeeeec; }
+ .popup-menu-arrow {
+ icon-size: 16px; }
+ .popup-menu .popup-sub-menu {
+ background-color: #272a34;
+ box-shadow: none; }
+ .popup-menu .popup-sub-menu .popup-menu-item:ltr {
+ padding-right: 1.75em; }
+ .popup-menu .popup-sub-menu .popup-menu-item:rtl {
+ padding-left: 1.75em; }
+ .popup-menu .popup-sub-menu StScrollBar {
+ padding: 4px; }
+ .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle {
+ border-width: 0; }
+ .popup-menu .popup-menu-content {
+ padding: 1em 0em 1em 0em; }
+ .popup-menu .popup-menu-item {
+ padding: .4em 1.75em;
+ spacing: 1em;
+ border: 1px solid transparent;
+ border-left-width: 0;
+ border-right-width: 0; }
+ .popup-menu .popup-menu-item:active {
+ color: #eeeeec;
+ border-color: rgba(238, 238, 236, 0.11);
+ background-color: rgba(238, 238, 236, 0.08); }
+ .popup-menu .popup-menu-item:insensitive {
+ color: rgba(238, 238, 236, 0.5);
+ background: none; }
+ .popup-menu .popup-inactive-menu-item {
+ color: #eeeeec; }
+ .popup-menu .popup-inactive-menu-item:insensitive {
+ color: #888a8d; }
+ .popup-menu-icon {
+ icon-size: 16px; }
+
+.popup-menu-boxpointer {
+ -arrow-border-radius: 6px;
+ -arrow-background-color: #23252e;
+ -arrow-border-width: 1px;
+ -arrow-border-color: #13151a;
+ -arrow-base: 21px;
+ -arrow-rise: 9px;
+ -boxpointer-gap: 2px; }
+
+/*Scale view context menu*/
+.popup-combo-menu {
+ color: #eeeeec;
+ border: 1px solid #13151a;
+ border-radius: 6px;
+ background-color: #272a34;
+ box-shadow: none;
+ padding: 1em 0em 1em 0em; }
+
+.popup-combobox-item {
+ spacing: 1em;
+ padding: .4em 1.75em;
+ border: 1px solid transparent;
+ border-left-width: 0;
+ border-right-width: 0; }
+
+.popup-separator-menu-item {
+ -gradient-height: 1px;
+ -gradient-start: #16171d;
+ -gradient-end: #16171d;
+ -margin-horizontal: 0;
+ height: 1px; }
+
+.popup-alternating-menu-item:alternate {
+ font-weight: normal; }
+
+.popup-device-menu-item {
+ spacing: .5em; }
+
+.popup-subtitle-menu-item {
+ font-weight: normal; }
+
+.nm-menu-item-icons {
+ spacing: .5em; }
+
+#panel {
+ font-weight: bold;
+ /* sets the height of horizontal panels */
+ height: 40px;
+ /* sets the width of vertical panels */
+ width: 32px; }
+ #panelLeft {
+ spacing: 4px; }
+ #panelLeft:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(255, 0, 0, 0.05);
+ background-gradient-end: rgba(255, 0, 0, 0.2); }
+ #panelLeft:ltr {
+ padding-right: 4px; }
+ #panelLeft:rtl {
+ padding-left: 4px; }
+ #panelLeft.vertical {
+ padding: 0px; }
+ #panelLeft.vertical:ltr {
+ padding-right: 0px; }
+ #panelLeft.vertical:rtl {
+ padding-left: 0px; }
+ #panelRight:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 255, 0.05);
+ background-gradient-end: rgba(0, 0, 255, 0.2); }
+ #panelRight:ltr {
+ padding-left: 4px;
+ spacing: 0px; }
+ #panelRight:rtl {
+ padding-right: 4px;
+ spacing: 0px; }
+ #panelRight.vertical {
+ padding: 0px; }
+ #panelRight.vertical:ltr {
+ padding-right: 0px; }
+ #panelRight.vertical:rtl {
+ padding-left: 0px; }
+ #panelCenter {
+ spacing: 4px; }
+ #panelCenter:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 255, 0, 0.05);
+ background-gradient-end: rgba(0, 255, 0, 0.2); }
+ #panel:highlight {
+ border-image: none;
+ background-color: rgba(191, 23, 23, 0.5); }
+
+.panelLeft {
+ spacing: 4px; }
+ .panelLeft:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(255, 0, 0, 0.05);
+ background-gradient-end: rgba(255, 0, 0, 0.2); }
+ .panelLeft:ltr {
+ padding-right: 4px; }
+ .panelLeft:rtl {
+ padding-left: 4px; }
+ .panelLeft.vertical {
+ padding: 0px; }
+ .panelLeft.vertical:ltr {
+ padding-right: 0px; }
+ .panelLeft.vertical:rtl {
+ padding-left: 0px; }
+
+.panelRight:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 255, 0.05);
+ background-gradient-end: rgba(0, 0, 255, 0.2); }
+
+.panelRight:ltr {
+ padding-left: 4px;
+ spacing: 0px; }
+
+.panelRight:rtl {
+ padding-right: 4px;
+ spacing: 0px; }
+
+.panelRight.vertical {
+ padding: 0px; }
+ .panelRight.vertical:ltr {
+ padding-left: 0px;
+ spacing: 0px; }
+ .panelRight.vertical:rtl {
+ padding-right: 0px;
+ spacing: 0px; }
+
+.panelCenter {
+ spacing: 4px; }
+ .panelCenter.vertical {
+ padding-left: 0px;
+ padding-right: 0px; }
+ .panelCenter:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 255, 0, 0.05);
+ background-gradient-end: rgba(0, 255, 0, 0.2); }
+
+.panel-top, .panel-bottom, .panel-left, .panel-right {
+ color: #eeeeec;
+ border: #ffffff;
+ background-color: rgba(35, 37, 46, 0.79);
+ font-size: 1em;
+ padding: 0px; }
+
+.panel-top {
+ box-shadow: 0 1px rgba(22, 23, 29, 0.8); }
+
+.panel-bottom {
+ box-shadow: 0 -1px rgba(22, 23, 29, 0.8); }
+
+.panel-left {
+ box-shadow: 1px 0 rgba(22, 23, 29, 0.8); }
+
+.panel-right {
+ box-shadow: -1px 0 rgba(22, 23, 29, 0.8); }
+
+.panel-dummy {
+ background-color: rgba(191, 23, 23, 0.5); }
+ .panel-dummy:entered {
+ background-color: rgba(191, 23, 23, 0.6); }
+
+.panel-status-button {
+ border-width: 0;
+ -natural-hpadding: 3px;
+ -minimum-hpadding: 3px;
+ font-weight: bold;
+ color: white; }
+
+.panel-button {
+ -natural-hpadding: 6px;
+ -minimum-hpadding: 2px;
+ font-weight: bold;
+ color: green;
+ transition-duration: 100; }
+
+.system-status-icon {
+ icon-size: 16px;
+ padding: 0 1px; }
+ .system-status-icon.warning {
+ color: #fd7d00; }
+ .system-status-icon.error {
+ color: #bf1717; }
+
+#overview {
+ spacing: 12px; }
+
+.window-caption {
+ background-color: #303340;
+ border: 1px solid #303340;
+ color: white;
+ spacing: 8px;
+ border-radius: 6px;
+ font-size: 0.9em;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 8px; }
+ .window-caption:focus {
+ background-color: #962ac3;
+ color: #ffffff;
+ border: 1px solid #962ac3; }
+
+.window-border {
+ border: 3px #962ac3;
+ border-radius: 6px;
+ background-color: rgba(255, 255, 255, 0.05);
+ /* Cover rounded corners and some bad adjustment gaps */
+ box-shadow: 0 0 0 1px #962ac3 inset; }
+
+.overview-empty-placeholder {
+ color: #ffffff;
+ font-size: 2em; }
+
+.expo-workspaces-name-entry,
+.expo-workspaces-name-entry#selected {
+ height: 1.5em;
+ border-radius: 6px;
+ font-size: 1em;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+ color: white;
+ border-color: black;
+ background-color: rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: 0 1px black;
+ -gtk-icon-shadow: 0 1px black; }
+ .expo-workspaces-name-entry:focus,
+ .expo-workspaces-name-entry#selected:focus {
+ border: 1px solid #962ac3;
+ background-color: #962ac3;
+ color: #ffffff;
+ font-style: italic;
+ transition-duration: 300;
+ selection-background-color: #ffffff;
+ selected-color: #962ac3; }
+
+.expo-workspace-thumbnail-frame {
+ border: 4px solid rgba(255, 255, 255, 0);
+ background-color: rgba(255, 255, 255, 0);
+ border-radius: 6px; }
+ .expo-workspace-thumbnail-frame#active {
+ border: 4px solid #962ac3;
+ background-color: black;
+ border-radius: 6px; }
+
+.expo-background {
+ background-color: #303340; }
+
+.workspace-thumbnails {
+ spacing: 26px; }
+ .workspace-thumbnails-background, .workspace-thumbnails-background:rtl {
+ padding: 8px; }
+
+.workspace-add-button {
+ background-image: url("assets/add-workspace.svg");
+ height: 200px;
+ width: 35px;
+ transition-duration: 100; }
+ .workspace-add-button:hover {
+ background-image: url("assets/add-workspace-hover.svg");
+ transition-duration: 100; }
+ .workspace-add-button:active {
+ background-image: url("assets/add-workspace-active.svg");
+ transition-duration: 100; }
+
+.workspace-overview-background-shade {
+ background-color: rgba(0, 0, 0, 0.5); }
+
+.workspace-close-button,
+.window-close {
+ background-image: url("assets/close.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+ -cinnamon-close-overlap: 12px; }
+ .workspace-close-button:hover,
+ .window-close:hover {
+ background-image: url("assets/close-hover.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px; }
+ .workspace-close-button:active,
+ .window-close:active {
+ background-image: url("assets/close-active.svg");
+ background-size: 26px;
+ height: 26px;
+ width: 26px; }
+
+.window-close-area {
+ background-image: url("assets/trash-icon.svg");
+ height: 120px;
+ width: 400px; }
+
+.calendar {
+ padding: .4em 1.75em;
+ spacing-rows: 0px;
+ spacing-columns: 0px; }
+
+.calendar-main-box {
+ margin: 0 .8em .5em .8em; }
+
+.calendar-events-main-box {
+ height: 300px;
+ margin-right: .5em;
+ border-radius: 6px;
+ padding: .5em;
+ min-width: 350px;
+ border: 1px solid #13151a;
+ background-color: #272a34; }
+
+.calendar-events-no-events-button {
+ margin: 6px 0 6px 0;
+ padding: 6px;
+ border-radius: 6px; }
+ .calendar-events-no-events-button:hover {
+ background-color: #962ac3; }
+ .calendar-events-no-events-button:hover .calendar-events-no-events-icon,
+ .calendar-events-no-events-button:hover .calendar-events-no-events-label {
+ color: #ffffff; }
+
+.calendar-events-no-events-icon,
+.calendar-events-no-events-label {
+ font-weight: bold;
+ color: #eeeeec;
+ text-align: center; }
+
+.calendar-events-date-label {
+ padding: .1em .1em .5em .1em;
+ color: #eeeeec;
+ font-weight: bold;
+ text-align: center; }
+
+.calendar-events-event-container {
+ padding: 0; }
+
+.calendar-event-button {
+ border: 1px solid rgba(0, 0, 0, 0); }
+ .calendar-event-button .calendar-event-time-past {
+ color: rgba(238, 238, 236, 0.4);
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .2em; }
+ .calendar-event-button .calendar-event-time-present {
+ color: #eeeeec;
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .2em; }
+ .calendar-event-button .calendar-event-time-present:all-day {
+ color: #962ac3; }
+ .calendar-event-button .calendar-event-time-future {
+ color: #eeeeec;
+ font-weight: bold;
+ text-align: left;
+ margin-bottom: .2em; }
+ .calendar-event-button .calendar-event-summary {
+ color: #eeeeec;
+ text-align: left;
+ width: 200px; }
+ .calendar-event-button .calendar-event-countdown {
+ text-align: right;
+ margin-bottom: .6em;
+ color: #eeeeec; }
+ .calendar-event-button .calendar-event-countdown:soon {
+ font-weight: bold; }
+ .calendar-event-button .calendar-event-countdown:imminent {
+ font-weight: bold;
+ color: #fd7d00; }
+ .calendar-event-button .calendar-event-countdown:current {
+ font-weight: bold;
+ color: #962ac3; }
+ .calendar-event-button:hover {
+ background-color: #962ac3;
+ border: 1px solid #13151a; }
+ .calendar-event-button:hover .calendar-event-time-past,
+ .calendar-event-button:hover .calendar-event-time-present,
+ .calendar-event-button:hover .calendar-event-time-future,
+ .calendar-event-button:hover .calendar-event-summary {
+ color: #ffffff; }
+ .calendar-event-button:hover .calendar-event-countdown {
+ text-align: right;
+ margin-bottom: .6em;
+ color: #ffffff; }
+ .calendar-event-button:hover .calendar-event-countdown:soon {
+ font-weight: bold; }
+ .calendar-event-button:hover .calendar-event-countdown:imminent {
+ font-weight: bold; }
+ .calendar-event-button:hover .calendar-event-countdown:current {
+ font-weight: bold; }
+
+.calendar-event-color-strip {
+ width: 2px; }
+
+.calendar-today-home-button {
+ padding: 6px; }
+
+.calendar-today-day-label {
+ font-size: 1.75em;
+ color: #eeeeec;
+ font-weight: bold;
+ text-align: center;
+ padding-bottom: .1em; }
+
+.calendar-today-date-label {
+ font-size: 1.1em;
+ color: #eeeeec;
+ font-weight: bold;
+ text-align: center; }
+
+.calendar-today-home-button-enabled {
+ padding: 6px; }
+ .calendar-today-home-button-enabled:hover {
+ background-color: #962ac3; }
+ .calendar-today-home-button-enabled:hover .calendar-today-day-label {
+ color: #ffffff; }
+ .calendar-today-home-button-enabled:hover .calendar-today-date-label {
+ color: #ffffff; }
+
+.calendar-month-label {
+ color: #eeeeec;
+ font-weight: bold;
+ padding: 8px 0; }
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+ width: 16px;
+ height: 16px; }
+
+.calendar-change-month-back {
+ background-image: url("assets/calendar-arrow-left.svg"); }
+ .calendar-change-month-back:focus, .calendar-change-month-back:hover {
+ background-image: url("assets/calendar-arrow-left-hover.svg"); }
+ .calendar-change-month-back:active {
+ background-image: url("assets/calendar-arrow-left.svg"); }
+ .calendar-change-month-back:rtl {
+ background-image: url("assets/calendar-arrow-right.svg"); }
+ .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover {
+ background-image: url("assets/calendar-arrow-right-hover.svg"); }
+ .calendar-change-month-back:rtl:active {
+ background-image: url("assets/calendar-arrow-right.svg"); }
+
+.calendar-change-month-forward {
+ background-image: url("assets/calendar-arrow-right.svg"); }
+ .calendar-change-month-forward:focus, .calendar-change-month-forward:hover {
+ background-image: url("assets/calendar-arrow-right-hover.svg"); }
+ .calendar-change-month-forward:active {
+ background-image: url("assets/calendar-arrow-right.svg"); }
+ .calendar-change-month-forward:rtl {
+ background-image: url("assets/calendar-arrow-left.svg"); }
+ .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover {
+ background-image: url("assets/calendar-arrow-left-hover.svg"); }
+ .calendar-change-month-forward:rtl:active {
+ background-image: url("assets/calendar-arrow-left.svg"); }
+
+.calendar-day-event-dot-box {
+ margin-top: 1.7em;
+ max-rows: 1; }
+
+.calendar-day-event-dot {
+ margin: 1px;
+ border-radius: 2px;
+ width: 4px;
+ height: 4px; }
+
+.datemenu-date-label {
+ padding: .4em 1.75em;
+ font-weight: bold;
+ font-size: 1.15em;
+ text-align: center;
+ color: #eeeeec;
+ border-radius: 6px; }
+
+.calendar-day-base {
+ font-size: 1em;
+ text-align: center;
+ width: 2.2em;
+ height: 2.2em;
+ padding: 0.1em; }
+ .calendar-day-base:hover {
+ font-weight: bold;
+ color: #ffffff;
+ background-color: #962ac3; }
+
+.calendar-day-heading {
+ color: rgba(238, 238, 236, 0.85);
+ margin-top: 1em;
+ font-size: 1.05em; }
+
+.calendar-day {
+ border-width: 0;
+ color: rgba(238, 238, 236, 0.9); }
+
+.calendar-day-top {
+ border-top-width: 0; }
+
+.calendar-day-left {
+ border-left-width: 0; }
+
+.calendar-nonwork-day {
+ color: #eeeeec;
+ background-color: transparent;
+ font-weight: bold; }
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+ font-weight: bold;
+ color: #ffffff;
+ background-color: rgba(238, 238, 236, 0.4);
+ border-radius: 99px;
+ border-width: 0; }
+ .calendar-today:selected,
+ .calendar-today:active:selected,
+ .calendar-today:focus:selected,
+ .calendar-today:hover:selected {
+ background-color: #962ac3; }
+
+.calendar-not-today {
+ color: #eeeeec;
+ border-radius: 99px; }
+ .calendar-not-today:selected {
+ font-weight: bold;
+ background-color: rgba(238, 238, 236, 0.4); }
+ .calendar-not-today:selected:hover {
+ font-weight: bold;
+ color: #eeeeec; }
+
+.calendar-other-month-day {
+ color: rgba(238, 238, 236, 0.3);
+ border-radius: 99px;
+ opacity: 1; }
+ .calendar-other-month-day:hover {
+ color: #ffffff;
+ opacity: 1; }
+
+.calendar-week-number {
+ color: rgba(238, 238, 236, 0.85);
+ font-size: 0.8em;
+ margin-top: 0.8em; }
+
+#notification {
+ border: 1px solid #13151a;
+ border-radius: 6px;
+ background-color: #23252e;
+ padding: 13px;
+ spacing-rows: 10px;
+ spacing-columns: 10px;
+ margin-from-right-edge-of-screen: 20px;
+ width: 34em;
+ color: #eeeeec; }
+ .popup-menu #notification {
+ color: #eeeeec;
+ border-image: url("asset/message.svg") 9 9 9 9; }
+ .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ padding: 5px; }
+ #notification.multi-line-notification {
+ padding-bottom: 13px;
+ color: #eeeeec; }
+ #notification-scrollview {
+ max-height: 10em; }
+ #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
+ height: 1em; }
+ #notification-scrollview:ltr > StScrollBar {
+ padding-left: 6px; }
+ #notification-scrollview:rtl > StScrollBar {
+ padding-right: 6px; }
+ #notification-body {
+ spacing: 5px; }
+ #notification-actions {
+ spacing: 10px; }
+
+.notification-with-image {
+ min-height: 159px;
+ color: #eeeeec; }
+
+.notification-button, .notification-icon-button {
+ padding: 5px; }
+
+.notification-icon-button > StIcon {
+ icon-size: 32px; }
+
+#altTabPopup {
+ padding: 8px;
+ spacing: 16px; }
+
+.switcher-list {
+ color: #eeeeec;
+ border: 1px solid #13151a;
+ background-color: #23252e;
+ border-radius: 6px;
+ padding: 20px; }
+ .switcher-list > StBoxLayout {
+ padding: 4px; }
+ .switcher-list-item-container {
+ spacing: 8px; }
+ .switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px; }
+ .switcher-list .item-box:outlined {
+ padding: 8px;
+ border: 1px solid #962ac3; }
+ .switcher-list .item-box:selected {
+ color: #ffffff;
+ background-color: #962ac3;
+ border: 0px solid #962ac3; }
+ .switcher-list .thumbnail {
+ width: 256px; }
+ .switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px; }
+ .switcher-list .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.2); }
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: #eeeeec; }
+ .switcher-arrow:highlighted {
+ border-color: rgba(0, 0, 0, 0);
+ color: #ffffff; }
+
+.thumbnail-scroll-gradient-left {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topright: 0px;
+ border-radius-bottomright: 0px;
+ width: 60px; }
+
+.thumbnail-scroll-gradient-right {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topleft: 0px;
+ border-radius-bottomleft: 0px;
+ width: 60px; }
+
+.ripple-box {
+ width: 104px;
+ height: 104px;
+ background-image: url("assets/corner-ripple.svg");
+ background-size: contain; }
+ .ripple-box:rtl {
+ background-image: url("assets/corner-ripple.svg"); }
+
+.lightbox {
+ background-color: rgba(0, 0, 0, 0.4); }
+
+.flashspot {
+ background-color: white; }
+
+.modal-dialog {
+ background-color: #23252e;
+ border: 1px solid #13151a;
+ border-radius: 6px;
+ padding: 5px 10px; }
+ .modal-dialog > StBoxLayout:first-child {
+ padding: 10px; }
+ .modal-dialog-button-box {
+ spacing: 0;
+ margin: 0px;
+ padding: 10px;
+ border: none;
+ background-color: #23252e; }
+ .modal-dialog-button-box .modal-dialog-button {
+ padding-top: 0;
+ padding-bottom: 0;
+ height: 30px; }
+ .modal-dialog .confirm-dialog-title {
+ text-align: center;
+ font-weight: bold;
+ font-size: 1.3em;
+ padding-bottom: 12px; }
+
+.run-dialog {
+ padding: 10px 15px 10px 15px;
+ border: 1px solid #13151a;
+ border-radius: 6px;
+ background-color: #23252e; }
+ .run-dialog > * {
+ padding: 0; }
+ .run-dialog-label {
+ font-size: 1.3em;
+ font-weight: bold;
+ color: #eeeeec;
+ padding-bottom: 15px;
+ text-align: center; }
+ .run-dialog-description {
+ color: #eeeeec;
+ padding-top: 15px;
+ text-align: center; }
+ .run-dialog-description.error {
+ color: #bf1717; }
+ .run-dialog-error-label {
+ color: #bf1717; }
+ .run-dialog-error-box {
+ padding-top: 15px;
+ spacing: 5px; }
+ .run-dialog-completion-box {
+ padding-top: 5px;
+ padding-left: 15px;
+ font-size: 1em; }
+ .run-dialog-entry {
+ width: 21em;
+ height: 1.2em;
+ padding: 7px;
+ border-radius: 6px;
+ caret-color: white;
+ selected-color: #ffffff;
+ selection-background-color: #962ac3;
+ color: white;
+ border-color: black;
+ background-color: rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: 0 1px black;
+ -gtk-icon-shadow: 0 1px black; }
+ .run-dialog-entry:focus {
+ box-shadow: inset 0 0 0 1px #962ac3;
+ border-color: #350f45; }
+ .run-dialog .modal-dialog-button-box {
+ border: none;
+ box-shadow: none;
+ background: none; }
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+ icon-size: 48px; }
+
+.mount-password-reask {
+ color: #fd7d00; }
+
+.show-processes-dialog,
+.mount-question-dialog {
+ spacing: 24px; }
+ .show-processes-dialog-subject,
+ .mount-question-dialog-subject {
+ padding-top: 10px;
+ padding-left: 17px;
+ padding-bottom: 6px; }
+ .show-processes-dialog-subject:rtl,
+ .mount-question-dialog-subject:rtl {
+ padding-left: 0px;
+ padding-right: 17px; }
+ .show-processes-dialog-description,
+ .mount-question-dialog-description {
+ padding-left: 17px;
+ width: 28em; }
+ .show-processes-dialog-description:rtl,
+ .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: #ccc; }
+ .show-processes-dialog-app-list-item:hover {
+ color: white; }
+ .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; }
+ .show-processes-dialog-app-list-item-name {
+ font-size: 1.1em; }
+
+.magnifier-zoom-region {
+ border: 2px solid maroon; }
+ .magnifier-zoom-region .full-screen {
+ border-width: 0px; }
+
+#keyboard {
+ background-color: #303340;
+ border-width: 0;
+ border-top-width: 1px;
+ border-color: rgba(0, 0, 0, 0.4); }
+
+.keyboard-layout {
+ spacing: 10px;
+ padding: 10px; }
+
+.keyboard-row {
+ spacing: 15px; }
+
+.keyboard-key {
+ min-height: 2em;
+ min-width: 2em;
+ font-size: 1.4em;
+ font-weight: bold;
+ border-radius: 6px;
+ box-shadow: none;
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .keyboard-key:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#4a5063);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .keyboard-key:active, .keyboard-key:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ .keyboard-key:grayed {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+.keyboard-subkeys {
+ color: white;
+ padding: 5px;
+ -arrow-border-radius: 6px;
+ -arrow-background-color: #303340;
+ -arrow-border-width: 1px;
+ -arrow-border-color: rgba(0, 0, 0, 0.4);
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 5px; }
+
+.menu-favorites-box {
+ padding: 10px;
+ transition-duration: 300;
+ background-color: #272a34;
+ border: none; }
+
+.menu-favorites-button {
+ padding: .9em 1em;
+ border: 1px solid rgba(0, 0, 0, 0);
+ border-radius: 6px; }
+ .menu-favorites-button:hover {
+ background-color: #962ac3; }
+
+.menu-places-box {
+ padding: 10px;
+ border: 0px solid red; }
+
+.menu-places-button {
+ padding: 10px; }
+
+.menu-categories-box {
+ padding: 10px 30px 10px 30px; }
+
+.menu-applications-inner-box, .menu-applications-outer-box {
+ padding: 10px 10px 0 10px; }
+
+.menu-application-button {
+ padding: 7px;
+ border: 1px solid rgba(0, 0, 0, 0); }
+ .menu-application-button:highlighted {
+ font-weight: bold; }
+ .menu-application-button-selected {
+ padding: 7px;
+ color: #ffffff;
+ background-color: #962ac3;
+ border: 1px solid #13151a;
+ border-radius: 6px; }
+ .menu-application-button-selected:highlighted {
+ font-weight: bold; }
+ .menu-application-button-label:ltr {
+ padding-left: 5px; }
+ .menu-application-button-label:rtl {
+ padding-right: 5px; }
+
+.menu-category-button {
+ padding: 7px;
+ border: 1px solid rgba(0, 0, 0, 0);
+ border-radius: 6px; }
+ .menu-category-button-selected {
+ padding: 7px;
+ color: #ffffff;
+ background-color: #962ac3;
+ border: 1px solid #13151a;
+ border-radius: 6px; }
+ .menu-category-button-greyed {
+ padding: 7px;
+ color: #888a8d;
+ border: 1px solid rgba(0, 0, 0, 0); }
+ .menu-category-button-label:ltr {
+ padding-left: 5px; }
+ .menu-category-button-label:rtl {
+ padding-right: 5px; }
+
+.menu-selected-app-box {
+ padding-right: 30px;
+ padding-left: 28px;
+ text-align: right;
+ height: 2.2em; }
+ .menu-selected-app-box:rtl {
+ padding-top: 10px;
+ height: 2.2em; }
+
+.menu-selected-app-title {
+ font-weight: bold; }
+
+.menu-selected-app-description {
+ max-width: 150px; }
+
+.menu-search-box:ltr {
+ padding-left: 30px; }
+
+.menu-search-box-rtl {
+ padding-right: 30px; }
+
+#menu-search-entry {
+ width: 250px;
+ min-height: 16px;
+ font-weight: normal;
+ caret-color: #eeeeec; }
+
+.menu-search-entry-icon {
+ icon-size: 1em;
+ color: #eeeeec; }
+
+/* Context menu (at the moment only for favorites) */
+.info-osd {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 16px;
+ color: #eeeeec;
+ border: 1px solid #13151a;
+ border-radius: 6px;
+ background-color: #23252e; }
+
+.restart-osd {
+ font-size: 1.6em; }
+
+.workspace-osd {
+ font-size: 4em; }
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 20px;
+ color: #eeeeec;
+ background-color: #23252e;
+ border: 1px solid #13151a;
+ border-radius: 6px; }
+ .osd-window .osd-monitor-label {
+ font-size: 3em; }
+ .osd-window .level {
+ padding: 0;
+ height: 0.7em;
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: 6px; }
+ .osd-window .level-bar {
+ border-radius: 6px;
+ background-color: #962ac3; }
+
+.window-list-box {
+ spacing: 6px;
+ padding-left: 10px;
+ padding-top: 1px; }
+ .window-list-box.vertical {
+ spacing: 2px;
+ padding-left: 0px;
+ padding-right: 0px;
+ padding-top: 10px;
+ padding-bottom: 10px; }
+ .window-list-box:highlight {
+ background-color: rgba(191, 23, 23, 0.5); }
+
+.window-list-item-label {
+ font-weight: bold;
+ width: 15em;
+ min-width: 5px; }
+
+.window-list-item-box {
+ font-weight: bold;
+ background-image: none;
+ padding-top: 0;
+ padding-left: 8px;
+ padding-right: 8px;
+ transition-duration: 100;
+ color: rgba(238, 238, 236, 0.6); }
+ .window-list-item-box.top, .window-list-item-box.bottom {
+ border-bottom-width: 2px; }
+ .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel {
+ padding-left: 2px; }
+ .window-list-item-box.right {
+ padding-left: 0px;
+ padding-right: 0px;
+ border-right-width: 2px; }
+ .window-list-item-box.right StBin {
+ padding-right: 0; }
+ .window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px;
+ border-left-width: 2px; }
+ .window-list-item-box.left StBin {
+ padding-left: 1px; }
+ .window-list-item-box:hover, .window-list-item-box:groupFocus {
+ color: #eeeeec;
+ background-color: rgba(238, 238, 236, 0.1); }
+ .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running {
+ color: #eeeeec;
+ border-color: #962ac3; }
+ .window-list-item-box .progress {
+ background-color: rgba(150, 42, 195, 0.8); }
+
+.window-list-item-demands-attention {
+ background-gradient-direction: vertical;
+ background-gradient-start: #a61414;
+ background-gradient-end: #a61414; }
+
+.window-list-preview {
+ spacing: 6px;
+ color: #eeeeec;
+ border: 1px solid #13151a;
+ background-color: #23252e;
+ border-radius: 6px;
+ padding: 6px 12px 12px 12px;
+ font-size: 1em; }
+
+.grouped-window-list-item-label {
+ font-weight: bold;
+ width: 15em;
+ min-width: 5px; }
+
+.grouped-window-list-item-box {
+ text-align: left;
+ font-weight: bold;
+ background-image: none;
+ padding-top: 0;
+ padding-left: 8px;
+ padding-right: 8px;
+ transition-duration: 100;
+ color: rgba(255, 255, 255, 0.6); }
+ .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom {
+ border-bottom-width: 2px; }
+ .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel {
+ padding-left: 2px; }
+ .grouped-window-list-item-box.right {
+ padding-left: 0px;
+ padding-right: 0px;
+ border-right-width: 2px; }
+ .grouped-window-list-item-box.right StBin {
+ padding-right: 0; }
+ .grouped-window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px;
+ border-left-width: 2px; }
+ .grouped-window-list-item-box.left StBin {
+ padding-left: 1px; }
+ .grouped-window-list-item-box:hover, .grouped-window-list-item-box:focus {
+ color: #ffffff;
+ background-color: rgba(255, 255, 255, 0.3); }
+ .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked {
+ color: #ffffff;
+ border-color: #962ac3; }
+ .grouped-window-list-item-box .progress {
+ background-color: rgba(150, 42, 195, 0.8); }
+
+.grouped-window-list-item-demands-attention {
+ background-gradient-direction: vertical;
+ background-gradient-start: #a61414;
+ background-gradient-end: #a61414; }
+
+.grouped-window-list-thumbnail-label {
+ padding-left: 4px; }
+
+.grouped-window-list-number-label {
+ z-index: 99;
+ color: rgba(255, 255, 255, 0.1); }
+
+.grouped-window-list-badge {
+ border-radius: 256px;
+ background-color: #4a4a4a; }
+
+.grouped-window-list-button-label {
+ padding-left: 4px; }
+
+.grouped-window-list-thumbnail-alert {
+ background: rgba(255, 52, 52, 0.3); }
+
+.grouped-window-list-thumbnail-menu {
+ color: #eeeeec;
+ border: 1px solid #13151a;
+ background-color: #23252e;
+ border-radius: 6px;
+ padding: 0px; }
+ .grouped-window-list-thumbnail-menu > StBoxLayout {
+ padding: 4px; }
+ .grouped-window-list-thumbnail-menu .item-box {
+ padding: 10px;
+ border-radius: 6px;
+ spacing: 4px; }
+ .grouped-window-list-thumbnail-menu .item-box:outlined {
+ padding: 8px;
+ border: 1px solid #962ac3; }
+ .grouped-window-list-thumbnail-menu .item-box:selected {
+ color: #ffffff;
+ background-color: #962ac3;
+ border: 0px solid #962ac3; }
+ .grouped-window-list-thumbnail-menu .thumbnail {
+ width: 256px; }
+ .grouped-window-list-thumbnail-menu .separator {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.2); }
+
+.sound-button {
+ width: 22px;
+ height: 13px;
+ padding: 8px; }
+ .sound-button-container {
+ padding-right: 3px;
+ padding-left: 3px; }
+ .sound-button StIcon {
+ icon-size: 1.4em; }
+
+.sound-track-infos {
+ padding: 5px; }
+
+.sound-track-info {
+ padding-top: 2px;
+ padding-bottom: 2px; }
+ .sound-track-info StIcon {
+ icon-size: 16px; }
+ .sound-track-info StLabel {
+ padding-left: 5px;
+ padding-right: 5px; }
+
+.sound-track-box {
+ padding-left: 15px;
+ padding-right: 15px;
+ max-width: 220px; }
+
+.sound-seek-box {
+ padding-left: 15px; }
+ .sound-seek-box StLabel {
+ padding-top: 2px; }
+ .sound-seek-box StIcon {
+ icon-size: 16px; }
+
+.sound-seek-slider {
+ width: 140px; }
+
+.sound-volume-menu-item {
+ padding: .4em 1.75em; }
+ .sound-volume-menu-item StIcon {
+ icon-size: 1.14em;
+ padding-left: 8px;
+ padding-right: 8px; }
+
+.sound-playback-control {
+ padding: 5px 10px 10px 10px; }
+
+.sound-player > StBoxLayout:first-child {
+ padding: 5px 10px 12px 10px;
+ spacing: 0.5em; }
+ .sound-player > StBoxLayout:first-child StButton:small {
+ width: 20px;
+ height: 20px;
+ border: 1px solid transparent; }
+ .sound-player > StBoxLayout:first-child StButton:small StIcon {
+ icon-size: 12px; }
+ .sound-player > StBoxLayout:first-child StButton:small:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ border-bottom-color: black;
+ background-image: linear-gradient(to top, #20232b, #252831 1px);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
+ .sound-player > StBoxLayout:first-child StButton:small:active {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#0f1014);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+.sound-player-generic-coverart {
+ background: rgba(0, 0, 0, 0.2); }
+
+.sound-player-overlay {
+ width: 290px;
+ height: 70px;
+ padding: 15px;
+ spacing: 0.5em;
+ background: rgba(35, 37, 46, 0.9);
+ border-top: 1px solid #13151a;
+ color: #eeeeec; }
+ .sound-player-overlay StButton {
+ width: 22px;
+ height: 13px;
+ padding: 5px;
+ color: #eeeeec;
+ border-radius: 6px;
+ border: 1px solid transparent; }
+ .sound-player-overlay StButton StIcon {
+ icon-size: 16px; }
+ .sound-player-overlay StButton:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ border-bottom-color: black;
+ background-image: linear-gradient(to top, #20232b, #252831 1px);
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.825255);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.27); }
+ .sound-player-overlay StButton:active {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#0f1014);
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .sound-player-overlay StBoxLayout {
+ padding-top: 2px; }
+ .sound-player-overlay > StBoxLayout {
+ spacing: 5px; }
+
+.sound-player .slider {
+ height: 0.5em;
+ padding: 0;
+ border: none;
+ -slider-height: 0.5em;
+ -slider-background-color: #181a20;
+ -slider-border-color: rgba(0, 0, 0, 0);
+ -slider-active-background-color: #962ac3;
+ -slider-active-border-color: rgba(0, 0, 0, 0);
+ -slider-border-width: 0px;
+ -slider-handle-radius: 0px; }
+
+#workspaceSwitcher {
+ spacing: 0px;
+ padding: 3px; }
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+ padding-left: 3px;
+ padding-right: 3px; }
+ .panel-left .workspace-switcher, .panel-right .workspace-switcher {
+ padding: 0; }
+
+.workspace-button {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-color: rgba(0, 0, 0, 0.2);
+ width: 20px;
+ height: 14px;
+ color: rgba(255, 255, 255, 0.45);
+ padding: 3px;
+ padding-top: 4px;
+ transition-duration: 200; }
+ .workspace-button.vertical {
+ height: 1.5em;
+ width: 24px;
+ padding: 0;
+ padding-top: 3px;
+ padding-bottom: 3px; }
+ .workspace-button:outlined {
+ background-color: #962ac3;
+ color: #ffffff; }
+ .workspace-button:outlined:hover {
+ background-color: rgba(150, 42, 195, 0.7);
+ color: #ffffff; }
+ .workspace-button:hover {
+ background-color: rgba(238, 238, 236, 0.2);
+ color: #ffffff; }
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+ padding: 3px;
+ spacing: 6px; }
+
+.workspace-graph .workspace {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-color: rgba(0, 0, 0, 0.2); }
+
+.workspace-graph .workspace:active {
+ border: 1px solid #962ac3; }
+
+.workspace-graph .workspace .windows {
+ -active-window-background: rgba(67, 73, 90, 0.8);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(67, 73, 90, 0.8);
+ -inactive-window-border: rgba(0, 0, 0, 0.8); }
+
+.workspace-graph .workspace:active .windows {
+ -active-window-background: rgba(89, 96, 119, 0.8);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(46, 49, 61, 0.8);
+ -inactive-window-border: rgba(0, 0, 0, 0.8); }
+
+.panel-launchers {
+ padding-left: 7px;
+ spacing: 2px; }
+ .panel-launchers .launcher {
+ padding-left: 2px;
+ padding-right: 2px;
+ padding-bottom: 2px;
+ transition-duration: 200; }
+ .panel-launchers .launcher:hover {
+ background-color: #962ac3; }
+ .panel-launchers.vertical {
+ padding-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 0px;
+ padding-right: 0px;
+ spacing: 1px; }
+ .panel-launchers.vertical .launcher {
+ padding-top: 2px;
+ padding-bottom: 2px; }
+
+#overview-corner {
+ background-image: url("assets/overview.png"); }
+ #overview-corner:hover {
+ background-image: url("assets/overview-hover.png"); }
+
+.applet-separator {
+ padding: 1px 4px; }
+ .applet-separator.vertical {
+ padding: 4px 1px; }
+
+.applet-separator-line {
+ width: 1px;
+ background: rgba(255, 255, 255, 0.12); }
+ .applet-separator-line-vertical {
+ height: 1px;
+ background: rgba(255, 255, 255, 0.12); }
+
+.applet-box {
+ padding-left: 4px;
+ padding-right: 4px;
+ spacing: 4px;
+ color: #eeeeec;
+ text-shadow: none;
+ transition-duration: 100;
+ text-align: center; }
+ .applet-box.vertical {
+ padding-left: 0px;
+ padding-right: 0px;
+ padding-top: 3px;
+ padding-bottom: 3px; }
+ .applet-box:hover, .applet-box:checked {
+ color: #ffffff;
+ background-color: #962ac3; }
+ .applet-box:hover-label, .applet-box:checked-label {
+ color: #ffffff; }
+ .applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(191, 23, 23, 0.5); }
+
+.applet-label {
+ font-weight: bold;
+ color: #eeeeec; }
+ .applet-label:hover, .applet-label:checked, .applet-box:hover > .applet-label, .applet-box:checked > .applet-label {
+ color: #ffffff;
+ text-shadow: none; }
+
+.applet-icon {
+ color: #ffffff;
+ icon-size: 22px; }
+ .applet-icon:hover, .applet-icon:checked, .applet-box:hover > .applet-icon, .applet-box:checked > .applet-icon {
+ color: #ffffff;
+ text-shadow: none; }
+
+.user-icon {
+ width: 32px;
+ height: 32px;
+ background-color: transparent;
+ border: none;
+ border-radius: 0; }
+
+.user-label {
+ color: #eeeeec;
+ font-size: 1em;
+ font-weight: bold;
+ margin: 0px; }
+
+.desklet {
+ color: #eeeeec; }
+ .desklet:highlight {
+ background-color: rgba(191, 23, 23, 0.5); }
+ .desklet-with-borders {
+ border: 1px solid #13151a;
+ border-radius: 6px;
+ background-color: #23252e;
+ color: #eeeeec;
+ padding: 12px;
+ padding-bottom: 16px; }
+ .desklet-with-borders:highlight {
+ background-color: rgba(191, 23, 23, 0.5); }
+ .desklet-with-borders-and-header {
+ border: 1px solid #13151a;
+ border-top-width: 0;
+ border-radius: 0 0 6px 6px;
+ background-color: #23252e;
+ color: #eeeeec;
+ border-radius: 0;
+ border-radius-topleft: 0;
+ border-radius-topright: 0;
+ padding: 12px;
+ padding-bottom: 17px; }
+ .desklet-with-borders-and-header:highlight {
+ background-color: rgba(191, 23, 23, 0.5); }
+ .desklet-header {
+ border: 1px solid #13151a;
+ border-radius: 6px 6px 0 0;
+ background-color: #1c1e25;
+ color: #eeeeec;
+ font-size: 1em;
+ padding: 12px;
+ padding-bottom: 6px; }
+ .desklet-drag-placeholder {
+ border: 2px solid #962ac3;
+ background-color: rgba(150, 42, 195, 0.3); }
+
+.photoframe-box {
+ border: 1px solid #13151a;
+ border-radius: 6px;
+ background-color: #23252e;
+ color: #eeeeec;
+ padding: 12px;
+ padding-bottom: 16px; }
+
+.notification-applet-padding {
+ padding: .5em 1em; }
+
+.notification-applet-container {
+ max-height: 100px; }
+
+.tile-preview {
+ background-color: rgba(150, 42, 195, 0.3);
+ border: 1px solid #962ac3; }
+ .tile-preview.snap {
+ background-color: rgba(150, 42, 195, 0.6); }
+
+.tile-hud {
+ background-color: rgba(150, 42, 195, 0.3);
+ border: 1px solid #962ac3; }
+ .tile-hud.snap {
+ background-color: rgba(150, 42, 195, 0.6); }
+ .tile-hud:top {
+ border-top-width: 0px; }
+ .tile-hud:bottom {
+ border-bottom-width: 0px; }
+ .tile-hud:left {
+ border-left-width: 0px; }
+ .tile-hud:right {
+ border-right-width: 0px; }
+ .tile-hud:top-left {
+ border-top-width: 0px;
+ border-left-width: 0px; }
+ .tile-hud:top-right {
+ border-top-width: 0px;
+ border-right-width: 0px; }
+ .tile-hud:bottom-left {
+ border-bottom-width: 0px;
+ border-left-width: 0px; }
+ .tile-hud:bottom-right {
+ border-bottom-width: 0px;
+ border-right-width: 0px; }
+
+.xkcd-box {
+ padding: 6px;
+ border: 0px;
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 0px; }
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/border.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/border.png
new file mode 100644
index 0000000..d3e7f3b
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/border.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/button-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/button-active.png
new file mode 100644
index 0000000..1439ffe
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/button-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/button-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/button-hover.png
new file mode 100644
index 0000000..264c771
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/button-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/button-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/button-insensitive.png
new file mode 100644
index 0000000..31cd5af
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/button-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/button.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/button.png
new file mode 100644
index 0000000..c0b0cb0
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/button.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-checked-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-checked-active.png
new file mode 100644
index 0000000..928aa74
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-checked-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-checked-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-checked-hover.png
new file mode 100644
index 0000000..2f90fe1
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-checked-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-checked-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-checked-insensitive.png
new file mode 100644
index 0000000..6dbba0c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-checked-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-checked.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-checked.png
new file mode 100644
index 0000000..1e15a2a
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-checked.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-mixed-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-mixed-active.png
new file mode 100644
index 0000000..ca47e21
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-mixed-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-mixed-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-mixed-hover.png
new file mode 100644
index 0000000..fc617c4
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-mixed-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-mixed-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-mixed-insensitive.png
new file mode 100644
index 0000000..4a678a9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-mixed-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-mixed.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-mixed.png
new file mode 100644
index 0000000..6908949
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-mixed.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-unchecked-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-unchecked-active.png
new file mode 100644
index 0000000..d0bdcb2
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-unchecked-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png
new file mode 100644
index 0000000..178a780
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-unchecked-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-unchecked-insensitive.png
new file mode 100644
index 0000000..7bf5fc6
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-unchecked-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-unchecked.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-unchecked.png
new file mode 100644
index 0000000..8ccc271
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/checkbox-unchecked.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-button-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-button-active.png
new file mode 100644
index 0000000..db491fc
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-button-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-button-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-button-hover.png
new file mode 100644
index 0000000..c560e0a
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-button-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png
new file mode 100644
index 0000000..0c69ed1
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-button.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-button.png
new file mode 100644
index 0000000..e63028c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-button.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-entry-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-entry-active.png
new file mode 100644
index 0000000..e90b704
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-entry-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png
new file mode 100644
index 0000000..bc96048
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-entry.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-entry.png
new file mode 100644
index 0000000..92e352f
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-ltr-entry.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-button-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-button-active.png
new file mode 100644
index 0000000..86cd0d4
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-button-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-button-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-button-hover.png
new file mode 100644
index 0000000..7a0d838
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-button-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png
new file mode 100644
index 0000000..00a0397
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-button.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-button.png
new file mode 100644
index 0000000..3969eaf
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-button.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-entry-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-entry-active.png
new file mode 100644
index 0000000..d0e14c4
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-entry-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png
new file mode 100644
index 0000000..6e84754
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-entry.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-entry.png
new file mode 100644
index 0000000..78877f0
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/combo-entry-rtl-entry.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry-active.png
new file mode 100644
index 0000000..583918c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry-background-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry-background-insensitive.png
new file mode 100644
index 0000000..aa168c5
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry-background-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry-background.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry-background.png
new file mode 100644
index 0000000..5d658cf
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry-background.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry-insensitive.png
new file mode 100644
index 0000000..d24a42c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry.png
new file mode 100644
index 0000000..e94bbff
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/entry.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/focus.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/focus.png
new file mode 100644
index 0000000..afdd9b8
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/focus.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/frame-inline.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/frame-inline.png
new file mode 100644
index 0000000..3f41e82
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/frame-inline.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/frame-notebook.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/frame-notebook.png
new file mode 100644
index 0000000..dedf40b
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/frame-notebook.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/frame.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/frame.png
new file mode 100644
index 0000000..a2fad81
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/frame.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/handle-horz.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/handle-horz.png
new file mode 100644
index 0000000..3a156d3
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/handle-horz.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/handle-vert.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/handle-vert.png
new file mode 100644
index 0000000..7913956
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/handle-vert.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/handle.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/handle.png
new file mode 100644
index 0000000..d778301
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/handle.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/line.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/line.png
new file mode 100644
index 0000000..9d09037
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/line.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-border.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-border.png
new file mode 100644
index 0000000..a2fad81
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-border.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-checked-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-checked-hover.png
new file mode 100644
index 0000000..65e1d1e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-checked-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-checked-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-checked-insensitive.png
new file mode 100644
index 0000000..0abcbad
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-checked-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-checked.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-checked.png
new file mode 100644
index 0000000..65e1d1e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-checked.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-hover.png
new file mode 100644
index 0000000..90c9fce
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-insensitive.png
new file mode 100644
index 0000000..1d02098
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-mixed-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-mixed-hover.png
new file mode 100644
index 0000000..14db16c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-mixed-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png
new file mode 100644
index 0000000..058f6c9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-mixed.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-mixed.png
new file mode 100644
index 0000000..14db16c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox-mixed.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox.png
new file mode 100644
index 0000000..90c9fce
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-checkbox.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-down-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-down-insensitive.png
new file mode 100644
index 0000000..ad983e5
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-down-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-down.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-down.png
new file mode 100644
index 0000000..2f28e41
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-down.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-left-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-left-hover.png
new file mode 100644
index 0000000..a2cac3e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-left-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-left-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-left-insensitive.png
new file mode 100644
index 0000000..86965a0
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-left-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-left.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-left.png
new file mode 100644
index 0000000..a2cac3e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-left.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-right-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-right-hover.png
new file mode 100644
index 0000000..80da318
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-right-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-right-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-right-insensitive.png
new file mode 100644
index 0000000..3c8af15
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-right-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-right.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-right.png
new file mode 100644
index 0000000..80da318
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-right.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-up-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-up-insensitive.png
new file mode 100644
index 0000000..067969f
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-up-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-up.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-up.png
new file mode 100644
index 0000000..a99f7cf
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-pan-up.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-checked-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-checked-hover.png
new file mode 100644
index 0000000..63e5863
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-checked-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-checked-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-checked-insensitive.png
new file mode 100644
index 0000000..d5297c3
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-checked-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-checked.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-checked.png
new file mode 100644
index 0000000..63e5863
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-checked.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-hover.png
new file mode 100644
index 0000000..843e156
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-insensitive.png
new file mode 100644
index 0000000..0ef9fc7
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-mixed-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-mixed-hover.png
new file mode 100644
index 0000000..5dc6d23
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-mixed-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-mixed-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-mixed-insensitive.png
new file mode 100644
index 0000000..1488155
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-mixed-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-mixed.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-mixed.png
new file mode 100644
index 0000000..5dc6d23
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio-mixed.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio.png
new file mode 100644
index 0000000..843e156
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menu-radio.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menubar-item-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menubar-item-active.png
new file mode 100644
index 0000000..5271c6e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/menubar-item-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png
new file mode 100644
index 0000000..5d49954
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png
new file mode 100644
index 0000000..6352cfa
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png
new file mode 100644
index 0000000..d57df9b
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png
new file mode 100644
index 0000000..0bf0831
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png
new file mode 100644
index 0000000..bfefe32
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png
new file mode 100644
index 0000000..26920c9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-entry-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-entry-active.png
new file mode 100644
index 0000000..511c087
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-entry-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-entry-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-entry-insensitive.png
new file mode 100644
index 0000000..bed6196
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-entry-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-entry.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-entry.png
new file mode 100644
index 0000000..a9aba46
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/notebook-entry.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-down-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-down-insensitive.png
new file mode 100644
index 0000000..ad983e5
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-down-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-down.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-down.png
new file mode 100644
index 0000000..2f28e41
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-down.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-left-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-left-insensitive.png
new file mode 100644
index 0000000..54d2630
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-left-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-left-semi.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-left-semi.png
new file mode 100644
index 0000000..b7cd858
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-left-semi.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-left.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-left.png
new file mode 100644
index 0000000..c9cb53a
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-left.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-right-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-right-insensitive.png
new file mode 100644
index 0000000..3eb32f2
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-right-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-right-semi.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-right-semi.png
new file mode 100644
index 0000000..67638b4
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-right-semi.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-right.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-right.png
new file mode 100644
index 0000000..6cf201d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-right.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-up-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-up-insensitive.png
new file mode 100644
index 0000000..067969f
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-up-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-up.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-up.png
new file mode 100644
index 0000000..a99f7cf
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/pan-up.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/progressbar-horz-trough.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/progressbar-horz-trough.png
new file mode 100644
index 0000000..d2afb84
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/progressbar-horz-trough.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/progressbar-horz.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/progressbar-horz.png
new file mode 100644
index 0000000..61882f3
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/progressbar-horz.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/progressbar-vert-trough.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/progressbar-vert-trough.png
new file mode 100644
index 0000000..80eb1d9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/progressbar-vert-trough.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/progressbar-vert.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/progressbar-vert.png
new file mode 100644
index 0000000..94349a5
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/progressbar-vert.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-checked-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-checked-active.png
new file mode 100644
index 0000000..2a1a672
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-checked-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-checked-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-checked-hover.png
new file mode 100644
index 0000000..8d9e2ef
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-checked-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-checked-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-checked-insensitive.png
new file mode 100644
index 0000000..4b0576d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-checked-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-checked.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-checked.png
new file mode 100644
index 0000000..03f4271
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-checked.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-mixed-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-mixed-active.png
new file mode 100644
index 0000000..7b7d299
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-mixed-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-mixed-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-mixed-hover.png
new file mode 100644
index 0000000..c05c3ee
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-mixed-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-mixed-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-mixed-insensitive.png
new file mode 100644
index 0000000..f7e4aac
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-mixed-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-mixed.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-mixed.png
new file mode 100644
index 0000000..bb0e7f5
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-mixed.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-unchecked-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-unchecked-active.png
new file mode 100644
index 0000000..c3eddc9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-unchecked-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-unchecked-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-unchecked-hover.png
new file mode 100644
index 0000000..01ef68f
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-unchecked-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-unchecked-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-unchecked-insensitive.png
new file mode 100644
index 0000000..7861595
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-unchecked-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-unchecked.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-unchecked.png
new file mode 100644
index 0000000..234dbd2
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/radio-unchecked.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-horz-focus.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-horz-focus.png
new file mode 100644
index 0000000..84f2f28
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-horz-focus.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-horz-trough-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-horz-trough-active.png
new file mode 100644
index 0000000..c7fa27a
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-horz-trough-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-horz-trough.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-horz-trough.png
new file mode 100644
index 0000000..64656c1
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-horz-trough.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-slider-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-slider-active.png
new file mode 100644
index 0000000..1dd4e02
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-slider-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-slider-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-slider-hover.png
new file mode 100644
index 0000000..1dd4e02
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-slider-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-slider-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-slider-insensitive.png
new file mode 100644
index 0000000..68212a3
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-slider-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-slider.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-slider.png
new file mode 100644
index 0000000..6d90f89
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-slider.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-vert-trough-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-vert-trough-active.png
new file mode 100644
index 0000000..9918186
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-vert-trough-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-vert-trough.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-vert-trough.png
new file mode 100644
index 0000000..458ed12
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scale-vert-trough.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png
new file mode 100644
index 0000000..e098989
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png
new file mode 100644
index 0000000..052b319
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-horz-slider.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-horz-slider.png
new file mode 100644
index 0000000..484d8d0
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-horz-slider.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-horz-trough.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-horz-trough.png
new file mode 100644
index 0000000..3147b9f
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-horz-trough.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png
new file mode 100644
index 0000000..32273a1
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-active.png
new file mode 100644
index 0000000..b8ff0ff
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png
new file mode 100644
index 0000000..7fd9037
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover.png
new file mode 100644
index 0000000..ce370c9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-rtl.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-rtl.png
new file mode 100644
index 0000000..d198f0a
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider-rtl.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider.png
new file mode 100644
index 0000000..38681be
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-slider.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-trough-rtl.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-trough-rtl.png
new file mode 100644
index 0000000..256a774
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-trough-rtl.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-trough.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-trough.png
new file mode 100644
index 0000000..fe633de
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/scrollbar-vert-trough.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-down-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-down-insensitive.png
new file mode 100644
index 0000000..bf45012
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-down-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-down.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-down.png
new file mode 100644
index 0000000..d562d2a
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-down.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-down-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-down-active.png
new file mode 100644
index 0000000..6222b58
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-down-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-down-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-down-hover.png
new file mode 100644
index 0000000..be2c0e9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-down-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-down-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-down-insensitive.png
new file mode 100644
index 0000000..f755ad5
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-down-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-down.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-down.png
new file mode 100644
index 0000000..2f0990c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-down.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-up-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-up-active.png
new file mode 100644
index 0000000..905d867
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-up-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-up-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-up-hover.png
new file mode 100644
index 0000000..fe7d76a
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-up-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-up-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-up-insensitive.png
new file mode 100644
index 0000000..1ae1550
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-up-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-up.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-up.png
new file mode 100644
index 0000000..101b1e7
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-ltr-up.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-down-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-down-active.png
new file mode 100644
index 0000000..c49df66
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-down-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-down-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-down-hover.png
new file mode 100644
index 0000000..3f8d6ed
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-down-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-down-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-down-insensitive.png
new file mode 100644
index 0000000..f558b63
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-down-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-down.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-down.png
new file mode 100644
index 0000000..96325de
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-down.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-up-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-up-active.png
new file mode 100644
index 0000000..0089549
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-up-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-up-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-up-hover.png
new file mode 100644
index 0000000..61b9a1c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-up-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-up-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-up-insensitive.png
new file mode 100644
index 0000000..37c049a
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-up-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-up.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-up.png
new file mode 100644
index 0000000..d77aa7c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-rtl-up.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-up-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-up-insensitive.png
new file mode 100644
index 0000000..65908b0
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-up-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-up.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-up.png
new file mode 100644
index 0000000..7486675
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/spin-up.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-down-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-down-active.png
new file mode 100644
index 0000000..f085056
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-down-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-down.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-down.png
new file mode 100644
index 0000000..3c7ebf8
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-down.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-horz-gap.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-horz-gap.png
new file mode 100644
index 0000000..da12eca
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-horz-gap.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-left-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-left-active.png
new file mode 100644
index 0000000..569781b
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-left-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-left.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-left.png
new file mode 100644
index 0000000..b0196ac
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-left.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-right-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-right-active.png
new file mode 100644
index 0000000..55d9b54
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-right-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-right.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-right.png
new file mode 100644
index 0000000..03df521
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-right.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-up-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-up-active.png
new file mode 100644
index 0000000..6e5b3ba
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-up-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-up.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-up.png
new file mode 100644
index 0000000..e1b0411
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-up.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-vert-gap.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-vert-gap.png
new file mode 100644
index 0000000..09cf19d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/tab-vert-gap.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-down-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-down-active.png
new file mode 100644
index 0000000..b39c144
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-down-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-down-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-down-hover.png
new file mode 100644
index 0000000..784de0b
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-down-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-down.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-down.png
new file mode 100644
index 0000000..0ca78d8
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-down.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-up-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-up-active.png
new file mode 100644
index 0000000..7d85666
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-up-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-up-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-up-hover.png
new file mode 100644
index 0000000..32f5903
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-up-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-up.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-up.png
new file mode 100644
index 0000000..1c74473
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-pan-up.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-separator-ltr.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-separator-ltr.png
new file mode 100644
index 0000000..0bba261
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-separator-ltr.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-separator-rtl.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-separator-rtl.png
new file mode 100644
index 0000000..70500bc
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/assets/treeview-separator-rtl.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/gtkrc b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/gtkrc
new file mode 100644
index 0000000..3465ba0
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/gtkrc
@@ -0,0 +1,39 @@
+# Based on Bridge by ScionicSpectre
+# vim:set ts=2 sw=2 sts=2 ai et:
+#
+# This is the GTK+ 2 version of Adwaita. It's whole purpose is to look as the
+# GTK+ 3 version as much as possible until GTK+ 2 dies completely.
+#
+# Note: comments for explaining styles are on the bottom of each file beside the
+# widget matches.
+
+# Declare the colours used throughout the theme.
+# There shouldn't be any fiddling with them in the theme files themselves in
+# order to not mess up the dark theme.
+
+# Text/base
+gtk-color-scheme = "text_color:white\nbase_color:#292c37"
+# Foreground/background
+gtk-color-scheme = "fg_color:#eeeeec\nbg_color:#23252e"
+#Â Selected foreground/background
+gtk-color-scheme = "selected_bg_color:#962ac3"
+gtk-color-scheme = "selected_fg_color: #ffffff"
+# Insensitive foreground/background
+gtk-color-scheme = "insensitive_fg_color:#888a8d\ninsensitive_bg_color:#242731"
+# Menus
+gtk-color-scheme = "menu_color:#1a1e23"
+# Links
+gtk-color-scheme = "link_color:#962ac3\nvisited_link_color:#8db7ff"
+# Treeview headers
+gtk-color-scheme = "column_header_color:#898b8b\nhover_column_header_color:#bcbdbc"
+# Window decoration
+gtk-color-scheme = "window_color:#292c37"
+# Tooltips
+gtk-color-scheme = "tooltip_fg_color:#ffffff\ntooltip_bg_color:#000000"
+
+# Set GTK settings
+gtk-auto-mnemonics = 1
+gtk-primary-button-warps-slider = 1
+
+# And hand over the control to the theme files
+include "main.rc"
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/main.rc b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/main.rc
new file mode 100644
index 0000000..062796d
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-2.0/main.rc
@@ -0,0 +1,2554 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This is the main theme file, handling all the default widgets and theme
+# properties. Since GTK+ 2 is old, we need to overcome some of its limitations,
+# which is also mostly done in this file. Sadly not all of them can be overcome
+# so there will always be a visible difference between the GTK+ 2 and 3 theme.
+
+style "default" {
+
+ xthickness = 1
+ ythickness = 1
+
+ ####################
+ # Style Properties #
+ ####################
+
+ GtkWidget::focus-line-width = 1
+ GtkWidget::focus-line-pattern = "\2\1"
+
+ GtkToolbar::internal-padding = 4
+ GtkToolButton::icon-spacing = 4
+
+ GtkWidget::tooltip-radius = 3
+ GtkWidget::tooltip-alpha = 235
+ GtkWidget::new-tooltip-style = 1 #for compatibility
+
+ GtkWidget::link-color = @link_color
+ GtkWidget::visited-link-color = @visited_link_color
+ GnomeHRef::link_color = @link_color
+ GtkHTML::link-color = @link_color
+ GtkHTML::vlink-color = @visited_link_color
+ GtkIMHtml::hyperlink-color = @link_color
+ GtkIMHtml::hyperlink-visited-color = @visited_link_color
+
+ GtkSeparatorMenuItem::horizontal-padding = 0
+ GtkSeparatorMenuItem::wide-separators = 1
+ GtkSeparatorMenuItem::separator-height = 1
+
+ GtkButton::child-displacement-y = 0
+
+ GtkButton::default-border = {0, 0, 0, 0}
+ GtkButton::default-outside-border = {0, 0, 0, 0}
+ GtkButton::inner-border = {4, 4, 4, 4}
+
+ GtkEntry::state-hint = 1
+ GtkEntry::inner-border = {7, 7, 4, 5}
+
+ GtkPaned::handle-size = 9
+ GtkHPaned::handle-size = 9
+ GtkVPaned::handle-size = 9
+
+ GtkScrollbar::trough-border = 0
+ GtkRange::trough-border = 0
+ GtkRange::slider-width = 13
+ GtkRange::stepper-size = 0
+ GtkRange::activate-slider = 1
+
+ GtkScrollbar::activate-slider = 1
+ GtkScrollbar::stepper-size = 0
+ GtkScrollbar::has-backward-stepper = 0
+ GtkScrollbar::has-forward-stepper = 0
+ GtkScrollbar::min-slider-length = 48 # 42 + 2*3 (margins)
+ GtkScrolledWindow::scrollbar-spacing = 0
+ GtkScrolledWindow::scrollbars-within-bevel = 1
+
+ GtkScale::slider_length = 26
+ GtkScale::slider_width = 26
+ GtkScale::trough-side-details = 1
+
+ GtkProgressBar::min-horizontal-bar-height = 6
+ GtkProgressBar::min-vertical-bar-width = 6
+ # Making this bigger than the min[height,width]-2*[y,x]spacing makes the
+ # whole progressbar thicker, so by setting it to the exact above value
+ #Â we get the maximum spacing between the text and the edges without
+ # doing so.
+ GtkProgressBar::xspacing = 4
+ GtkProgressBar::yspacing = 4
+
+ GtkStatusbar::shadow_type = GTK_SHADOW_NONE
+ GtkSpinButton::shadow_type = GTK_SHADOW_NONE
+ GtkMenuBar::shadow-type = GTK_SHADOW_NONE
+ GtkToolbar::shadow-type = GTK_SHADOW_NONE
+ # TODO: find out what this comment means:
+ # ( every window is misaligned for the sake of menus ):
+ GtkMenuBar::internal-padding = 0
+ GtkMenu::horizontal-padding = 0
+ GtkMenu::vertical-padding = 2
+ GtkMenu::double-arrows = 0
+ GtkMenuItem::arrow-scaling = 1
+ GtkMenuItem::toggle-spacing = 10
+
+ GtkCheckButton::indicator_spacing = 3
+ GtkOptionMenu::indicator_spacing = {13, 13, 5, 8}
+
+ GtkTreeView::expander-size = 16
+ GtkTreeView::vertical-separator = 0
+ GtkTreeView::horizontal-separator = 4
+ GtkTreeView::allow-rules = 0
+ #Â Set this because some apps read it
+ GtkTreeView::odd-row-color = @base_color
+ GtkTreeView::even-row-color = @base_color
+
+ GtkExpander::expander-size = 16
+
+ GtkNotebook::tab-overlap = 4
+
+ ##########
+ # Colors #
+ ##########
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = @bg_color
+ bg[SELECTED] = @selected_bg_color
+ bg[INSENSITIVE] = @insensitive_bg_color
+ bg[ACTIVE] = @bg_color
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[INSENSITIVE] = @insensitive_fg_color
+ fg[ACTIVE] = @fg_color
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @selected_fg_color
+ text[INSENSITIVE] = @insensitive_fg_color
+ text[ACTIVE] = @selected_fg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.95, @bg_color)
+ base[SELECTED] = @selected_bg_color
+ base[INSENSITIVE] = @insensitive_bg_color
+ base[ACTIVE] = @selected_bg_color
+
+ # For succinctness, all reasonable pixmap options remain here
+
+ #Â Draw frame around menu in a non-compositied environment
+ # This needs to go before pixmap because we need to override some stuff
+ engine "adwaita" {}
+
+ engine "pixmap" {
+
+ #################
+ # Check Buttons #
+ #################
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/checkbox-unchecked-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = IN
+ overlay_file = "assets/checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/checkbox-checked-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = SELECTED
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/checkbox-mixed-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ #################
+ # Radio Buttons #
+ #################
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/radio-unchecked-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/radio-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/radio-checked-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = IN
+ overlay_file = "assets/radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/radio-checked-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-active.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = SELECTED
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/radio-mixed-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ ##########
+ # Arrows #
+ ##########
+
+ #Â Overrides
+
+ #Â Disable arrows in spinbuttons
+ image {
+ function = ARROW
+ detail = "spinbutton"
+ }
+
+ # Disable arrows for qt in scrollbars
+ image {
+ function = ARROW
+ detail = "vscrollbar"
+ }
+ image {
+ function = ARROW
+ detail = "hscrollbar"
+ }
+
+ # Menu arrows
+
+ image {
+ function = ARROW
+ state = NORMAL
+ detail = "menuitem"
+ overlay_file = "assets/menu-pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ detail = "menuitem"
+ overlay_file = "assets/menu-pan-left-hover.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menuitem"
+ overlay_file = "assets/menu-pan-left-insensitive.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ detail = "menuitem"
+ overlay_file = "assets/menu-pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ detail = "menuitem"
+ overlay_file = "assets/menu-pan-right-hover.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menuitem"
+ overlay_file = "assets/menu-pan-right-insensitive.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menu_scroll_arrow_up"
+ overlay_file = "assets/menu-pan-up-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ detail = "menu_scroll_arrow_up"
+ overlay_file = "assets/menu-pan-up.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ detail = "menu_scroll_arrow_down"
+ overlay_file = "assets/menu-pan-down-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = ARROW
+ detail = "menu_scroll_arrow_down"
+ overlay_file = "assets/menu-pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ # Regular arrows
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-up-insensitive.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-down-insensitive.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-left.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-left-insensitive.png"
+ overlay_stretch = FALSE
+ arrow_direction = LEFT
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/pan-right.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ image {
+ function = ARROW
+ state = INSENSITIVE
+ overlay_file = "assets/pan-right-insensitive.png"
+ overlay_stretch = FALSE
+ arrow_direction = RIGHT
+ }
+
+ ######################
+ # Option Menu Arrows #
+ ######################
+
+ image {
+ function = TAB
+ state = NORMAL
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = PRELIGHT
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = ACTIVE
+ overlay_file = "assets/pan-down.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = TAB
+ state = INSENSITIVE
+ overlay_file = "assets/pan-down-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ #########
+ # Lines #
+ #########
+
+ image {
+ function = VLINE
+ file = "assets/line.png"
+ border = {1, 0, 0, 0}
+ }
+
+ image {
+ function = HLINE
+ file = "assets/line.png"
+ border = {0, 0, 1, 0}
+ }
+
+ #########
+ # Focus #
+ #########
+
+ image {
+ function = FOCUS
+ file = "assets/focus.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+
+ ###########
+ # Handles #
+ ###########
+
+ image {
+ function = HANDLE
+ detail = "handlebox"
+ overlay_file = "assets/handle.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = HANDLE
+ file = "assets/handle-horz.png"
+ border = {0, 0, 4, 4}
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = HANDLE
+ file = "assets/handle-vert.png"
+ border = {4, 4, 0, 0}
+ orientation = VERTICAL
+ }
+
+ image {
+ function = RESIZE_GRIP
+ }
+
+ #############
+ # Expanders #
+ #############
+
+ image {
+ function = EXPANDER
+ expander_style = EXPANDED
+ file = "assets/pan-down.png"
+ }
+
+ #Â LTR
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ file = "assets/pan-right.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_COLLAPSED
+ file = "assets/pan-right-semi.png"
+ direction = LTR
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_EXPANDED
+ file = "assets/pan-right-semi.png"
+ direction = LTR
+ }
+
+ #Â RTL
+
+ image {
+ function = EXPANDER
+ expander_style = COLLAPSED
+ file = "assets/pan-left.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_COLLAPSED
+ file = "assets/pan-left-semi.png"
+ direction = RTL
+ }
+
+ image {
+ function = EXPANDER
+ expander_style = SEMI_EXPANDED
+ file = "assets/pan-left-semi.png"
+ direction = RTL
+ }
+
+ #############
+ #Â Notebooks #
+ #############
+
+ # Left
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab-left-active.png"
+ border = {3, 0, 3, 3}
+ stretch = TRUE
+ gap_side = RIGHT
+ }
+
+ image {
+ function = EXTENSION
+ file = "assets/tab-left.png"
+ border = {3, 0, 3, 3}
+ stretch = TRUE
+ gap_side = RIGHT
+ }
+
+ #Â Right
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab-right-active.png"
+ border = {0, 3, 3, 3}
+ stretch = TRUE
+ gap_side = LEFT
+ }
+
+ image {
+ function = EXTENSION
+ file = "assets/tab-right.png"
+ border = {0, 3, 3, 3}
+ stretch = TRUE
+ gap_side = LEFT
+ }
+
+ #Â Up
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab-up-active.png"
+ border = {3, 3, 3, 0}
+ stretch = TRUE
+ gap_side = BOTTOM
+ }
+
+ image {
+ function = EXTENSION
+ file = "assets/tab-up.png"
+ border = {3, 3, 3, 0}
+ stretch = TRUE
+ gap_side = BOTTOM
+ }
+
+ #Â Down
+
+ image {
+ function = EXTENSION
+ state = NORMAL
+ file = "assets/tab-down-active.png"
+ border = {3, 3, 0, 3}
+ stretch = TRUE
+ gap_side = TOP
+ }
+
+ image {
+ function = EXTENSION
+ file = "assets/tab-down.png"
+ border = {3, 3, 0, 3}
+ stretch = TRUE
+ gap_side = TOP
+ }
+
+ # Inner frame
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab-vert-gap.png"
+ gap_border = {1, 0, 1, 1}
+ gap_side = LEFT
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab-vert-gap.png"
+ gap_border = {0, 1, 1, 1}
+ gap_side = RIGHT
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab-horz-gap.png"
+ gap_border = {1, 1, 1, 0}
+ gap_side = TOP
+ }
+
+ image {
+ function = BOX_GAP
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_file = "assets/tab-horz-gap.png"
+ gap_border = {1, 1, 0, 1}
+ gap_side = BOTTOM
+ }
+
+ # Standalone frame
+ image {
+ function = BOX
+ detail = "notebook"
+ file = "assets/frame-notebook.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+
+ ##############
+ #Â Scrollbars #
+ ##############
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-horz-trough.png"
+ border = {0, 0, 1, 0}
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-vert-trough.png"
+ border = {1, 0, 0, 0}
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/scrollbar-vert-trough-rtl.png"
+ border = {0, 1, 0, 0}
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+
+ #Â Disable insensitive sliders
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "slider"
+ }
+
+ # Horizontal sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider.png"
+ border = {6, 6, 7, 6 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-hover.png"
+ border = {6, 6, 7, 6 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-horz-slider-active.png"
+ border = {6, 6, 7, 6 }
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ # Vertical sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-vert-slider.png"
+ border = {7, 6, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-vert-slider-hover.png"
+ border = {7, 6, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-slider-active.png"
+ border = {7, 6, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = LTR
+ }
+
+ #Â RTL
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "slider"
+ file = "assets/scrollbar-vert-slider-rtl.png"
+ border = {6, 7, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "slider"
+ file = "assets/scrollbar-vert-slider-hover-rtl.png"
+ border = {6, 7, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "slider"
+ file = "assets/scrollbar-vert-slider-active-rtl.png"
+ border = {6, 7, 6, 6}
+ stretch = TRUE
+ orientation = VERTICAL
+ direction = RTL
+ }
+
+ ##########
+ # Scales #
+ ##########
+
+ #Â Troughs, overrided later on. We set them here too because some widgets
+ # don't specify their orientation.
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough.png"
+ border = {10, 10, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-active.png"
+ border = {10, 10, 0, 0}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough.png"
+ border = {0, 0, 10, 10}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-active.png"
+ border = {0, 0, 10, 10}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ #Â Sliders
+
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "hscale"
+ file = "assets/scale-slider.png"
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "hscale"
+ file = "assets/scale-slider-hover.png"
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "hscale"
+ file = "assets/scale-slider-active.png"
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "hscale"
+ file = "assets/scale-slider-insensitive.png"
+ }
+ image {
+ function = SLIDER
+ state = NORMAL
+ detail = "vscale"
+ file = "assets/scale-slider.png"
+ }
+
+ image {
+ function = SLIDER
+ state = PRELIGHT
+ detail = "vscale"
+ file = "assets/scale-slider-hover.png"
+ }
+
+ image {
+ function = SLIDER
+ state = ACTIVE
+ detail = "vscale"
+ file = "assets/scale-slider-active.png"
+ }
+
+ image {
+ function = SLIDER
+ state = INSENSITIVE
+ detail = "vscale"
+ file = "assets/scale-slider-insensitive.png"
+ }
+
+ ###########
+ # Menubar #
+ ###########
+
+ image {
+ function = BOX
+ detail = "menubar"
+ file = "assets/line.png"
+ border = {0, 0, 0, 1}
+ }
+
+ #########
+ # Menus #
+ #########
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "menu_scroll_arrow_up"
+ file = "assets/line.png"
+ }
+
+ image {
+ function = BOX
+ detail = "menu_scroll_arrow_up"
+ file = "assets/line.png"
+ border = {0, 0, 0, 1}
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "menu_scroll_arrow_down"
+ file = "assets/line.png"
+ }
+
+ image {
+ function = BOX
+ detail = "menu_scroll_arrow_down"
+ file = "assets/line.png"
+ border = {0, 0, 1, 0}
+ }
+
+ ###########
+ # Entries #
+ ###########
+
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ detail = "entry"
+ file = "assets/entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = FLAT_BOX
+ state = ACTIVE
+ detail = "entry_bg"
+ file = "assets/entry-background.png"
+ }
+
+ image {
+ function = FLAT_BOX
+ state = INSENSITIVE
+ detail = "entry_bg"
+ file = "assets/entry-background-insensitive.png"
+ }
+
+ image {
+ function = FLAT_BOX
+ detail = "entry_bg"
+ file = "assets/entry-background.png"
+ }
+ #########
+ # Spins #
+ #########
+
+ # Spin-Up LTR
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up.png"
+ border = {1, 4, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-hover.png"
+ border = {1, 4, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-active.png"
+ border = {1, 4, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-ltr-up-insensitive.png"
+ border = {1, 4, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up-insensitive.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ # Spin-Up RTL
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up.png"
+ border = {4, 1, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-hover.png"
+ border = {4, 1, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-hover.png"
+ border = {4, 1, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_up"
+ file = "assets/spin-rtl-up-insensitive.png"
+ border = {4, 1, 4, 0}
+ stretch = TRUE
+ overlay_file = "assets/spin-up-insensitive.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ # Spin-Down LTR
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down.png"
+ border = {1, 4, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-hover.png"
+ border = {1, 4, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-active.png"
+ border = {1, 4, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-ltr-down-insensitive.png"
+ border = {1, 4, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down-insensitive.png"
+ overlay_stretch = FALSE
+ direction = LTR
+ }
+
+ # Spin-Down RTL
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down.png"
+ border = {4, 1, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-hover.png"
+ border = {4, 1, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-active.png"
+ border = {4, 1, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "spinbutton_down"
+ file = "assets/spin-rtl-down-insensitive.png"
+ border = {4, 1, 1, 4}
+ stretch = TRUE
+ overlay_file = "assets/spin-down-insensitive.png"
+ overlay_stretch = FALSE
+ direction = RTL
+ }
+
+ ##############
+ # Scrollbars #
+ ##############
+
+ image {
+ function = BOX
+ detail = "bar"
+ file = "assets/progressbar-horz.png"
+ stretch = TRUE
+ border = {2, 2, 1, 1}
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "bar"
+ file = "assets/progressbar-vert.png"
+ stretch = TRUE
+ border = {1, 1, 2, 2}
+ orientation = VERTICAL
+ }
+
+ #############
+ # Treeviews #
+ #############
+
+ #Â Disable active the column highlight
+ # We need to match specific cells or we break stuff
+ # Looking at you deadbeef
+
+ image {
+ function = FLAT_BOX
+ detail = "cell_even_sorted"
+ state = NORMAL
+ }
+
+ image {
+ function = FLAT_BOX
+ detail = "cell_odd_sorted"
+ state = NORMAL
+ }
+
+ #Â Disable all the other shadows
+ # This prevents the Raleigh effect
+ image {
+ function = SHADOW
+ }
+
+ }
+
+}
+
+style "menubar" {
+
+ # Needed to fix Firefox's menubar text
+ bg[SELECTED] = @selected_fg_color
+ fg[SELECTED] = @link_color
+
+}
+
+style "menubar_item" {
+
+ xthickness = 3
+ ythickness = 4
+
+ fg[PRELIGHT] = @link_color
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ state = PRELIGHT
+ file = "assets/menubar-item-active.png"
+ border = {0, 0, 0, 3}
+ }
+ }
+
+}
+
+style "menu" {
+
+ xthickness = 0
+ ythickness = 0
+
+ bg[NORMAL] = @menu_color
+ bg[INSENSITIVE] = @menu_color
+ bg[PRELIGHT] = @menu_color
+ bg[SELECTED] = @selected_bg_color
+
+}
+
+style "menu_item" {
+
+ xthickness = 3
+ ythickness = 4
+
+ bg[PRELIGHT] = @selected_bg_color
+ # Chromium uses this setting
+ bg[SELECTED] = @selected_bg_color
+
+ fg[PRELIGHT] = @selected_fg_color
+ # Some widgets use text, we need to handle that
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @selected_fg_color
+
+ #Â Unfortunately we can't tell regular and menu checks/radios apart
+ # Without the heirarchy
+ engine "pixmap" {
+
+ #################
+ # Check Buttons #
+ #################
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/menu-checkbox-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/menu-checkbox-checked-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = CHECK
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-checkbox-mixed-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ #################
+ # Radio Buttons #
+ #################
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = OUT
+ overlay_file = "assets/menu-radio.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = OUT
+ overlay_file = "assets/menu-radio-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = OUT
+ overlay_file = "assets/menu-radio.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = OUT
+ overlay_file = "assets/menu-radio-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = IN
+ overlay_file = "assets/menu-radio-checked-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = NORMAL
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = PRELIGHT
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed-hover.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = ACTIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed.png"
+ overlay_stretch = FALSE
+ }
+
+ image {
+ function = OPTION
+ state = INSENSITIVE
+ shadow = ETCHED_IN
+ overlay_file = "assets/menu-radio-mixed-insensitive.png"
+ overlay_stretch = FALSE
+ }
+
+
+
+ }
+
+}
+
+style "separator_menu_item" {
+
+ xthickness = 0
+ ythickness = 0
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/line.png"
+ }
+ }
+
+}
+
+style "button" {
+
+ xthickness = 2
+ ythickness = 2
+
+ # For the sake of sanity style buttons this way
+ engine "pixmap" {
+
+ ###########
+ #Â Buttons #
+ ###########
+
+ image {
+ function = BOX
+ state = NORMAL
+ file = "assets/button.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = OUT
+ file = "assets/button-hover.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ # Don't add hover effect on pressed buttons
+ image {
+ function = BOX
+ state = PRELIGHT
+ shadow = IN
+ file = "assets/button-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ file = "assets/button-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ file = "assets/button-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+ }
+}
+
+style "link_button" {
+
+ # Disable the button effect, leave just the link
+ engine "pixmap" {
+ image {
+ function = BOX
+ }
+ }
+
+}
+
+style "entry" {
+
+ #Â We set this same as the border of the border of the entry
+ #Â This way there's no overlap
+ xthickness = 4
+ ythickness = 4
+
+}
+
+style "combobox" {
+
+ xthickness = 6
+ ythickness = 4
+
+ # This affects only the button beside an entry
+ GtkButton::inner-border = {0, 0, 0, 0}
+
+}
+
+style "combobox_cellview" {
+ text[NORMAL] = @fg_color
+ text[PRELIGHT] = @fg_color
+}
+
+style "combobox_entry" {
+
+ # Since one side of the button is missing, we need to shift the arrow a little to the right
+ GtkButton::inner-border = {0, 1, 0, 0}
+
+ engine "pixmap" {
+
+ #############
+ # LTR entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/combo-entry-ltr-entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/combo-entry-ltr-entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/combo-entry-ltr-entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ #############
+ # RTL entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/combo-entry-rtl-entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/combo-entry-rtl-entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/combo-entry-rtl-entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ ##############
+ # LTR button #
+ ##############
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "button"
+ file = "assets/combo-entry-ltr-button.png"
+ border = {0, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "button"
+ file = "assets/combo-entry-ltr-button-hover.png"
+ border = {0, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "button"
+ file = "assets/combo-entry-ltr-button-active.png"
+ border = {0, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "button"
+ file = "assets/combo-entry-ltr-button-insensitive.png"
+ border = {0, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ ##############
+ # RTL button #
+ ##############
+
+ image {
+ function = BOX
+ state = NORMAL
+ detail = "button"
+ file = "assets/combo-entry-rtl-button.png"
+ border = {4, 0, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = PRELIGHT
+ detail = "button"
+ file = "assets/combo-entry-rtl-button-hover.png"
+ border = {4, 0, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = ACTIVE
+ detail = "button"
+ file = "assets/combo-entry-rtl-button-active.png"
+ border = {4, 0, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = BOX
+ state = INSENSITIVE
+ detail = "button"
+ file = "assets/combo-entry-rtl-button-insensitive.png"
+ border = {4, 0, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ }
+
+}
+
+style "combo_button_padding" {
+
+ # Since one side of the button is missing, we need to shift the arrow a
+ # little to the right.
+ #Â This is the same thing we've done above but the combo, unlike the combobox,
+ # uses padding the same way as a button.
+ GtkButton::inner-border = {6, 8, 4, 4}
+
+}
+
+style "notebook" {
+
+ xthickness = 5
+ ythickness = 2
+
+}
+
+style "notebook_viewport" {
+ bg[NORMAL] = @base_color
+}
+
+style "notebook_bg" {
+ bg[NORMAL] = @base_color
+ bg[PRELIGHT] = @base_color
+ bg[INSENSITIVE] = @base_color
+}
+
+style "notebook_entry" {
+
+ engine "pixmap" {
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/notebook-entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/notebook-entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ detail = "entry"
+ file = "assets/notebook-entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+ }
+}
+
+style "normal_bg" {
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = @bg_color
+ bg[INSENSITIVE] = @insensitive_bg_color
+}
+
+style "normal_entry" {
+
+ engine "pixmap" {
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW
+ detail = "entry"
+ file = "assets/entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ }
+ }
+}
+
+style "notebook_combo" {
+
+ engine "pixmap" {
+
+ #############
+ # LTR entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/notebook-combo-entry-ltr-entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/notebook-combo-entry-ltr-entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/notebook-combo-entry-ltr-entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ #############
+ # RTL entry #
+ #############
+
+ image {
+ function = SHADOW
+ state = NORMAL
+ detail = "entry"
+ file = "assets/notebook-combo-entry-rtl-entry.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = ACTIVE
+ detail = "entry"
+ file = "assets/notebook-combo-entry-rtl-entry-active.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = SHADOW
+ state = INSENSITIVE
+ detail = "entry"
+ file = "assets/notebook-combo-entry-rtl-entry-insensitive.png"
+ border = {4, 4, 4, 4}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ }
+
+}
+
+style "textview" {
+ bg[NORMAL] = @base_color
+}
+
+style "scale_horz" {
+
+ engine "pixmap" {
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-horz-trough.png"
+ border = {10, 10, 0, 0}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-horz-trough-active.png"
+ border = {10, 10, 0, 0}
+ stretch = TRUE
+ }
+
+ }
+
+}
+
+style "scale_vert" {
+
+ engine "pixmap" {
+
+ image {
+ function = BOX
+ detail = "trough-upper"
+ file = "assets/scale-vert-trough.png"
+ border = {0, 0, 10, 10}
+ stretch = TRUE
+ }
+
+ image {
+ function = BOX
+ detail = "trough-lower"
+ file = "assets/scale-vert-trough-active.png"
+ border = {0, 0, 10, 10}
+ stretch = TRUE
+ }
+
+ }
+
+}
+
+style "progressbar" {
+
+ xthickness = 1
+ ythickness = 1
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "pixmap" {
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/progressbar-horz-trough.png"
+ border = {3, 3, 2, 2}
+ stretch = TRUE
+ orientation = HORIZONTAL
+ }
+
+ image {
+ function = BOX
+ detail = "trough"
+ file = "assets/progressbar-vert-trough.png"
+ border = {2, 2, 3, 3}
+ stretch = TRUE
+ orientation = VERTICAL
+ }
+
+ }
+
+}
+
+style "treeview_header" {
+
+ xthickness = 1
+ ythickness = 0
+
+ fg[NORMAL] = @column_header_color
+ fg[PRELIGHT] = @hover_column_header_color
+
+ font_name = "Bold"
+
+ GtkButton::inner-border = {5, 5, 0, 1}
+
+ engine "pixmap" {
+
+ image {
+ function = BOX
+ file = "assets/treeview-separator-ltr.png"
+ border = {0, 1, 0, 1}
+ stretch = TRUE
+ direction = LTR
+ }
+
+ image {
+ function = BOX
+ file = "assets/treeview-separator-rtl.png"
+ border = {1, 0, 0, 1}
+ stretch = TRUE
+ direction = RTL
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/treeview-pan-up.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/treeview-pan-up-hover.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/treeview-pan-up-active.png"
+ overlay_stretch = FALSE
+ arrow_direction = UP
+ }
+
+ image {
+ function = ARROW
+ state = NORMAL
+ overlay_file = "assets/treeview-pan-down.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = PRELIGHT
+ overlay_file = "assets/treeview-pan-down-hover.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ image {
+ function = ARROW
+ state = ACTIVE
+ overlay_file = "assets/treeview-pan-down-active.png"
+ overlay_stretch = FALSE
+ arrow_direction = DOWN
+ }
+
+ }
+
+}
+
+style "scrolled_window" {
+
+ engine "pixmap" {
+ image {
+ function = SHADOW
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+ }
+
+}
+
+style "frame" {
+
+ engine "pixmap" {
+
+ image {
+ function = SHADOW
+ shadow = NONE
+ }
+
+ image {
+ function = SHADOW
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ }
+
+ image {
+ function = SHADOW_GAP
+ file = "assets/frame.png"
+ border = {1, 1, 1, 1}
+ stretch = TRUE
+ gap_start_file = "assets/border.png"
+ gap_end_file = "assets/border.png"
+ }
+
+ }
+
+}
+
+style "toolbar_button" {
+
+ xthickness = 2
+ ythickness = 2
+
+ GtkButton::inner-border = {2, 2, 2, 2}
+
+}
+
+style "toolbar_separator" {
+
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 1
+
+ engine "pixmap" {
+ image {
+ function = BOX
+ file = "assets/line.png"
+ }
+ }
+
+}
+
+style "inline_toolbar" {
+
+ GtkToolbar::button-relief = GTK_RELIEF_NORMAL
+
+ engine "pixmap" {
+ image {
+ function = SHADOW
+ file = "assets/frame-inline.png"
+ border = {1, 1, 0, 1}
+ stretch = TRUE
+ }
+ }
+
+}
+
+style "tooltip" {
+
+ xthickness = 13
+ ythickness = 13
+
+ bg[NORMAL] = @tooltip_bg_color
+ fg[NORMAL] = @tooltip_fg_color
+ bg[SELECTED] = @tooltip_bg_color
+
+}
+
+style "disable_separator" {
+
+ xthickness = 0
+ ythickness = 0
+
+ GtkWidget::wide-separators = 1
+
+}
+
+# Default style, containing theme properties and trying to match every widget as
+# much as possible, which is not only faster than trying to match every widget
+# by its own but also less bug-prune and more consistent. However there is some
+# widget specific stuff that needs to be taken care of, which is the point of
+# every other style below.
+class "GtkWidget" style "default"
+
+ ######################################
+ # Override padding, style and colour #
+ ######################################
+
+class "GtkButton" style "button"
+class "GtkLinkButton" style "link_button"
+class "GtkEntry" style "entry"
+class "GtkOldEditable" style "entry"
+class "GtkNotebook" style "notebook"
+class "GtkHScale" style "scale_horz"
+class "GtkVScale" style "scale_vert"
+class "GtkProgressBar" style "progressbar"
+class "GtkScrolledWindow" style "scrolled_window"
+class "GtkFrame" style "frame"
+class "GtkSeparatorToolItem" style "toolbar_separator"
+class "GtkMenuBar" style "menubar"
+class "GtkMenu" style "menu"
+class "GtkTextView" style "textview"
+
+# Menu and menubar items
+widget_class "**" style "menu_item"
+widget_class "*.*" style "menubar_item"
+widget_class "**" style "separator_menu_item"
+
+# Treeview buttons
+widget_class "***" style "treeview_header"
+
+# Give the file chooser toolbar a border
+widget_class "**" style "inline_toolbar"
+
+#Â Fix padding on regular comboboxes
+widget_class "*." style "combobox"
+# And disable separators on them
+widget_class "*.*" style "disable_separator"
+
+#Â Join together the ComboBoxEntry entry and button
+widget_class "**" style "combobox_entry"
+
+#Â Join the Combo entry and button
+widget_class "**" style "combobox_entry"
+#Â Tweak the padding on the button a little bit because it
+# uses it a bit differently
+widget_class "*." style "combo_button_padding"
+
+#Â Alas we cannot do the same for ComboBoxText because there
+# isn't a way to apply the style to only the comboboxes that
+# have an entry inside
+
+# Toolbar buttons have different paddings
+widget_class "**" style "toolbar_button"
+
+# Notebooks are white, act accordingly
+widget_class "**" style "notebook_entry"
+widget_class "**" style "notebook_bg"
+widget_class "**" style "notebook_bg"
+widget_class "***" style "notebook_bg"
+widget_class "**" style "notebook_bg"
+widget_class "*.*" style "notebook_bg"
+widget_class "***" style "notebook_combo"
+widget_class "***" style "notebook_combo"
+
+# However, stuff inside eventboxes inside notebooks is grey
+# again, react
+widget_class "***" style "normal_entry"
+widget_class "***" style "normal_bg"
+widget_class "***" style "normal_bg"
+widget_class "****" style "combobox_entry"
+widget_class "****" style "combobox_entry"
+widget_class "***." style "combo_button_padding"
+
+# ComboBoxes tend to draw the button label with text[]
+# instead of fg[], we need to fix that
+widget_class "**" style "combobox_cellview"
+
+# GTK tooltips
+widget "gtk-tooltip*" style "tooltip"
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/bullet-symbolic.svg b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/bullet-symbolic.svg
new file mode 100644
index 0000000..c029973
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/bullet-symbolic.svg
@@ -0,0 +1,155 @@
+
+
+
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png
new file mode 100644
index 0000000..0ed0119
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/bullet-symbolic.symbolic.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/bullet@2-symbolic.symbolic.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/bullet@2-symbolic.symbolic.png
new file mode 100644
index 0000000..2f26a51
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/bullet@2-symbolic.symbolic.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/check-symbolic.svg b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/check-symbolic.svg
new file mode 100644
index 0000000..bac5cd6
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/check-symbolic.svg
@@ -0,0 +1,154 @@
+
+
+
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/check-symbolic.symbolic.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/check-symbolic.symbolic.png
new file mode 100644
index 0000000..21be612
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/check-symbolic.symbolic.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/check@2-symbolic.symbolic.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/check@2-symbolic.symbolic.png
new file mode 100644
index 0000000..2c2a0dd
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/check@2-symbolic.symbolic.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/close.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/close.png
new file mode 100644
index 0000000..8ea117d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/close.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/close@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/close@2.png
new file mode 100644
index 0000000..05da08c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/close@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/dash-symbolic.svg b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/dash-symbolic.svg
new file mode 100644
index 0000000..7886d54
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/dash-symbolic.svg
@@ -0,0 +1,153 @@
+
+
+
+
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png
new file mode 100644
index 0000000..c20d4ba
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/dash-symbolic.symbolic.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/dash@2-symbolic.symbolic.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/dash@2-symbolic.symbolic.png
new file mode 100644
index 0000000..d2b3385
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/dash@2-symbolic.symbolic.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/maximize.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/maximize.png
new file mode 100644
index 0000000..8a6d1bf
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/maximize.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/maximize@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/maximize@2.png
new file mode 100644
index 0000000..6bcc9ec
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/maximize@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/minimize.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/minimize.png
new file mode 100644
index 0000000..f4da52f
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/minimize.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/minimize@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/minimize@2.png
new file mode 100644
index 0000000..e1546dc
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/minimize@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png
new file mode 100644
index 0000000..d65f598
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png
new file mode 100644
index 0000000..a0bdfd0
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-darkest.png
new file mode 100644
index 0000000..f12461f
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-darkest@2.png
new file mode 100644
index 0000000..d79a4c3
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png
new file mode 100644
index 0000000..b4d847d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png
new file mode 100644
index 0000000..d95a9b7
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-active@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png
new file mode 100644
index 0000000..5cb9054
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png
new file mode 100644
index 0000000..ca28a9d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-darkest.png
new file mode 100644
index 0000000..93ec2f4
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-darkest@2.png
new file mode 100644
index 0000000..162fa26
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png
new file mode 100644
index 0000000..5cb9054
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png
new file mode 100644
index 0000000..ca28a9d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest.png
new file mode 100644
index 0000000..93ec2f4
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest@2.png
new file mode 100644
index 0000000..162fa26
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png
new file mode 100644
index 0000000..ef14660
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png
new file mode 100644
index 0000000..03fe555
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png
new file mode 100644
index 0000000..331dc19
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png
new file mode 100644
index 0000000..560b817
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-backdrop@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png
new file mode 100644
index 0000000..38757a8
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png
new file mode 100644
index 0000000..5eeff51
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-darkest.png
new file mode 100644
index 0000000..a5eab18
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-darkest@2.png
new file mode 100644
index 0000000..0d644fa
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png
new file mode 100644
index 0000000..d65f598
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png
new file mode 100644
index 0000000..1495c44
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-darkest.png
new file mode 100644
index 0000000..f12461f
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-darkest@2.png
new file mode 100644
index 0000000..72dfd56
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png
new file mode 100644
index 0000000..b4d847d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png
new file mode 100644
index 0000000..cb85da1
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-hover@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png
new file mode 100644
index 0000000..5cb9054
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png
new file mode 100644
index 0000000..ca28a9d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-darkest.png
new file mode 100644
index 0000000..93ec2f4
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-darkest@2.png
new file mode 100644
index 0000000..162fa26
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png
new file mode 100644
index 0000000..ef14660
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png
new file mode 100644
index 0000000..03fe555
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above-insensitive@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above.png
new file mode 100644
index 0000000..3d522ac
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png
new file mode 100644
index 0000000..3c1d695
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-above@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png
new file mode 100644
index 0000000..ac7122e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png
new file mode 100644
index 0000000..04c3341
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-darkest.png
new file mode 100644
index 0000000..c908f06
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-darkest@2.png
new file mode 100644
index 0000000..384440d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png
new file mode 100644
index 0000000..8be7f56
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png
new file mode 100644
index 0000000..2782c27
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-active@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png
new file mode 100644
index 0000000..2977074
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png
new file mode 100644
index 0000000..c28fa3e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-darkest.png
new file mode 100644
index 0000000..db57639
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-darkest@2.png
new file mode 100644
index 0000000..cf564ad
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png
new file mode 100644
index 0000000..2977074
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png
new file mode 100644
index 0000000..c28fa3e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest.png
new file mode 100644
index 0000000..db57639
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest@2.png
new file mode 100644
index 0000000..cf564ad
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png
new file mode 100644
index 0000000..7283014
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png
new file mode 100644
index 0000000..b802db0
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png
new file mode 100644
index 0000000..0fd1ac5
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png
new file mode 100644
index 0000000..e2a3c97
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-backdrop@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png
new file mode 100644
index 0000000..505c7ec
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png
new file mode 100644
index 0000000..8d31598
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-darkest.png
new file mode 100644
index 0000000..d433413
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-darkest@2.png
new file mode 100644
index 0000000..dc82d15
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png
new file mode 100644
index 0000000..ac7122e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png
new file mode 100644
index 0000000..04c3341
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-darkest.png
new file mode 100644
index 0000000..c908f06
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-darkest@2.png
new file mode 100644
index 0000000..384440d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png
new file mode 100644
index 0000000..a965ce5
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png
new file mode 100644
index 0000000..c8e7ac9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-hover@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png
new file mode 100644
index 0000000..2977074
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png
new file mode 100644
index 0000000..c28fa3e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-darkest.png
new file mode 100644
index 0000000..db57639
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-darkest@2.png
new file mode 100644
index 0000000..cf564ad
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png
new file mode 100644
index 0000000..0fd1ac5
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png
new file mode 100644
index 0000000..e2a3c97
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below-insensitive@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below.png
new file mode 100644
index 0000000..41d1ac6
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png
new file mode 100644
index 0000000..a77c0b7
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-horz-scale-has-marks-below@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png
new file mode 100644
index 0000000..38135a8
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png
new file mode 100644
index 0000000..07fd715
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-darkest.png
new file mode 100644
index 0000000..8741cd6
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-darkest@2.png
new file mode 100644
index 0000000..056afe9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png
new file mode 100644
index 0000000..19adb68
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png
new file mode 100644
index 0000000..a073642
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-active@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png
new file mode 100644
index 0000000..df9d144
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png
new file mode 100644
index 0000000..c525ae2
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-darkest.png
new file mode 100644
index 0000000..5df6b13
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-darkest@2.png
new file mode 100644
index 0000000..662a182
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png
new file mode 100644
index 0000000..df9d144
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png
new file mode 100644
index 0000000..c525ae2
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest.png
new file mode 100644
index 0000000..5df6b13
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest@2.png
new file mode 100644
index 0000000..662a182
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png
new file mode 100644
index 0000000..06f3a9e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png
new file mode 100644
index 0000000..b76e980
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png
new file mode 100644
index 0000000..977e373
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png
new file mode 100644
index 0000000..b76e980
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-backdrop@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png
new file mode 100644
index 0000000..30877f3
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png
new file mode 100644
index 0000000..b0a835d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-darkest.png
new file mode 100644
index 0000000..50a4eb2
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-darkest@2.png
new file mode 100644
index 0000000..5594b45
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png
new file mode 100644
index 0000000..38135a8
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png
new file mode 100644
index 0000000..9076799
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-darkest.png
new file mode 100644
index 0000000..8741cd6
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-darkest@2.png
new file mode 100644
index 0000000..b135d12
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png
new file mode 100644
index 0000000..19adb68
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png
new file mode 100644
index 0000000..d5fc1f5
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-hover@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png
new file mode 100644
index 0000000..df9d144
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png
new file mode 100644
index 0000000..c525ae2
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-darkest.png
new file mode 100644
index 0000000..5df6b13
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-darkest@2.png
new file mode 100644
index 0000000..662a182
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png
new file mode 100644
index 0000000..06f3a9e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png
new file mode 100644
index 0000000..c32b58b
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above-insensitive@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above.png
new file mode 100644
index 0000000..5e0e7f7
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png
new file mode 100644
index 0000000..fc0cf2c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-above@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png
new file mode 100644
index 0000000..125d77e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png
new file mode 100644
index 0000000..fee30e4
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-darkest.png
new file mode 100644
index 0000000..1456bef
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-darkest@2.png
new file mode 100644
index 0000000..2dc9aa5
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png
new file mode 100644
index 0000000..8a9b5a6
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png
new file mode 100644
index 0000000..e349a49
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-active@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png
new file mode 100644
index 0000000..4552753
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png
new file mode 100644
index 0000000..903313d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-darkest.png
new file mode 100644
index 0000000..27b26ea
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-darkest@2.png
new file mode 100644
index 0000000..9fd4180
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png
new file mode 100644
index 0000000..4552753
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png
new file mode 100644
index 0000000..903313d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest.png
new file mode 100644
index 0000000..27b26ea
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest@2.png
new file mode 100644
index 0000000..9fd4180
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png
new file mode 100644
index 0000000..acac5e9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png
new file mode 100644
index 0000000..89a6113
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png
new file mode 100644
index 0000000..acac5e9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png
new file mode 100644
index 0000000..89a6113
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-backdrop@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png
new file mode 100644
index 0000000..fc411ea
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png
new file mode 100644
index 0000000..dac4eb7
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-darkest.png
new file mode 100644
index 0000000..f0e2591
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-darkest@2.png
new file mode 100644
index 0000000..f02e565
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png
new file mode 100644
index 0000000..125d77e
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png
new file mode 100644
index 0000000..d851119
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-darkest.png
new file mode 100644
index 0000000..1456bef
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-darkest@2.png
new file mode 100644
index 0000000..e8810f2
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png
new file mode 100644
index 0000000..8a9b5a6
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png
new file mode 100644
index 0000000..d5f4326
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-hover@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png
new file mode 100644
index 0000000..4552753
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png
new file mode 100644
index 0000000..903313d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-darkest.png
new file mode 100644
index 0000000..27b26ea
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-darkest@2.png
new file mode 100644
index 0000000..9fd4180
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png
new file mode 100644
index 0000000..acac5e9
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png
new file mode 100644
index 0000000..ae7b771
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below-insensitive@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below.png
new file mode 100644
index 0000000..2ca0386
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png
new file mode 100644
index 0000000..bbfa7b2
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/slider-vert-scale-has-marks-below@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active-dark.png
new file mode 100644
index 0000000..7c75c18
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active-dark@2.png
new file mode 100644
index 0000000..f9e303d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active-darkest.png
new file mode 100644
index 0000000..07e7bfc
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active-darkest@2.png
new file mode 100644
index 0000000..ec2cdbd
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active.png
new file mode 100644
index 0000000..68d2308
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active@2.png
new file mode 100644
index 0000000..94628b0
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-active@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-dark.png
new file mode 100644
index 0000000..e74bc21
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-dark@2.png
new file mode 100644
index 0000000..c65d774
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-darkest.png
new file mode 100644
index 0000000..f95bded
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-darkest@2.png
new file mode 100644
index 0000000..5240b5b
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover-dark.png
new file mode 100644
index 0000000..99baef4
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover-dark@2.png
new file mode 100644
index 0000000..a76944f
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover-darkest.png
new file mode 100644
index 0000000..c437a37
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover-darkest@2.png
new file mode 100644
index 0000000..e3bb019
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover.png
new file mode 100644
index 0000000..68d2308
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover@2.png
new file mode 100644
index 0000000..94628b0
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end-hover@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end.png
new file mode 100644
index 0000000..77ecabe
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end@2.png
new file mode 100644
index 0000000..95c0a28
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-end@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active-dark.png
new file mode 100644
index 0000000..8124ba1
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active-dark@2.png
new file mode 100644
index 0000000..67195e5
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active-darkest.png
new file mode 100644
index 0000000..3c8c8ca
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active-darkest@2.png
new file mode 100644
index 0000000..129c9f6
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active.png
new file mode 100644
index 0000000..860f4e0
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active@2.png
new file mode 100644
index 0000000..f6491b8
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-active@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-dark.png
new file mode 100644
index 0000000..b735e0d
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-dark@2.png
new file mode 100644
index 0000000..b0f87fa
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-darkest.png
new file mode 100644
index 0000000..e112eb7
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-darkest@2.png
new file mode 100644
index 0000000..ff1d335
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover-dark.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover-dark.png
new file mode 100644
index 0000000..bd2dfcb
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover-dark.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover-dark@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover-dark@2.png
new file mode 100644
index 0000000..f9f195c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover-dark@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover-darkest.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover-darkest.png
new file mode 100644
index 0000000..c576b41
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover-darkest.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover-darkest@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover-darkest@2.png
new file mode 100644
index 0000000..3faad64
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover-darkest@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover.png
new file mode 100644
index 0000000..860f4e0
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover@2.png
new file mode 100644
index 0000000..f6491b8
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start-hover@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start.png
new file mode 100644
index 0000000..0aba8aa
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start@2.png
new file mode 100644
index 0000000..5a3ca66
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/text-select-start@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/titlebutton.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/titlebutton.png
new file mode 100644
index 0000000..61d7345
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/titlebutton.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/titlebutton@2.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/titlebutton@2.png
new file mode 100644
index 0000000..d8fa73c
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/assets/titlebutton@2.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/gtk-dark.css b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/gtk-dark.css
new file mode 120000
index 0000000..78c9d4e
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/gtk-dark.css
@@ -0,0 +1 @@
+gtk.css
\ No newline at end of file
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/gtk.css b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/gtk.css
new file mode 100644
index 0000000..ff3eee1
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/gtk.css
@@ -0,0 +1,7215 @@
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+* {
+ padding: 0;
+ -GtkToolButton-icon-spacing: 4;
+ -GtkTextView-error-underline-color: #bf1717;
+ -GtkScrolledWindow-scrollbar-spacing: 0;
+ -GtkToolItemGroup-expander-size: 11;
+ -GtkWidget-text-handle-width: 20;
+ -GtkWidget-text-handle-height: 24;
+ -GtkDialog-button-spacing: 4;
+ -GtkDialog-action-area-border: 0;
+ outline-color: alpha(currentColor,0.3);
+ outline-style: dashed;
+ outline-offset: -3px;
+ outline-width: 1px;
+ -gtk-outline-radius: 4px;
+ -gtk-secondary-caret-color: #962ac3; }
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ color: #eeeeec;
+ background-color: #23252e; }
+ .background:backdrop {
+ color: #888a8d;
+ background-color: #23252e;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+/*
+ These wildcard seems unavoidable, need to investigate.
+ Wildcards are bad and troublesome, use them with care,
+ or better, just don't.
+ Everytime a wildcard is used a kitten dies, painfully.
+*/
+*:disabled {
+ -gtk-icon-effect: dim; }
+
+.gtkstyle-fallback {
+ color: #eeeeec;
+ background-color: #23252e; }
+ .gtkstyle-fallback:hover {
+ color: #eeeeec;
+ background-color: #383d4b; }
+ .gtkstyle-fallback:active {
+ color: #eeeeec;
+ background-color: #0d0e11; }
+ .gtkstyle-fallback:disabled {
+ color: #888a8d;
+ background-color: #242731; }
+ .gtkstyle-fallback:selected {
+ color: #ffffff;
+ background-color: #962ac3; }
+
+.view, iconview,
+.view text,
+iconview text,
+textview text {
+ color: white;
+ background-color: #272a34; }
+ .view:backdrop, iconview:backdrop,
+ .view text:backdrop,
+ iconview text:backdrop,
+ textview text:backdrop {
+ color: #d4d5d7;
+ background-color: #292c37; }
+ .view:backdrop:disabled, iconview:backdrop:disabled,
+ .view text:backdrop:disabled,
+ iconview text:backdrop:disabled,
+ textview text:backdrop:disabled {
+ color: #43495a; }
+ .view:disabled, iconview:disabled,
+ .view text:disabled,
+ iconview text:disabled,
+ textview text:disabled {
+ color: #888a8d;
+ background-color: #242731; }
+ .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
+ .view text:selected:focus,
+ iconview text:selected:focus,
+ textview text:selected:focus,
+ .view text:selected,
+ iconview text:selected,
+ textview text:selected {
+ border-radius: 3px; }
+
+textview border {
+ background-color: #252831; }
+
+.rubberband,
+rubberband,
+.content-view rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+flowbox rubberband {
+ border: 1px solid #762199;
+ background-color: rgba(118, 33, 153, 0.2); }
+
+flowbox flowboxchild {
+ padding: 3px; }
+ flowbox flowboxchild:selected {
+ outline-offset: -2px; }
+
+.content-view .tile {
+ margin: 2px;
+ background-color: black;
+ border-radius: 0;
+ padding: 0; }
+ .content-view .tile:backdrop {
+ background-color: #1e2128; }
+ .content-view .tile:active, .content-view .tile:selected {
+ background-color: #962ac3; }
+ .content-view .tile:disabled {
+ background-color: #242731; }
+
+label {
+ caret-color: currentColor; }
+ label selection {
+ background-color: #962ac3;
+ color: #ffffff; }
+ label:disabled {
+ color: #888a8d; }
+ button label:disabled {
+ color: inherit; }
+ label:disabled:backdrop {
+ color: #43495a; }
+ button label:disabled:backdrop {
+ color: inherit; }
+ label.error {
+ color: #bf1717; }
+ label.error:disabled {
+ color: rgba(191, 23, 23, 0.5); }
+ label.error:disabled:backdrop {
+ color: rgba(191, 23, 23, 0.4); }
+
+.dim-label, .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body, .titlebar:not(headerbar) .subtitle,
+headerbar .subtitle, label.separator {
+ opacity: 0.55;
+ text-shadow: none; }
+
+assistant .sidebar {
+ background-color: #272a34;
+ border-top: 1px solid #13151a; }
+ assistant .sidebar:backdrop {
+ background-color: #292c37;
+ border-color: #13151a; }
+
+assistant.csd .sidebar {
+ border-top-style: none; }
+
+assistant .sidebar label {
+ padding: 6px 12px; }
+
+assistant .sidebar label.highlight {
+ background-color: #4b4d54; }
+
+.osd .scale-popup, .app-notification,
+.app-notification.frame, .csd popover.background.osd, popover.background.osd, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier,
+.osd {
+ color: white;
+ border: none;
+ background-color: #303340;
+ background-clip: padding-box;
+ text-shadow: 0 1px black;
+ -gtk-icon-shadow: 0 1px black; }
+ .osd .scale-popup:backdrop, .app-notification:backdrop, popover.background.osd:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop,
+ .osd:backdrop {
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+ to {
+ -gtk-icon-transform: rotate(1turn); } }
+
+spinner {
+ background: none;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+ spinner:backdrop {
+ color: #888a8d; }
+ spinner:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite; }
+ spinner:checked:disabled {
+ opacity: 0.5; }
+
+/**********************
+ * General Typography *
+ **********************/
+.large-title {
+ font-weight: 300;
+ font-size: 24pt; }
+
+.title-1 {
+ font-weight: 800;
+ font-size: 20pt; }
+
+.title-2 {
+ font-weight: 800;
+ font-size: 15pt; }
+
+.title-3 {
+ font-weight: 700;
+ font-size: 15pt; }
+
+.title-4 {
+ font-weight: 700;
+ font-size: 13pt; }
+
+.heading {
+ font-weight: 700;
+ font-size: 11pt; }
+
+.body {
+ font-weight: 400;
+ font-size: 11pt; }
+
+.caption-heading {
+ font-weight: 700;
+ font-size: 9pt; }
+
+.caption {
+ font-weight: 400;
+ font-size: 9pt; }
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton:not(.vertical),
+entry {
+ min-height: 28px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: 1px solid;
+ border-radius: 6px;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ color: white;
+ border-color: #13151a;
+ background-color: #272a34;
+ box-shadow: inset 0 0 0 1px rgba(150, 42, 195, 0); }
+ spinbutton:not(.vertical) image.left,
+ entry image.left {
+ margin-right: 6px; }
+ spinbutton:not(.vertical) image.right,
+ entry image.right {
+ margin-left: 6px; }
+ spinbutton.flat:not(.vertical),
+ entry.flat:focus,
+ entry.flat:backdrop,
+ entry.flat:disabled,
+ entry.flat {
+ min-height: 0;
+ padding: 2px;
+ background-color: transparent;
+ border-color: transparent;
+ border-radius: 0; }
+ spinbutton:focus:not(.vertical),
+ entry:focus {
+ box-shadow: inset 0 0 0 1px #962ac3;
+ border-color: #350f45; }
+ spinbutton:disabled:not(.vertical),
+ entry:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-color: #242731;
+ box-shadow: none; }
+ spinbutton:backdrop:not(.vertical),
+ entry:backdrop {
+ color: #d4d5d7;
+ border-color: #13151a;
+ background-color: #292c37;
+ box-shadow: none;
+ transition: 200ms ease-out; }
+ spinbutton:backdrop:disabled:not(.vertical),
+ entry:backdrop:disabled {
+ color: #43495a;
+ border-color: #13151a;
+ background-color: #242731;
+ box-shadow: none; }
+ spinbutton.error:not(.vertical),
+ entry.error {
+ color: #bf1717;
+ border-color: #200404; }
+ spinbutton.error:focus:not(.vertical),
+ entry.error:focus {
+ box-shadow: inset 0 0 0 1px #bf1717;
+ border-color: #200404; }
+ spinbutton.error:not(.vertical) selection,
+ entry.error selection {
+ background-color: #bf1717; }
+ spinbutton.warning:not(.vertical),
+ entry.warning {
+ color: #fd7d00;
+ border-color: #4b2500; }
+ spinbutton.warning:focus:not(.vertical),
+ entry.warning:focus {
+ box-shadow: inset 0 0 0 1px #fd7d00;
+ border-color: #4b2500; }
+ spinbutton.warning:not(.vertical) selection,
+ entry.warning selection {
+ background-color: #fd7d00; }
+ spinbutton:not(.vertical) image,
+ entry image {
+ color: #c6c7c7; }
+ spinbutton:not(.vertical) image:hover,
+ entry image:hover {
+ color: #eeeeec; }
+ spinbutton:not(.vertical) image:active,
+ entry image:active {
+ color: #962ac3; }
+ spinbutton:not(.vertical) image:backdrop,
+ entry image:backdrop {
+ color: #75777c; }
+ spinbutton:drop(active):not(.vertical),
+ entry:drop(active):focus,
+ entry:drop(active) {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 1px #19a187; }
+ .osd spinbutton:not(.vertical), .osd entry {
+ color: white;
+ border-color: black;
+ background-color: rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: 0 1px black;
+ -gtk-icon-shadow: 0 1px black; }
+ .osd spinbutton:focus:not(.vertical), .osd entry:focus {
+ color: white;
+ border-color: #962ac3;
+ background-color: rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ box-shadow: inset 0 0 0 1px #962ac3;
+ text-shadow: 0 1px black;
+ -gtk-icon-shadow: 0 1px black; }
+ .osd spinbutton:backdrop:not(.vertical), .osd entry:backdrop {
+ color: white;
+ border-color: black;
+ background-color: rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .osd spinbutton:disabled:not(.vertical), .osd entry:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: rgba(68, 72, 83, 0.5);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 2px -6px;
+ background-color: transparent;
+ background-image: none;
+ border-radius: 0;
+ border-width: 0 0 2px;
+ border-color: #962ac3;
+ border-style: solid;
+ box-shadow: none; }
+ spinbutton:not(.vertical) progress:backdrop,
+ entry progress:backdrop {
+ background-color: transparent; }
+
+.linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + entry, .linked:not(.vertical) > entry:focus + button, .linked:not(.vertical) > entry:focus + combobox > box > button.combo, .linked:not(.vertical) > entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus + entry {
+ border-left-color: #350f45; }
+
+.linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus.error:not(.vertical) + entry, .linked:not(.vertical) > entry:focus.error + button, .linked:not(.vertical) > entry:focus.error + combobox > box > button.combo, .linked:not(.vertical) > entry:focus.error + spinbutton:not(.vertical), .linked:not(.vertical) > entry:focus.error + entry {
+ border-left-color: #200404; }
+
+.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry {
+ border-left-color: #19a187; }
+
+.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
+ border-top-color: #21242c; }
+ .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
+ border-top-color: #23252e; }
+
+.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled {
+ border-top-color: #21242c; }
+
+.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical),
+.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical > entry + spinbutton:focus:not(:only-child):not(.vertical),
+.linked.vertical > entry + entry:focus:not(:only-child) {
+ border-top-color: #350f45; }
+
+.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus.error:not(:only-child):not(.vertical),
+.linked.vertical > spinbutton:not(.vertical) + entry:focus.error:not(:only-child), .linked.vertical > entry + spinbutton:focus.error:not(:only-child):not(.vertical),
+.linked.vertical > entry + entry:focus.error:not(:only-child) {
+ border-top-color: #200404; }
+
+.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
+.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical),
+.linked.vertical > entry + entry:drop(active):not(:only-child) {
+ border-top-color: #19a187; }
+
+.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
+.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry,
+.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button,
+.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus:not(:only-child) + spinbutton:not(.vertical),
+.linked.vertical > entry:focus:not(:only-child) + entry,
+.linked.vertical > entry:focus:not(:only-child) + button,
+.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo {
+ border-top-color: #350f45; }
+
+.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
+.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + entry,
+.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + button,
+.linked.vertical > spinbutton:focus.error:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:focus.error:not(:only-child) + spinbutton:not(.vertical),
+.linked.vertical > entry:focus.error:not(:only-child) + entry,
+.linked.vertical > entry:focus.error:not(:only-child) + button,
+.linked.vertical > entry:focus.error:not(:only-child) + combobox > box > button.combo {
+ border-top-color: #200404; }
+
+.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
+.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry,
+.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button,
+.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical),
+.linked.vertical > entry:drop(active):not(:only-child) + entry,
+.linked.vertical > entry:drop(active):not(:only-child) + button,
+.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo {
+ border-top-color: #19a187; }
+
+spinbutton.error:not(.vertical),
+entry.error {
+ color: #bf1717; }
+
+treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) {
+ background-color: #272a34;
+ transition-property: color, background; }
+
+treeview entry.flat, treeview entry {
+ border-radius: 0;
+ background-image: none;
+ background-color: #272a34; }
+ treeview entry.flat:focus, treeview entry:focus {
+ border-color: #962ac3; }
+
+.entry-tag {
+ padding: 5px;
+ margin-top: 2px;
+ margin-bottom: 2px;
+ border-style: none;
+ color: #272a34;
+ background-color: #8b8c90; }
+ :dir(ltr) .entry-tag {
+ margin-left: 8px;
+ margin-right: -5px; }
+ :dir(rtl) .entry-tag {
+ margin-left: -5px;
+ margin-right: 8px; }
+ .entry-tag:hover {
+ background-color: #a5a6a9; }
+ :backdrop .entry-tag {
+ color: #292c37;
+ background-color: #595b62; }
+ .entry-tag.button {
+ background-color: transparent;
+ color: rgba(39, 42, 52, 0.7); }
+ :not(:backdrop) .entry-tag.button:hover {
+ border: 1px solid #8b8c90;
+ color: #272a34; }
+ :not(:backdrop) .entry-tag.button:active {
+ background-color: #8b8c90;
+ color: rgba(39, 42, 52, 0.7); }
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs_attention {
+ from {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#b75ddc), to(transparent)); }
+ to {
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#962ac3), to(transparent)); } }
+
+button.titlebutton, notebook > header > tabs > arrow,
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 2px 6px;
+ border: 1px solid;
+ border-radius: 6px;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none; }
+ button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, notebook > header > tabs > arrow.flat,
+ button.flat {
+ 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;
+ transition: none; }
+ button.titlebutton:hover, button.sidebar-button:hover, notebook > header > tabs > arrow:hover,
+ button.flat:hover {
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-duration: 500ms; }
+ button.titlebutton:hover:active, button.sidebar-button:hover:active, notebook > header > tabs > arrow:hover:active,
+ button.flat:hover:active {
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ notebook > header > tabs > arrow:hover,
+ button:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none;
+ -gtk-icon-effect: highlight; }
+ notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
+ button:active,
+ button:checked {
+ color: #ffffff;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: linear-gradient(to right, #9c2ccb, #9028bb);
+ box-shadow: 0 2px 4px rgba(150, 42, 195, 0.25);
+ transition-duration: 50ms; }
+ notebook > header > tabs > arrow:backdrop,
+ button:backdrop.flat,
+ button:backdrop {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ transition: 200ms ease-out;
+ -gtk-icon-effect: none; }
+ notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
+ button:backdrop.flat:active,
+ button:backdrop.flat:checked,
+ button:backdrop:active,
+ button:backdrop:checked {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: image(#7f29a5);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:backdrop:disabled,
+ button:backdrop.flat:disabled,
+ button:backdrop:disabled {
+ color: #43495a;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
+ button:backdrop.flat:disabled:active,
+ button:backdrop.flat:disabled:checked,
+ button:backdrop:disabled:active,
+ button:backdrop:disabled:checked {
+ color: #43495a;
+ border-color: #13151a;
+ background-image: image(#1a1d23);
+ box-shadow: none; }
+ button.titlebutton:backdrop, button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:disabled, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled,
+ button.flat:backdrop,
+ button.flat:disabled,
+ button.flat: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; }
+ notebook > header > tabs > arrow:disabled,
+ button:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
+ button:disabled:active,
+ button:disabled:checked {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#16181d);
+ box-shadow: none; }
+ notebook > header > tabs > arrow.image-button,
+ button.image-button {
+ min-width: 24px;
+ padding-left: 2px;
+ padding-right: 2px; }
+ notebook > header > tabs > arrow.text-button,
+ button.text-button {
+ padding-left: 16px;
+ padding-right: 16px; }
+ notebook > header > tabs > arrow.text-button.image-button,
+ button.text-button.image-button {
+ padding-left: 8px;
+ padding-right: 8px; }
+ notebook > header > tabs > arrow.text-button.image-button label,
+ button.text-button.image-button label {
+ padding-left: 8px;
+ padding-right: 8px; }
+ combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),
+ button:drop(active) {
+ color: #19a187;
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 1px #19a187; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
+ color: #ffffff;
+ border-color: transparent; }
+ row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
+ color: #888a8d; }
+
+
+button.osd {
+ min-width: 26px;
+ min-height: 32px;
+ color: white;
+ border-radius: 5px;
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3);
+ border: none;
+ box-shadow: none; }
+
+ button.osd.image-button {
+ min-width: 34px; }
+
+ button.osd:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#4a5063);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3);
+ border: none;
+ box-shadow: none; }
+
+ button.osd:active,
+ button.osd:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border: none;
+ box-shadow: none; }
+
+ button.osd:disabled:backdrop,
+ button.osd:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ border: none; }
+
+ button.osd:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ border: none; }
+
+.app-notification button,
+.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd button {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#4a5063);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd button:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat {
+ 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;
+ box-shadow: none;
+ text-shadow: 0 1px black;
+ -gtk-icon-shadow: 0 1px black; }
+ .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#4a5063);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ background-image: none;
+ border-color: transparent;
+ box-shadow: none; }
+ .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier 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; }
+ .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+
+
+button.suggested-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #8c27b6;
+ background-image: image(#962ac3);
+ box-shadow: none; }
+
+ button.suggested-action.flat {
+ 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: #962ac3; }
+
+ button.suggested-action:hover {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #762199;
+ background-image: image(#b559db);
+ box-shadow: none; }
+
+ button.suggested-action:active,
+ button.suggested-action:checked {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #691d88;
+ background-image: linear-gradient(to right, #6f1f91, #621c80);
+ box-shadow: 0 2px 4px rgba(105, 29, 136, 0.25); }
+
+ button.suggested-action:backdrop,
+ button.suggested-action.flat:backdrop {
+ color: #ead4f3;
+ border-color: #762199;
+ background-image: image(#962ac3);
+ box-shadow: none; }
+
+ button.suggested-action:backdrop:active,
+ button.suggested-action:backdrop:checked,
+ button.suggested-action.flat:backdrop:active,
+ button.suggested-action.flat:backdrop:checked {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: image(#7f29a5);
+ box-shadow: none; }
+
+ button.suggested-action:backdrop:disabled,
+ button.suggested-action.flat:backdrop:disabled {
+ color: #43495a;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+
+ button.suggested-action:backdrop:disabled:active,
+ button.suggested-action:backdrop:disabled:checked,
+ button.suggested-action.flat:backdrop:disabled:active,
+ button.suggested-action.flat:backdrop:disabled:checked {
+ color: #a872c0;
+ border-color: #762199;
+ background-image: image(#78269e);
+ box-shadow: none; }
+
+ button.suggested-action.flat:backdrop,
+ button.suggested-action.flat:disabled,
+ button.suggested-action.flat: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: rgba(150, 42, 195, 0.8); }
+
+ button.suggested-action:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+
+ button.suggested-action:disabled:active,
+ button.suggested-action:disabled:checked {
+ color: #c7a7d5;
+ border-color: #762199;
+ background-image: image(#722495);
+ box-shadow: none; }
+ .osd button.suggested-action {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(150, 42, 195, 0.5));
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .osd button.suggested-action:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(150, 42, 195, 0.7));
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#962ac3);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .osd button.suggested-action:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(150, 42, 195, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+
+button.destructive-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #991212;
+ background-image: image(#a61414);
+ box-shadow: none; }
+
+ button.destructive-action.flat {
+ 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: #a61414; }
+
+ button.destructive-action:hover {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #790e0e;
+ background-image: image(#e41d1d);
+ box-shadow: none; }
+
+ button.destructive-action:active,
+ button.destructive-action:checked {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #670c0c;
+ background-image: linear-gradient(to right, #700d0d, #5d0b0b);
+ box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); }
+
+ button.destructive-action:backdrop,
+ button.destructive-action.flat:backdrop {
+ color: #edd0d0;
+ border-color: #790e0e;
+ background-image: image(#a61414);
+ box-shadow: none; }
+
+ button.destructive-action:backdrop:active,
+ button.destructive-action:backdrop:checked,
+ button.destructive-action.flat:backdrop:active,
+ button.destructive-action.flat:backdrop:checked {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: image(#7f29a5);
+ box-shadow: none; }
+
+ button.destructive-action:backdrop:disabled,
+ button.destructive-action.flat:backdrop:disabled {
+ color: #43495a;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+
+ button.destructive-action:backdrop:disabled:active,
+ button.destructive-action:backdrop:disabled:checked,
+ button.destructive-action.flat:backdrop:disabled:active,
+ button.destructive-action.flat:backdrop:disabled:checked {
+ color: #ad6667;
+ border-color: #790e0e;
+ background-image: image(#811415);
+ box-shadow: none; }
+
+ button.destructive-action.flat:backdrop,
+ button.destructive-action.flat:disabled,
+ button.destructive-action.flat: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: rgba(166, 20, 20, 0.8); }
+
+ button.destructive-action:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+
+ button.destructive-action:disabled:active,
+ button.destructive-action:disabled:checked {
+ color: #c9a1a1;
+ border-color: #790e0e;
+ background-image: image(#791314);
+ box-shadow: none; }
+ .osd button.destructive-action {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(166, 20, 20, 0.5));
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .osd button.destructive-action:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(166, 20, 20, 0.7));
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#a61414);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .osd button.destructive-action:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(166, 20, 20, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+.stack-switcher > button {
+ outline-offset: -3px; }
+ .stack-switcher > button > label {
+ padding-left: 6px;
+ padding-right: 6px; }
+ .stack-switcher > button > image {
+ padding-left: 6px;
+ padding-right: 6px;
+ padding-top: 3px;
+ padding-bottom: 3px; }
+ .stack-switcher > button.text-button {
+ padding-left: 10px;
+ padding-right: 10px; }
+ .stack-switcher > button.image-button {
+ padding-left: 2px;
+ padding-right: 2px; }
+ .stack-switcher > button.needs-attention:active > label,
+ .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label,
+ .stack-switcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none; }
+
+
+button.font separator,
+button.file separator {
+ background-color: transparent; }
+
+
+button.font > box > box > label {
+ font-weight: bold; }
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none; }
+
+
+button.circular {
+ border-radius: 9999px;
+ -gtk-outline-radius: 9999px;
+ padding: 2px;
+ /* circles instead of ellipses */
+ background-origin: padding-box, border-box;
+ background-clip: padding-box, border-box; }
+
+ button.circular label {
+ padding: 0; }
+
+ button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#323643), linear-gradient(to top, black 25%, #13151a 50%);
+ box-shadow: none;
+ border-color: transparent; }
+
+ button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657), linear-gradient(to top, black 25%, #13151a 50%);
+ box-shadow: none;
+ border-color: transparent; }
+
+stacksidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+ animation: needs_attention 150ms ease-in;
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#b75ddc), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.873255)), to(transparent));
+ background-size: 6px 6px, 6px 6px;
+ background-repeat: no-repeat;
+ background-position: right 3px, right 2px; }
+ stacksidebar row.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > label:backdrop,
+ .stack-switcher > button.needs-attention > image:backdrop {
+ background-size: 6px 6px, 0 0; }
+ stacksidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
+ .stack-switcher > button.needs-attention > image:dir(rtl) {
+ background-position: left 3px, left 2px; }
+
+.inline-toolbar toolbutton > button {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
+ color: #ffffff;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: linear-gradient(to right, #9c2ccb, #9028bb);
+ box-shadow: 0 2px 4px rgba(150, 42, 195, 0.25); }
+ .inline-toolbar toolbutton > button:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#16181d);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:backdrop {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: image(#7f29a5);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:backdrop:disabled {
+ color: #43495a;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+ .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
+ color: #43495a;
+ border-color: #13151a;
+ background-image: image(#1a1d23);
+ box-shadow: none; }
+
+.linked:not(.vertical) > combobox > box > button.combo, filechooser .path-bar.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .inline-toolbar button, .linked > button, toolbar.inline-toolbar toolbutton > button.flat {
+ border-right-style: none;
+ border-radius: 0;
+ -gtk-outline-radius: 0; }
+
+.linked:not(.vertical) > combobox:first-child > box > button.combo, combobox.linked button:nth-child(2):dir(rtl), filechooser .path-bar.linked > button:dir(rtl):last-child, filechooser .path-bar.linked > button:dir(ltr):first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+ -gtk-outline-top-left-radius: 6px;
+ -gtk-outline-bottom-left-radius: 6px; }
+
+.linked:not(.vertical) > combobox:last-child > box > button.combo, combobox.linked button:nth-child(2):dir(ltr), filechooser .path-bar.linked > button:dir(rtl):first-child, filechooser .path-bar.linked > button:dir(ltr):last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat {
+ border-right-style: solid;
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+ -gtk-outline-top-right-radius: 6px;
+ -gtk-outline-bottom-right-radius: 6px; }
+
+.linked:not(.vertical) > combobox:only-child > box > button.combo, filechooser .path-bar.linked > button:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat {
+ border-style: solid;
+ border-radius: 6px;
+ -gtk-outline-radius: 6px; }
+
+.linked.vertical > combobox > box > button.combo, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button {
+ border-style: solid solid none solid;
+ border-radius: 0;
+ -gtk-outline-radius: 0; }
+
+.linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+ -gtk-outline-top-left-radius: 6px;
+ -gtk-outline-top-right-radius: 6px; }
+
+.linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child {
+ border-bottom-style: solid;
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+ -gtk-outline-bottom-left-radius: 6px;
+ -gtk-outline-bottom-right-radius: 6px; }
+
+.linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child {
+ border-style: solid;
+ border-radius: 6px;
+ -gtk-outline-radius: 6px; }
+
+.scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop, .scale-popup button:hover, calendar.button, button:link:hover, button:link:active, button:link:checked,
+button:visited:hover,
+button:visited:active,
+button:visited:checked, button:link,
+button:visited, list row button.image-button:not(.flat), modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, modelbutton.flat,
+.menuitem.button.flat {
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 26px;
+ padding-left: 5px;
+ padding-right: 5px;
+ border-radius: 6px;
+ outline-offset: -2px; }
+ modelbutton.flat:hover,
+ .menuitem.button.flat:hover {
+ background-color: #3b3e46; }
+
+modelbutton.flat arrow {
+ background: none; }
+ modelbutton.flat arrow:hover {
+ background: none; }
+ modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+ modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+button.color {
+ padding: 4px; }
+ button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
+ border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473, #1748 */
+list row button.image-button:not(.flat) {
+ border: 1px solid rgba(19, 21, 26, 0.5); }
+ list row button.image-button:not(.flat):hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked {
+ color: #ffffff;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: linear-gradient(to right, #9c2ccb, #9028bb);
+ box-shadow: 0 2px 4px rgba(150, 42, 195, 0.25); }
+
+/*********
+ * Links *
+ *********/
+button:link > label,
+button:visited > label, button:link,
+button:visited,
+*:link {
+ color: #c072e1; }
+ button:link > label:visited,
+ button:visited > label:visited,
+ button:visited,
+ *:link:visited {
+ color: #ae48d8; }
+ *:selected button:link > label:visited,
+ *:selected button:visited > label:visited,
+ *:selected button:visited, *:selected *:link:visited {
+ color: #deb6ef; }
+ button:link > label:hover,
+ button:visited > label:hover, button:hover:link,
+ button:hover:visited,
+ *:link:hover {
+ color: #d39cea; }
+ *:selected button:link > label:hover,
+ *:selected button:visited > label:hover, *:selected button:hover:link,
+ *:selected button:hover:visited, *:selected *:link:hover {
+ color: #fbf5fd; }
+ button:link > label:active,
+ button:visited > label:active, button:active:link,
+ button:active:visited,
+ *:link:active {
+ color: #c072e1; }
+ *:selected button:link > label:active,
+ *:selected button:visited > label:active, *:selected button:active:link,
+ *:selected button:active:visited, *:selected *:link:active {
+ color: #f2e3f9; }
+ button:link > label:disabled,
+ button:visited > label:disabled, button:disabled:link,
+ button:disabled:visited,
+ *:link:disabled,
+ *:link:disabled:backdrop {
+ color: rgba(170, 170, 170, 0.8); }
+ button:link > label:backdrop,
+ button:visited > label:backdrop, button:backdrop:link,
+ button:backdrop:visited,
+ *:link:backdrop:backdrop:hover,
+ *:link:backdrop:backdrop:hover:selected,
+ *:link:backdrop {
+ color: rgba(192, 114, 225, 0.9); }
+ .selection-mode .titlebar:not(headerbar) .subtitle:link, .selection-mode.titlebar:not(headerbar) .subtitle:link, .selection-mode headerbar .subtitle:link,
+ headerbar.selection-mode .subtitle:link, button:link > label:selected,
+ button:visited > label:selected, button:selected:link,
+ button:selected:visited, *:selected button:link > label,
+ *:selected button:visited > label, *:selected button:link,
+ *:selected button:visited,
+ *:link:selected, *:selected *:link {
+ color: #f2e3f9; }
+
+button:link,
+button:visited {
+ text-shadow: none; }
+ button:link:hover, button:link:active, button:link:checked,
+ button:visited:hover,
+ button:visited:active,
+ button:visited:checked {
+ text-shadow: none; }
+ button:link > label,
+ button:visited > label {
+ text-decoration-line: underline; }
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+ font-feature-settings: "tnum"; }
+ spinbutton:not(.vertical) {
+ padding: 0; }
+ .osd spinbutton:not(.vertical) entry, spinbutton:not(.vertical) entry {
+ min-width: 28px;
+ margin: 0;
+ background: none;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+ box-shadow: none; }
+ spinbutton:not(.vertical) entry:backdrop:disabled {
+ background-color: transparent; }
+ spinbutton:not(.vertical) button {
+ min-height: 16px;
+ margin: 0;
+ padding-bottom: 0;
+ padding-top: 0;
+ color: #dadada;
+ background-image: none;
+ border-style: none none none solid;
+ border-color: rgba(19, 21, 26, 0.3);
+ border-radius: 0;
+ box-shadow: none; }
+ spinbutton:not(.vertical) button:dir(rtl) {
+ border-style: none solid none none; }
+ spinbutton:not(.vertical) button:hover {
+ color: #eeeeec;
+ background-color: rgba(238, 238, 236, 0.05); }
+ spinbutton:not(.vertical) button:disabled {
+ color: rgba(136, 138, 141, 0.3);
+ background-color: transparent; }
+ 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 {
+ color: #7f8184;
+ background-color: transparent;
+ border-color: rgba(19, 21, 26, 0.3);
+ transition: 200ms ease-out; }
+ spinbutton:not(.vertical) button:backdrop:disabled {
+ color: rgba(67, 73, 90, 0.3);
+ background-color: transparent;
+ background-image: none;
+ border-style: none none none solid; }
+ spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
+ border-style: none solid none none; }
+ spinbutton:not(.vertical) button:dir(ltr):last-child {
+ border-radius: 0 6px 6px 0; }
+ spinbutton:not(.vertical) button:dir(rtl):first-child {
+ border-radius: 6px 0 0 6px; }
+ .osd spinbutton:not(.vertical) button {
+ 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: white;
+ border-style: none none none solid;
+ border-color: rgba(0, 0, 0, 0.7);
+ border-radius: 0;
+ box-shadow: none;
+ -gtk-icon-shadow: 0 1px black; }
+ .osd spinbutton:not(.vertical) button:dir(rtl) {
+ border-style: none solid none none; }
+ .osd spinbutton:not(.vertical) button:hover {
+ 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: white;
+ border-color: rgba(0, 0, 0, 0.5);
+ background-color: rgba(255, 255, 255, 0.1);
+ -gtk-icon-shadow: 0 1px black;
+ box-shadow: none; }
+ .osd spinbutton:not(.vertical) 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: white;
+ border-color: rgba(0, 0, 0, 0.5);
+ -gtk-icon-shadow: none;
+ box-shadow: none; }
+ .osd spinbutton:not(.vertical) button: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: #97999f;
+ border-color: rgba(0, 0, 0, 0.5);
+ -gtk-icon-shadow: none;
+ box-shadow: none; }
+ .osd spinbutton:not(.vertical) button:dir(ltr):last-child {
+ border-radius: 0 6px 6px 0; }
+ .osd spinbutton:not(.vertical) button:dir(rtl):first-child {
+ border-radius: 6px 0 0 6px; }
+ spinbutton.vertical:disabled {
+ color: #888a8d; }
+ spinbutton.vertical:backdrop:disabled {
+ color: #43495a; }
+ spinbutton.vertical:drop(active) {
+ border-color: transparent;
+ box-shadow: none; }
+ spinbutton.vertical entry {
+ min-height: 32px;
+ min-width: 32px;
+ padding: 0;
+ border-radius: 0; }
+ spinbutton.vertical button {
+ min-height: 32px;
+ min-width: 32px;
+ padding: 0; }
+ spinbutton.vertical button.up {
+ border-radius: 6px 6px 0 0;
+ border-style: solid solid none solid; }
+ spinbutton.vertical button.down {
+ border-radius: 0 0 6px 6px;
+ border-style: none solid solid solid; }
+ .osd spinbutton.vertical button:first-child {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .osd spinbutton.vertical button:first-child:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#4a5063);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .osd spinbutton.vertical button:first-child:active {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ .osd spinbutton.vertical button:first-child:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .osd spinbutton.vertical button:first-child:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ treeview spinbutton:not(.vertical) {
+ min-height: 0;
+ border-style: none;
+ border-radius: 0; }
+ treeview spinbutton:not(.vertical) entry {
+ min-height: 0;
+ padding: 1px 2px; }
+
+/**************
+ * ComboBoxes *
+ **************/
+combobox arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px; }
+
+combobox:drop(active) {
+ box-shadow: none; }
+
+/************
+ * Toolbars *
+ ************/
+searchbar > revealer > box,
+.location-bar, .inline-toolbar, toolbar {
+ -GtkWidget-window-dragging: true;
+ padding: 4px;
+ background-color: #23252e; }
+
+toolbar {
+ padding: 4px 3px 3px 4px; }
+ .osd toolbar {
+ background-color: transparent; }
+ toolbar.osd {
+ padding: 13px;
+ border: none;
+ border-radius: 5px;
+ background-color: #303340; }
+ toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
+ border-radius: 0; }
+ toolbar.horizontal separator {
+ margin: 0 7px 1px 6px; }
+ toolbar.vertical separator {
+ margin: 6px 1px 7px 0; }
+ toolbar:not(.inline-toolbar):not(.osd) > *:not(.toggle):not(.popup) > * {
+ margin-right: 1px;
+ margin-bottom: 1px; }
+
+.inline-toolbar {
+ padding: 3px;
+ border-width: 0 1px 1px;
+ border-radius: 0 0 5px 5px; }
+
+searchbar > revealer > box,
+.location-bar {
+ border-width: 0 0 1px;
+ padding: 3px; }
+
+searchbar > revealer > box {
+ margin: -6px;
+ padding: 6px; }
+
+.inline-toolbar, searchbar > revealer > box,
+.location-bar {
+ border-style: solid;
+ border-color: #13151a;
+ background-color: #1e2028; }
+ .inline-toolbar:backdrop, searchbar > revealer > box:backdrop,
+ .location-bar:backdrop {
+ border-color: #13151a;
+ background-color: #1d2027;
+ box-shadow: none;
+ transition: 200ms ease-out; }
+
+/***************
+ * Header bars *
+ ***************/
+.titlebar:not(headerbar),
+headerbar {
+ padding: 0 6px;
+ min-height: 40px;
+ border-width: 0 0 1px;
+ border-style: solid;
+ border-color: black;
+ border-radius: 0;
+ background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23);
+ box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
+ /* Darken switchbuttons for headerbars. issue #1588 */
+ /* hide the close button separator */ }
+ .titlebar:backdrop:not(headerbar),
+ headerbar:backdrop {
+ border-color: #13151a;
+ background-color: #23252e;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
+ transition: 200ms ease-out; }
+ .titlebar:not(headerbar) .title,
+ headerbar .title {
+ padding-left: 12px;
+ padding-right: 12px;
+ font-weight: bold; }
+ .titlebar:not(headerbar) .subtitle,
+ headerbar .subtitle {
+ font-size: smaller;
+ padding-left: 12px;
+ padding-right: 12px; }
+ .titlebar:not(headerbar) stackswitcher button:checked,
+ .titlebar:not(headerbar) button.toggle:checked,
+ headerbar stackswitcher button:checked,
+ headerbar button.toggle:checked {
+ background: image(#0f1014);
+ border-color: #0d0e11;
+ border-top-color: #020202; }
+ .titlebar:not(headerbar) stackswitcher button:checked:backdrop,
+ .titlebar:not(headerbar) button.toggle:checked:backdrop,
+ headerbar stackswitcher button:checked:backdrop,
+ headerbar button.toggle:checked:backdrop {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: image(#7f29a5);
+ box-shadow: none; }
+ .selection-mode .titlebar:not(headerbar), .selection-mode.titlebar:not(headerbar), .selection-mode headerbar,
+ headerbar.selection-mode {
+ color: #ffffff;
+ border-color: #350f45;
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
+ background: #962ac3 linear-gradient(to top, #a22fd2, #a638d4);
+ box-shadow: inset 0 1px rgba(153, 49, 196, 0.535); }
+ .selection-mode .titlebar:backdrop:not(headerbar), .selection-mode.titlebar:backdrop:not(headerbar), .selection-mode headerbar:backdrop,
+ headerbar.selection-mode:backdrop {
+ background-color: #962ac3;
+ background-image: none;
+ box-shadow: inset 0 1px rgba(155, 52, 197, 0.442); }
+ .selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label,
+ headerbar.selection-mode:backdrop label {
+ text-shadow: none;
+ color: #ffffff; }
+ .selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button,
+ headerbar.selection-mode button {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #8c27b6;
+ background-image: image(#962ac3);
+ box-shadow: none; }
+ .selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat,
+ headerbar.selection-mode button.flat {
+ 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; }
+ .selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover,
+ headerbar.selection-mode button:hover {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #762199;
+ background-image: image(#b559db);
+ box-shadow: none; }
+ .selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active,
+ headerbar.selection-mode button:active,
+ headerbar.selection-mode button:checked,
+ headerbar.selection-mode button.toggle:checked,
+ headerbar.selection-mode button.toggle:active {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #691d88;
+ background-image: linear-gradient(to right, #6f1f91, #621c80);
+ box-shadow: 0 2px 4px rgba(105, 29, 136, 0.25); }
+ .selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop,
+ headerbar.selection-mode button:backdrop.flat,
+ headerbar.selection-mode button:backdrop {
+ color: #ead4f3;
+ border-color: #762199;
+ background-image: image(#962ac3);
+ box-shadow: none;
+ -gtk-icon-effect: none;
+ border-color: #350f45; }
+ .selection-mode .titlebar:not(headerbar) button:backdrop:active, .selection-mode .titlebar:not(headerbar) button:backdrop:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, .selection-mode headerbar button:backdrop.flat:active, .selection-mode headerbar button:backdrop.flat:checked, .selection-mode headerbar button:backdrop:active, .selection-mode headerbar button:backdrop:checked,
+ headerbar.selection-mode button:backdrop.flat:active,
+ headerbar.selection-mode button:backdrop.flat:checked,
+ headerbar.selection-mode button:backdrop:active,
+ headerbar.selection-mode button:backdrop:checked {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: image(#7f29a5);
+ box-shadow: none;
+ border-color: #350f45; }
+ .selection-mode .titlebar:not(headerbar) button:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, .selection-mode headerbar button:backdrop.flat:disabled, .selection-mode headerbar button:backdrop:disabled,
+ headerbar.selection-mode button:backdrop.flat:disabled,
+ headerbar.selection-mode button:backdrop:disabled {
+ color: #b075ca;
+ border-color: #762199;
+ background-image: image(#852aae);
+ box-shadow: none;
+ border-color: #350f45; }
+ .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode .titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, .selection-mode headerbar button:backdrop:disabled:active, .selection-mode headerbar button:backdrop:disabled:checked,
+ headerbar.selection-mode button:backdrop:disabled:active,
+ headerbar.selection-mode button:backdrop:disabled:checked {
+ color: #a872c0;
+ border-color: #762199;
+ background-image: image(#78269e);
+ box-shadow: none;
+ border-color: #350f45; }
+ .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode .titlebar:not(headerbar) button.flat:backdrop, .selection-mode .titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode headerbar button.flat:backdrop, .selection-mode headerbar button.flat:disabled, .selection-mode headerbar button.flat:backdrop:disabled,
+ headerbar.selection-mode button.flat:backdrop,
+ headerbar.selection-mode button.flat:disabled,
+ headerbar.selection-mode button.flat: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; }
+ .selection-mode .titlebar:not(headerbar) button:disabled, .selection-mode.titlebar:not(headerbar) button:disabled, .selection-mode headerbar button:disabled,
+ headerbar.selection-mode button:disabled {
+ color: #c295d7;
+ border-color: #762199;
+ background-image: image(#852aae);
+ box-shadow: none; }
+ .selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked,
+ headerbar.selection-mode button:disabled:active,
+ headerbar.selection-mode button:disabled:checked {
+ color: #c7a7d5;
+ border-color: #762199;
+ background-image: image(#722495);
+ box-shadow: none; }
+ .selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action,
+ headerbar.selection-mode button.suggested-action {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ border-color: #350f45; }
+ .selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover,
+ headerbar.selection-mode button.suggested-action:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none;
+ border-color: #350f45; }
+ .selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active,
+ headerbar.selection-mode button.suggested-action:active {
+ color: #ffffff;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: linear-gradient(to right, #9c2ccb, #9028bb);
+ box-shadow: 0 2px 4px rgba(150, 42, 195, 0.25);
+ border-color: #350f45; }
+ .selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled,
+ headerbar.selection-mode button.suggested-action:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none;
+ border-color: #350f45; }
+ .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, .selection-mode headerbar button.suggested-action:backdrop,
+ headerbar.selection-mode button.suggested-action:backdrop {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ border-color: #350f45; }
+ .selection-mode .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, .selection-mode headerbar button.suggested-action:backdrop:disabled,
+ headerbar.selection-mode button.suggested-action:backdrop:disabled {
+ color: #43495a;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none;
+ border-color: #350f45; }
+ .selection-mode .titlebar:not(headerbar) .selection-menu, .selection-mode.titlebar:not(headerbar) .selection-menu, .selection-mode headerbar .selection-menu:backdrop, .selection-mode headerbar .selection-menu,
+ headerbar.selection-mode .selection-menu:backdrop,
+ headerbar.selection-mode .selection-menu {
+ border-color: rgba(150, 42, 195, 0);
+ background-color: rgba(150, 42, 195, 0);
+ background-image: none;
+ box-shadow: none;
+ min-height: 20px;
+ padding: 4px 10px; }
+ .selection-mode .titlebar:not(headerbar) .selection-menu arrow, .selection-mode.titlebar:not(headerbar) .selection-menu arrow, .selection-mode headerbar .selection-menu:backdrop arrow, .selection-mode headerbar .selection-menu arrow,
+ headerbar.selection-mode .selection-menu:backdrop arrow,
+ headerbar.selection-mode .selection-menu arrow {
+ -GtkArrow-arrow-scaling: 1; }
+ .selection-mode .titlebar:not(headerbar) .selection-menu .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, .selection-mode headerbar .selection-menu:backdrop .arrow, .selection-mode headerbar .selection-menu .arrow,
+ headerbar.selection-mode .selection-menu:backdrop .arrow,
+ headerbar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ color: rgba(255, 255, 255, 0.5);
+ -gtk-icon-shadow: none; }
+ .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar, .maximized headerbar, .fullscreen headerbar {
+ border-radius: 0; }
+ .default-decoration.titlebar:not(headerbar),
+ headerbar.default-decoration {
+ min-height: 28px;
+ padding: 4px; }
+ .default-decoration.titlebar:not(headerbar) button.titlebutton,
+ headerbar.default-decoration button.titlebutton {
+ min-height: 26px;
+ min-width: 26px;
+ margin: 0;
+ padding: 0; }
+ .titlebar:not(headerbar) separator.titlebutton,
+ headerbar separator.titlebutton {
+ opacity: 0; }
+ .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
+ margin-left: -1px;
+ margin-right: -1px;
+ margin-top: -1px;
+ border-radius: 0;
+ box-shadow: none; }
+
+headerbar entry,
+headerbar spinbutton,
+headerbar separator:not(.sidebar),
+headerbar button {
+ margin-top: 5px;
+ margin-bottom: 5px; }
+
+headerbar switch {
+ margin-top: 7px;
+ margin-bottom: 7px; }
+
+headerbar.titlebar headerbar:not(.titlebar) {
+ background: none;
+ box-shadow: none; }
+
+.background .titlebar:backdrop, .background .titlebar {
+ border-top-left-radius: 9px;
+ border-top-right-radius: 9px; }
+
+.background.tiled .titlebar:backdrop, .background.tiled .titlebar,
+.background.tiled-top .titlebar:backdrop,
+.background.tiled-top .titlebar,
+.background.tiled-right .titlebar:backdrop,
+.background.tiled-right .titlebar,
+.background.tiled-bottom .titlebar:backdrop,
+.background.tiled-bottom .titlebar,
+.background.tiled-left .titlebar:backdrop,
+.background.tiled-left .titlebar,
+.background.maximized .titlebar:backdrop,
+.background.maximized .titlebar,
+.background.solid-csd .titlebar:backdrop,
+.background.solid-csd .titlebar {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+
+window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child {
+ border-top-left-radius: 7px; }
+
+window headerbar:last-child:backdrop, window headerbar:last-child {
+ border-top-right-radius: 7px; }
+
+window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child {
+ border-top-left-radius: 7px;
+ border-top-right-radius: 7px; }
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child, window.tiled headerbar:backdrop, window.tiled headerbar:backdrop:first-child, window.tiled headerbar:backdrop:last-child, window.tiled headerbar:backdrop:only-child, window.tiled-top headerbar, window.tiled-top headerbar:first-child, window.tiled-top headerbar:last-child, window.tiled-top headerbar:only-child, window.tiled-top headerbar:backdrop, window.tiled-top headerbar:backdrop:first-child, window.tiled-top headerbar:backdrop:last-child, window.tiled-top headerbar:backdrop:only-child, window.tiled-right headerbar, window.tiled-right headerbar:first-child, window.tiled-right headerbar:last-child, window.tiled-right headerbar:only-child, window.tiled-right headerbar:backdrop, window.tiled-right headerbar:backdrop:first-child, window.tiled-right headerbar:backdrop:last-child, window.tiled-right headerbar:backdrop:only-child, window.tiled-bottom headerbar, window.tiled-bottom headerbar:first-child, window.tiled-bottom headerbar:last-child, window.tiled-bottom headerbar:only-child, window.tiled-bottom headerbar:backdrop, window.tiled-bottom headerbar:backdrop:first-child, window.tiled-bottom headerbar:backdrop:last-child, window.tiled-bottom headerbar:backdrop:only-child, window.tiled-left headerbar, window.tiled-left headerbar:first-child, window.tiled-left headerbar:last-child, window.tiled-left headerbar:only-child, window.tiled-left headerbar:backdrop, window.tiled-left headerbar:backdrop:first-child, window.tiled-left headerbar:backdrop:last-child, window.tiled-left headerbar:backdrop:only-child, window.maximized headerbar, window.maximized headerbar:first-child, window.maximized headerbar:last-child, window.maximized headerbar:only-child, window.maximized headerbar:backdrop, window.maximized headerbar:backdrop:first-child, window.maximized headerbar:backdrop:last-child, window.maximized headerbar:backdrop:only-child, window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, window.fullscreen headerbar:backdrop, window.fullscreen headerbar:backdrop:first-child, window.fullscreen headerbar:backdrop:last-child, window.fullscreen headerbar:backdrop:only-child, window.solid-csd headerbar, window.solid-csd headerbar:first-child, window.solid-csd headerbar:last-child, window.solid-csd headerbar:only-child, window.solid-csd headerbar:backdrop, window.solid-csd headerbar:backdrop:first-child, window.solid-csd headerbar:backdrop:last-child, window.solid-csd headerbar:backdrop:only-child {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+
+window.csd > .titlebar:not(headerbar) {
+ padding: 0;
+ background-color: transparent;
+ background-image: none;
+ border-style: none;
+ border-color: transparent;
+ box-shadow: none; }
+
+.titlebar:not(headerbar) separator {
+ background-color: #13151a; }
+
+window.devel headerbar.titlebar:not(.selection-mode) {
+ background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(150, 42, 195, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); }
+ window.devel headerbar.titlebar:not(.selection-mode):backdrop {
+ background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e);
+ /* background-color would flash */ }
+
+/************
+ * Pathbars *
+ ************/
+.path-bar button.text-button, .path-bar button.image-button, .path-bar button {
+ padding-left: 4px;
+ padding-right: 4px; }
+
+.path-bar button.text-button.image-button label {
+ padding-left: 0;
+ padding-right: 0; }
+
+.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
+ padding-right: 8px; }
+
+.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
+ padding-left: 8px; }
+
+.path-bar button image {
+ padding-left: 4px;
+ padding-right: 4px; }
+
+.path-bar button.slider-button {
+ padding-left: 0;
+ padding-right: 0; }
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-left-color: #8b8c90;
+ border-top-color: #23252e; }
+ * {
+ -GtkTreeView-horizontal-separator: 4;
+ -GtkTreeView-grid-line-width: 1;
+ -GtkTreeView-grid-line-pattern: '';
+ -GtkTreeView-tree-line-width: 1;
+ -GtkTreeView-tree-line-pattern: '';
+ -GtkTreeView-expander-size: 16; }
+ treeview.view:selected:focus, treeview.view:selected {
+ border-radius: 0; }
+ treeview.view:selected:backdrop, treeview.view:selected {
+ border-left-color: #cb95e1;
+ border-top-color: rgba(238, 238, 236, 0.1); }
+ treeview.view:disabled {
+ color: #888a8d; }
+ treeview.view:disabled:selected {
+ color: #c07fdb; }
+ treeview.view:disabled:selected:backdrop {
+ color: #a95dc9; }
+ treeview.view:disabled:backdrop {
+ color: #43495a; }
+ treeview.view.separator {
+ min-height: 2px;
+ color: #23252e; }
+ treeview.view.separator:backdrop {
+ color: rgba(35, 37, 46, 0.1); }
+ treeview.view:backdrop {
+ border-left-color: #55585e;
+ border-top: #23252e; }
+ treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: #350f45; }
+ treeview.view:drop(active).after {
+ border-top-style: none; }
+ treeview.view:drop(active).before {
+ border-bottom-style: none; }
+ treeview.view.expander {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ color: #bebfc2; }
+ treeview.view.expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+ treeview.view.expander:hover {
+ color: white; }
+ treeview.view.expander:selected {
+ color: #e0bfed; }
+ treeview.view.expander:selected:hover {
+ color: #ffffff; }
+ treeview.view.expander:selected:backdrop {
+ color: #c1a2d1; }
+ treeview.view.expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+ treeview.view.expander:backdrop {
+ color: #6c6e73; }
+ treeview.view.progressbar {
+ background-color: #962ac3;
+ background-image: image(#962ac3);
+ box-shadow: none; }
+ treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-image: image(#272a34); }
+ treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
+ background-color: #292c37; }
+ treeview.view.progressbar:backdrop {
+ border-color: #292c37;
+ background-image: none;
+ box-shadow: none; }
+ treeview.view.trough {
+ background-color: rgba(238, 238, 236, 0.1); }
+ treeview.view.trough:selected:focus, treeview.view.trough:selected {
+ background-color: #762199; }
+ treeview.view header button {
+ color: #8b8c90;
+ background-color: #272a34;
+ font-weight: bold;
+ text-shadow: none;
+ box-shadow: none; }
+ treeview.view header button:hover {
+ color: #bdbdbe;
+ box-shadow: none;
+ transition: none; }
+ treeview.view header button:active {
+ color: #eeeeec;
+ transition: none; }
+ treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd,
+ treeview.view header.button.dnd:active,
+ treeview.view header.button.dnd:selected,
+ treeview.view header.button.dnd:hover,
+ treeview.view header.button.dnd {
+ padding: 0 6px;
+ color: #272a34;
+ background-image: none;
+ background-color: #962ac3;
+ border-style: none;
+ border-radius: 0;
+ box-shadow: inset 0 0 0 1px #272a34;
+ text-shadow: none;
+ transition: none; }
+ treeview.view acceleditor > label {
+ background-color: #962ac3; }
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
+ padding: 0 6px;
+ background-image: none;
+ border-style: none solid solid none;
+ border-color: #4f5159;
+ border-radius: 0;
+ text-shadow: none; }
+ treeview.view header button:disabled {
+ border-color: #23252e;
+ background-image: none; }
+ treeview.view header button:backdrop {
+ color: #55585e;
+ border-color: #23252e;
+ border-style: none solid solid none;
+ background-image: none;
+ background-color: #292c37; }
+ treeview.view header button:backdrop:disabled {
+ border-color: #23252e;
+ background-image: none; }
+ treeview.view header button:last-child {
+ border-right-style: none; }
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+ -GtkWidget-window-dragging: true;
+ padding: 0px;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
+ menubar:backdrop,
+ .menubar:backdrop {
+ background-color: #23252e; }
+ menubar > menuitem,
+ .menubar > menuitem {
+ min-height: 16px;
+ padding: 4px 8px; }
+ menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr),
+ .menubar > menuitem menu:dir(rtl),
+ .menubar > menuitem menu:dir(ltr) {
+ border-radius: 0;
+ padding: 0; }
+ menubar > menuitem:hover,
+ .menubar > menuitem:hover {
+ box-shadow: inset 0 -3px #962ac3;
+ color: #c072e1; }
+ menubar > menuitem:disabled,
+ .menubar > menuitem:disabled {
+ color: #888a8d;
+ box-shadow: none; }
+ menubar .csd.popup decoration,
+ .menubar .csd.popup decoration {
+ border-radius: 0; }
+
+.background.popup {
+ background-color: transparent; }
+
+menu,
+.menu,
+.context-menu {
+ margin: 4px;
+ padding: 4px 0px;
+ background-color: #20232b;
+ border: 1px solid #13151a; }
+ .csd menu, .csd .menu, .csd .context-menu {
+ border: none;
+ border-radius: 5px; }
+ menu:backdrop,
+ .menu:backdrop,
+ .context-menu:backdrop {
+ background-color: #282b35; }
+ menu menuitem,
+ .menu menuitem,
+ .context-menu menuitem {
+ min-height: 16px;
+ min-width: 40px;
+ padding: 4px 6px;
+ text-shadow: none; }
+ menu menuitem:hover,
+ .menu menuitem:hover,
+ .context-menu menuitem:hover {
+ color: #ffffff;
+ background-color: #962ac3; }
+ menu menuitem:disabled,
+ .menu menuitem:disabled,
+ .context-menu menuitem:disabled {
+ color: #888a8d; }
+ menu menuitem:disabled:backdrop,
+ .menu menuitem:disabled:backdrop,
+ .context-menu menuitem:disabled:backdrop {
+ color: #43495a; }
+ menu menuitem:backdrop, menu menuitem:backdrop:hover,
+ .menu menuitem:backdrop,
+ .menu menuitem:backdrop:hover,
+ .context-menu menuitem:backdrop,
+ .context-menu menuitem:backdrop:hover {
+ color: #888a8d;
+ background-color: transparent; }
+ menu menuitem arrow,
+ .menu menuitem arrow,
+ .context-menu menuitem arrow {
+ min-height: 16px;
+ min-width: 16px; }
+ menu menuitem arrow:dir(ltr),
+ .menu menuitem arrow:dir(ltr),
+ .context-menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ margin-left: 10px; }
+ menu menuitem arrow:dir(rtl),
+ .menu menuitem arrow:dir(rtl),
+ .context-menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+ margin-right: 10px; }
+ menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
+ .menu menuitem label:dir(rtl),
+ .menu menuitem label:dir(ltr),
+ .context-menu menuitem label:dir(rtl),
+ .context-menu menuitem label:dir(ltr) {
+ color: inherit; }
+ menu > arrow,
+ .menu > arrow,
+ .context-menu > arrow {
+ 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;
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #20232b;
+ border-radius: 0; }
+ menu > arrow.top,
+ .menu > arrow.top,
+ .context-menu > arrow.top {
+ margin-top: -4px;
+ border-bottom: 1px solid #3b3e46;
+ border-top-right-radius: 5px;
+ border-top-left-radius: 5px;
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+ menu > arrow.bottom,
+ .menu > arrow.bottom,
+ .context-menu > arrow.bottom {
+ margin-top: 8px;
+ margin-bottom: -12px;
+ border-top: 1px solid #3b3e46;
+ border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 5px;
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+ menu > arrow:hover,
+ .menu > arrow:hover,
+ .context-menu > arrow:hover {
+ background-color: #3b3e46; }
+ menu > arrow:backdrop,
+ .menu > arrow:backdrop,
+ .context-menu > arrow:backdrop {
+ background-color: #282b35; }
+ menu > arrow:disabled,
+ .menu > arrow:disabled,
+ .context-menu > arrow:disabled {
+ color: transparent;
+ background-color: transparent;
+ border-color: transparent; }
+
+menuitem accelerator {
+ color: alpha(currentColor,0.55); }
+
+menuitem check,
+menuitem radio {
+ min-height: 16px;
+ min-width: 16px; }
+ menuitem check:dir(ltr),
+ menuitem radio:dir(ltr) {
+ margin-right: 7px; }
+ menuitem check:dir(rtl),
+ menuitem radio:dir(rtl) {
+ margin-left: 7px; }
+
+/***************
+ * Popovers *
+ ***************/
+popover.background {
+ padding: 2px;
+ background-color: #20232b;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
+ .csd popover.background, popover.background {
+ border: 1px solid #13151a;
+ border-radius: 10px; }
+ .csd popover.background {
+ background-clip: padding-box;
+ border-color: rgba(0, 0, 0, 0.75); }
+ popover.background:backdrop {
+ background-color: #23252e;
+ box-shadow: none; }
+ popover.background > list,
+ popover.background > .view,
+ popover.background > iconview,
+ popover.background > toolbar {
+ border-style: none;
+ background-color: transparent; }
+ .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier {
+ border: 1px solid rgba(255, 255, 255, 0.1); }
+ popover.background separator {
+ margin: 3px; }
+ popover.background list separator {
+ margin: 0px; }
+
+/*************
+ * Notebooks *
+ *************/
+notebook > header {
+ padding: 1px;
+ border-color: #13151a;
+ border-width: 1px;
+ background-color: #1d2027; }
+ notebook > header:backdrop {
+ border-color: #13151a;
+ background-color: #1d2027; }
+ notebook > header tabs {
+ margin: -1px; }
+ notebook > header.top {
+ border-bottom-style: solid; }
+ notebook > header.top > tabs {
+ margin-bottom: -2px; }
+ notebook > header.top > tabs > tab:hover {
+ box-shadow: inset 0 -4px #13151a; }
+ notebook > header.top > tabs > tab:backdrop {
+ box-shadow: none; }
+ notebook > header.top > tabs > tab:checked {
+ box-shadow: inset 0 -4px #962ac3; }
+ notebook > header.bottom {
+ border-top-style: solid; }
+ notebook > header.bottom > tabs {
+ margin-top: -2px; }
+ notebook > header.bottom > tabs > tab:hover {
+ box-shadow: inset 0 4px #13151a; }
+ notebook > header.bottom > tabs > tab:backdrop {
+ box-shadow: none; }
+ notebook > header.bottom > tabs > tab:checked {
+ box-shadow: inset 0 4px #962ac3; }
+ notebook > header.left {
+ border-right-style: solid; }
+ notebook > header.left > tabs {
+ margin-right: -2px; }
+ notebook > header.left > tabs > tab:hover {
+ box-shadow: inset -4px 0 #13151a; }
+ notebook > header.left > tabs > tab:backdrop {
+ box-shadow: none; }
+ notebook > header.left > tabs > tab:checked {
+ box-shadow: inset -4px 0 #962ac3; }
+ notebook > header.right {
+ border-left-style: solid; }
+ notebook > header.right > tabs {
+ margin-left: -2px; }
+ notebook > header.right > tabs > tab:hover {
+ box-shadow: inset 4px 0 #13151a; }
+ notebook > header.right > tabs > tab:backdrop {
+ box-shadow: none; }
+ notebook > header.right > tabs > tab:checked {
+ box-shadow: inset 4px 0 #962ac3; }
+ notebook > header.top > tabs > arrow {
+ border-top-style: none; }
+ notebook > header.bottom > tabs > arrow {
+ border-bottom-style: none; }
+ notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+ margin-left: -5px;
+ margin-right: -5px;
+ padding-left: 4px;
+ padding-right: 4px; }
+ notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+ notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+ notebook > header.left > tabs > arrow {
+ border-left-style: none; }
+ notebook > header.right > tabs > arrow {
+ border-right-style: none; }
+ notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+ margin-top: -5px;
+ margin-bottom: -5px;
+ padding-top: 4px;
+ padding-bottom: 4px; }
+ notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+ notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+ notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 0; }
+ notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
+ background-clip: padding-box;
+ background-image: none;
+ background-color: rgba(255, 255, 255, 0.3);
+ border-color: transparent;
+ box-shadow: none; }
+ notebook > header > tabs > arrow: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; }
+ notebook > header tab {
+ min-height: 30px;
+ min-width: 30px;
+ padding: 3px 12px;
+ outline-offset: -5px;
+ color: #eeeeec;
+ font-weight: normal;
+ border-width: 1px;
+ border-color: transparent; }
+ notebook > header tab:hover {
+ color: #eeeeec;
+ background-color: #1a1c23; }
+ notebook > header tab:hover.reorderable-page {
+ border-color: rgba(19, 21, 26, 0.3);
+ background-color: rgba(35, 37, 46, 0.2); }
+ notebook > header tab:backdrop {
+ color: #5f6267; }
+ notebook > header tab:backdrop.reorderable-page {
+ border-color: transparent;
+ background-color: transparent; }
+ notebook > header tab:checked {
+ color: #eeeeec; }
+ notebook > header tab:checked.reorderable-page {
+ border-color: rgba(19, 21, 26, 0.5);
+ background-color: rgba(35, 37, 46, 0.5); }
+ notebook > header tab:checked.reorderable-page:hover {
+ background-color: rgba(35, 37, 46, 0.7); }
+ notebook > header tab:backdrop:checked {
+ color: #888a8d; }
+ notebook > header tab:backdrop:checked.reorderable-page {
+ border-color: #13151a;
+ background-color: #23252e; }
+ notebook > header tab button.flat {
+ padding: 0;
+ margin-top: 4px;
+ margin-bottom: 4px;
+ min-width: 20px;
+ min-height: 20px; }
+ notebook > header tab button.flat:hover {
+ color: currentColor; }
+ notebook > header tab button.flat, notebook > header tab button.flat:backdrop {
+ color: alpha(currentColor,0.3); }
+ notebook > header tab button.flat:last-child {
+ margin-left: 4px;
+ margin-right: -4px; }
+ notebook > header tab button.flat:first-child {
+ margin-left: -4px;
+ margin-right: 4px; }
+ notebook > header.top tabs, notebook > header.bottom tabs {
+ padding-left: 4px;
+ padding-right: 4px; }
+ notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) {
+ margin-left: 3px;
+ margin-right: 3px; }
+ notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: -1px; }
+ notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: -1px; }
+ notebook > header.top tabs tab, notebook > header.bottom tabs tab {
+ margin-left: 4px;
+ margin-right: 4px; }
+ notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+ border-style: none solid; }
+ notebook > header.left tabs, notebook > header.right tabs {
+ padding-top: 4px;
+ padding-bottom: 4px; }
+ notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) {
+ margin-top: 3px;
+ margin-bottom: 3px; }
+ notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: -1px; }
+ notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: -1px; }
+ notebook > header.left tabs tab, notebook > header.right tabs tab {
+ margin-top: 4px;
+ margin-bottom: 4px; }
+ notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+ border-style: solid none; }
+ notebook > header.top tab {
+ padding-bottom: 4px; }
+ notebook > header.bottom tab {
+ padding-top: 4px; }
+
+notebook > stack:not(:only-child) {
+ background-color: #272a34; }
+ notebook > stack:not(:only-child):backdrop {
+ background-color: #292c37; }
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ background-color: #272a34;
+ transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ * {
+ -GtkScrollbar-has-backward-stepper: false;
+ -GtkScrollbar-has-forward-stepper: false; }
+ scrollbar.top {
+ border-bottom: 1px solid #13151a; }
+ scrollbar.bottom {
+ border-top: 1px solid #13151a; }
+ scrollbar.left {
+ border-right: 1px solid #13151a; }
+ scrollbar.right {
+ border-left: 1px solid #13151a; }
+ scrollbar:backdrop {
+ background-color: #1c1e25;
+ border-color: #13151a;
+ transition: 200ms ease-out; }
+ scrollbar slider {
+ min-width: 8px;
+ min-height: 8px;
+ margin: -1px;
+ border: 4px solid transparent;
+ border-radius: 10px;
+ background-clip: padding-box;
+ background-color: #9d9ea0;
+ transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ scrollbar slider:hover {
+ background-color: #c5c6c6; }
+ scrollbar slider:hover:active {
+ background-color: #962ac3; }
+ scrollbar slider:backdrop {
+ background-color: #4b4e54; }
+ scrollbar slider:disabled {
+ background-color: transparent; }
+ scrollbar.fine-tune slider {
+ transition: none;
+ min-width: 6px;
+ min-height: 6px; }
+ scrollbar.fine-tune.horizontal slider {
+ border-width: 5px 4px; }
+ scrollbar.fine-tune.vertical slider {
+ border-width: 4px 5px; }
+ scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ opacity: 0.4;
+ background-color: transparent; }
+ scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ margin: 0;
+ min-width: 3px;
+ min-height: 3px;
+ background-color: #eeeeec;
+ border: 1px solid black; }
+ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 5px;
+ min-height: 5px;
+ background-color: #eeeeec;
+ background-clip: padding-box;
+ border-radius: 100%;
+ border: 1px solid black;
+ -gtk-icon-source: none; }
+ scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+ margin: 0 2px;
+ min-width: 40px; }
+ scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+ margin: 1px 2px;
+ min-width: 5px; }
+ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+ margin: 2px 0;
+ min-height: 40px; }
+ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+ margin: 2px 1px;
+ min-height: 5px; }
+ scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ opacity: 0.8; }
+ scrollbar.horizontal slider {
+ min-width: 40px; }
+ scrollbar.vertical slider {
+ min-height: 40px; }
+ scrollbar button {
+ padding: 0;
+ min-width: 12px;
+ min-height: 12px;
+ 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);
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ color: #9d9ea0; }
+ scrollbar button:hover {
+ 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: #c5c6c6; }
+ scrollbar button:active, scrollbar button:checked {
+ 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: #962ac3; }
+ scrollbar button: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: rgba(157, 158, 160, 0.2); }
+ 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: #4b4e54; }
+ 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: rgba(75, 78, 84, 0.2); }
+ scrollbar.vertical button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+ scrollbar.vertical button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+ scrollbar.horizontal button.down {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+ scrollbar.horizontal button.up {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+
+treeview ~ scrollbar.vertical {
+ border-top: 1px solid #13151a;
+ margin-top: -1px; }
+
+/**********
+ * Switch *
+ **********/
+switch {
+ outline-offset: -4px;
+ border: 1px solid #13151a;
+ border-radius: 14px;
+ color: #eeeeec;
+ background-color: #1d2027;
+ text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+ /* only show i / o for the accessible theme */ }
+ switch:checked {
+ color: #ffffff;
+ border-color: #15061b;
+ background-color: #962ac3;
+ text-shadow: 0 1px rgba(53, 15, 69, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
+ switch:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-color: #242731;
+ text-shadow: none; }
+ switch:backdrop {
+ color: #888a8d;
+ border-color: #13151a;
+ background-color: #1d2027;
+ text-shadow: none;
+ transition: 200ms ease-out; }
+ switch:backdrop:checked {
+ border-color: #350f45;
+ background-color: #962ac3; }
+ switch:backdrop:disabled {
+ color: #43495a;
+ border-color: #13151a;
+ background-color: #242731; }
+ switch slider {
+ margin: -1px;
+ min-width: 24px;
+ min-height: 24px;
+ border: 1px solid;
+ border-radius: 50%;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ -gtk-outline-radius: 20px;
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: black;
+ background-image: image(#3f4454);
+ box-shadow: none; }
+ switch image {
+ color: transparent; }
+ switch:hover slider {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: image(#1c1e25);
+ box-shadow: none; }
+ switch:checked > slider {
+ border: 1px solid #15061b; }
+ switch:disabled slider {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+ switch:backdrop slider {
+ transition: 200ms ease-out;
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none; }
+ switch:backdrop:checked > slider {
+ border-color: #15061b; }
+ switch:backdrop:disabled slider {
+ color: #43495a;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list), iconview.content-view.check:not(list),
+.content-view:not(list) check {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: transparent;
+ background-color: #962ac3;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: none;
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list),
+.content-view:not(list) check:hover {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: transparent;
+ background-color: #962ac3;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: none;
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list),
+.content-view:not(list) check:active {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: transparent;
+ background-color: #962ac3;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: none;
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list),
+.content-view:not(list) check:backdrop {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: transparent;
+ background-color: #777777;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: none;
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list),
+.content-view:not(list) check:checked {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: white;
+ background-color: #962ac3;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list),
+.content-view:not(list) check:checked:hover {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: white;
+ background-color: #962ac3;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list),
+.content-view:not(list) check:checked:active {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: white;
+ background-color: #962ac3;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list),
+.content-view:not(list) check:backdrop:checked {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: rgba(255, 255, 255, 0.8);
+ background-color: #777777;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
+ -gtk-icon-shadow: none; }
+
+checkbutton.text-button, radiobutton.text-button {
+ padding: 2px 0;
+ outline-offset: 0; }
+ checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
+ margin-left: 4px; }
+ checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
+ margin-right: 4px; }
+
+check,
+radio {
+ margin: 0 4px;
+ min-height: 14px;
+ min-width: 14px;
+ border: 1px solid;
+ -gtk-icon-source: none; }
+ check:only-child,
+ radio:only-child {
+ margin: 0; }
+ popover check.left:dir(rtl), popover radio.left:dir(rtl) {
+ margin-left: 0;
+ margin-right: 12px; }
+ popover check.right:dir(ltr), popover radio.right:dir(ltr) {
+ margin-left: 12px;
+ margin-right: 0; }
+ check,
+ radio {
+ background-clip: padding-box;
+ background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%);
+ border-color: black;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.05);
+ color: #eeeeec; }
+ check:hover,
+ radio:hover {
+ background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); }
+ check:active,
+ radio:active {
+ box-shadow: inset 0 1px 1px 0px black; }
+ check:disabled,
+ radio:disabled {
+ box-shadow: none;
+ color: rgba(238, 238, 236, 0.7); }
+ check:backdrop,
+ radio:backdrop {
+ background-image: image(#23252e);
+ box-shadow: none;
+ color: #eeeeec; }
+ check:backdrop:disabled,
+ radio:backdrop:disabled {
+ box-shadow: none;
+ color: rgba(238, 238, 236, 0.7); }
+ check:checked,
+ radio:checked {
+ background-clip: border-box;
+ background-image: linear-gradient(to bottom, #a433d3 20%, #962ac3 90%);
+ border-color: #962ac3;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.05);
+ color: #ffffff; }
+ check:checked:hover,
+ radio:checked:hover {
+ background-image: linear-gradient(to bottom, #ac44d7 10%, #a22fd2 90%); }
+ check:checked:active,
+ radio:checked:active {
+ box-shadow: inset 0 1px 1px 0px black; }
+ check:checked:disabled,
+ radio:checked:disabled {
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7); }
+ check:checked:backdrop,
+ radio:checked:backdrop {
+ background-image: image(#962ac3);
+ box-shadow: none;
+ color: #ffffff; }
+ check:checked:backdrop:disabled,
+ radio:checked:backdrop:disabled {
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7); }
+ check:indeterminate,
+ radio:indeterminate {
+ background-clip: border-box;
+ background-image: linear-gradient(to bottom, #a433d3 20%, #962ac3 90%);
+ border-color: #962ac3;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.05);
+ color: #ffffff; }
+ check:indeterminate:hover,
+ radio:indeterminate:hover {
+ background-image: linear-gradient(to bottom, #ac44d7 10%, #a22fd2 90%); }
+ check:indeterminate:active,
+ radio:indeterminate:active {
+ box-shadow: inset 0 1px 1px 0px black; }
+ check:indeterminate:disabled,
+ radio:indeterminate:disabled {
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7); }
+ check:indeterminate:backdrop,
+ radio:indeterminate:backdrop {
+ background-image: image(#962ac3);
+ box-shadow: none;
+ color: #ffffff; }
+ check:indeterminate:backdrop:disabled,
+ radio:indeterminate:backdrop:disabled {
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7); }
+ check:backdrop,
+ radio:backdrop {
+ transition: 200ms ease-out; }
+ .osd check, .osd radio {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .osd check:hover, .osd radio:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3); }
+ .osd check:active, .osd radio:active {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ .osd check:backdrop, .osd radio:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ .osd check:disabled, .osd radio:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+ menu menuitem check, menu menuitem radio {
+ margin: 0; }
+ menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked, menu menuitem check:checked:hover, menu menuitem check:checked:disabled, menu menuitem check:indeterminate, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:disabled, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked, menu menuitem radio:checked:hover, menu menuitem radio:checked:disabled, menu menuitem radio:indeterminate, menu menuitem radio:indeterminate:hover, menu menuitem radio:indeterminate:disabled {
+ min-height: 14px;
+ min-width: 14px;
+ background-image: none;
+ background-color: transparent;
+ box-shadow: none;
+ -gtk-icon-shadow: none;
+ color: inherit;
+ border-color: currentColor; }
+
+
+check {
+ border-radius: 3px; }
+
+ check:checked {
+ -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
+
+ check:indeterminate {
+ -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected,
+radio {
+ border-radius: 100%; }
+ treeview.view radio:checked:selected,
+ radio:checked {
+ -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
+ treeview.view radio:indeterminate:selected,
+ radio:indeterminate {
+ -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) {
+ -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) {
+ -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active,
+check:active {
+ -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop),
+check:checked:not(:backdrop),
+check:indeterminate:not(:backdrop) {
+ -gtk-icon-transform: unset;
+ transition: 400ms; }
+
+menu menuitem radio:checked:not(:backdrop), menu menuitem radio:indeterminate:not(:backdrop),
+menu menuitem check:checked:not(:backdrop),
+menu menuitem check:indeterminate:not(:backdrop) {
+ transition: none; }
+
+treeview.view check:selected:focus, treeview.view check:selected,
+treeview.view radio:selected:focus,
+treeview.view radio:selected {
+ color: #ffffff; }
+
+/************
+ * GtkScale *
+ ************/
+progressbar trough, scale fill, scale trough {
+ border: 1px solid #13151a;
+ border-radius: 3px;
+ background-color: #1d2027; }
+ progressbar trough:disabled, scale fill:disabled, scale trough:disabled {
+ background-color: #242731; }
+ progressbar trough:backdrop, scale fill:backdrop, scale trough:backdrop {
+ background-color: #1d2027;
+ border-color: #13151a;
+ transition: 200ms ease-out; }
+ progressbar trough:backdrop:disabled, scale fill:backdrop:disabled, scale trough:backdrop:disabled {
+ background-color: #242731; }
+ row:selected progressbar trough, progressbar row:selected trough, row:selected scale fill, scale row:selected fill, row:selected scale trough, scale row:selected trough {
+ border-color: #350f45; }
+ .osd progressbar trough, progressbar .osd trough, .osd scale fill, scale .osd fill, .osd scale trough, scale .osd trough {
+ border-color: black;
+ background-color: rgba(0, 0, 0, 0.8); }
+ .osd progressbar trough:disabled, progressbar .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd scale trough:disabled, scale .osd trough:disabled {
+ background-color: rgba(68, 72, 83, 0.5); }
+
+progressbar progress, scale highlight {
+ border: 1px solid #350f45;
+ border-radius: 3px;
+ background-color: #962ac3; }
+ progressbar progress:disabled, scale highlight:disabled {
+ background-color: transparent;
+ border-color: transparent; }
+ progressbar progress:backdrop, scale highlight:backdrop {
+ border-color: #350f45; }
+ progressbar progress:backdrop:disabled, scale highlight:backdrop:disabled {
+ background-color: transparent;
+ border-color: transparent; }
+ row:selected progressbar progress, progressbar row:selected progress, row:selected scale highlight, scale row:selected highlight {
+ border-color: #350f45; }
+ .osd progressbar progress, progressbar .osd progress, .osd scale highlight, scale .osd highlight {
+ border-color: black; }
+ .osd progressbar progress:disabled, progressbar .osd progress:disabled, .osd scale highlight:disabled, scale .osd highlight:disabled {
+ border-color: transparent; }
+
+scale {
+ min-height: 10px;
+ min-width: 10px;
+ padding: 12px; }
+ scale fill,
+ scale highlight {
+ margin: -1px; }
+ scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -9px; }
+ scale.fine-tune.horizontal {
+ padding-top: 9px;
+ padding-bottom: 9px;
+ min-height: 16px; }
+ scale.fine-tune.vertical {
+ padding-left: 9px;
+ padding-right: 9px;
+ min-width: 16px; }
+ scale.fine-tune slider {
+ margin: -6px; }
+ scale.fine-tune fill,
+ scale.fine-tune highlight,
+ scale.fine-tune trough {
+ border-radius: 5px;
+ -gtk-outline-radius: 7px; }
+ scale trough {
+ outline-offset: 2px;
+ -gtk-outline-radius: 5px; }
+ scale fill:backdrop, scale fill {
+ background-color: #13151a; }
+ scale fill:disabled:backdrop, scale fill:disabled {
+ border-color: transparent;
+ background-color: transparent; }
+ .osd scale fill {
+ background-color: #404040; }
+ .osd scale fill:disabled:backdrop, .osd scale fill:disabled {
+ border-color: transparent;
+ background-color: transparent; }
+ scale slider {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: black;
+ background-image: image(#323643);
+ box-shadow: none;
+ border: 1px solid black;
+ border-radius: 100%;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-property: background, border, box-shadow; }
+ scale slider:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: image(#0f1014);
+ box-shadow: none; }
+ scale slider:active {
+ border-color: #350f45; }
+ scale slider:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+ scale slider:backdrop {
+ transition: 200ms ease-out;
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none; }
+ scale slider:backdrop:disabled {
+ color: #43495a;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+ row:selected scale slider:disabled, row:selected scale slider {
+ border-color: #350f45; }
+ .osd scale slider {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3);
+ border-color: black;
+ background-color: #303340; }
+ .osd scale slider:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#4a5063);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3);
+ background-color: #303340; }
+ .osd scale slider:active {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(black);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ outline-color: rgba(255, 255, 255, 0.3);
+ background-color: #303340; }
+ .osd scale slider:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ background-color: #303340; }
+ .osd scale slider:backdrop {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ box-shadow: none;
+ text-shadow: none;
+ -gtk-icon-shadow: none;
+ background-color: #303340; }
+ .osd scale slider:backdrop:disabled {
+ background-color: #303340; }
+ scale marks,
+ scale value {
+ color: alpha(currentColor,0.55);
+ font-feature-settings: "tnum"; }
+ scale.horizontal marks.top {
+ margin-bottom: 6px;
+ margin-top: -12px; }
+ scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -9px; }
+ scale.horizontal marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -12px; }
+ scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -9px; }
+ scale.vertical marks.top {
+ margin-right: 6px;
+ margin-left: -12px; }
+ scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -9px; }
+ scale.vertical marks.bottom {
+ margin-left: 6px;
+ margin-right: -12px; }
+ scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -9px; }
+ scale.horizontal indicator {
+ min-height: 6px;
+ min-width: 1px; }
+ scale.horizontal.fine-tune indicator {
+ min-height: 3px; }
+ scale.vertical indicator {
+ min-height: 1px;
+ min-width: 6px; }
+ scale.vertical.fine-tune indicator {
+ min-width: 3px; }
+ scale.horizontal.marks-before:not(.marks-after) slider {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-top: -14px;
+ background-position: top;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
+ margin: -7px;
+ margin-top: -11px; }
+ scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-top: -14px;
+ background-position: top;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
+ margin: -7px;
+ margin-top: -11px; }
+ scale.horizontal.marks-before:not(.marks-after) slider:active {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-top: -14px;
+ background-position: top;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
+ margin: -7px;
+ margin-top: -11px; }
+ scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-top: -14px;
+ background-position: top;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
+ margin: -7px;
+ margin-top: -11px; }
+ scale.horizontal.marks-before:not(.marks-after) slider:backdrop {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-top: -14px;
+ background-position: top;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
+ margin: -7px;
+ margin-top: -11px; }
+ scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-top: -14px;
+ background-position: top;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
+ margin: -7px;
+ margin-top: -11px; }
+ scale.horizontal.marks-after:not(.marks-before) slider {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-bottom: -14px;
+ background-position: bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
+ margin: -7px;
+ margin-bottom: -11px; }
+ scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-bottom: -14px;
+ background-position: bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
+ margin: -7px;
+ margin-bottom: -11px; }
+ scale.horizontal.marks-after:not(.marks-before) slider:active {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-bottom: -14px;
+ background-position: bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
+ margin: -7px;
+ margin-bottom: -11px; }
+ scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-bottom: -14px;
+ background-position: bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
+ margin: -7px;
+ margin-bottom: -11px; }
+ scale.horizontal.marks-after:not(.marks-before) slider:backdrop {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-bottom: -14px;
+ background-position: bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
+ margin: -7px;
+ margin-bottom: -11px; }
+ scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-bottom: -14px;
+ background-position: bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
+ margin: -7px;
+ margin-bottom: -11px; }
+ scale.vertical.marks-before:not(.marks-after) slider {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-left: -14px;
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-before:not(.marks-after).fine-tune slider {
+ margin: -7px;
+ margin-left: -11px; }
+ scale.vertical.marks-before:not(.marks-after) slider:hover {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-left: -14px;
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-before:not(.marks-after).fine-tune slider {
+ margin: -7px;
+ margin-left: -11px; }
+ scale.vertical.marks-before:not(.marks-after) slider:active {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-left: -14px;
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-before:not(.marks-after).fine-tune slider {
+ margin: -7px;
+ margin-left: -11px; }
+ scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-left: -14px;
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-before:not(.marks-after).fine-tune slider {
+ margin: -7px;
+ margin-left: -11px; }
+ scale.vertical.marks-before:not(.marks-after) slider:backdrop {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-left: -14px;
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-before:not(.marks-after).fine-tune slider {
+ margin: -7px;
+ margin-left: -11px; }
+ scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-left: -14px;
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-before:not(.marks-after).fine-tune slider {
+ margin: -7px;
+ margin-left: -11px; }
+ scale.vertical.marks-after:not(.marks-before) slider {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-right: -14px;
+ background-position: right bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-after:not(.marks-before).fine-tune slider {
+ margin: -7px;
+ margin-right: -11px; }
+ scale.vertical.marks-after:not(.marks-before) slider:hover {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-right: -14px;
+ background-position: right bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-after:not(.marks-before).fine-tune slider {
+ margin: -7px;
+ margin-right: -11px; }
+ scale.vertical.marks-after:not(.marks-before) slider:active {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-right: -14px;
+ background-position: right bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-after:not(.marks-before).fine-tune slider {
+ margin: -7px;
+ margin-right: -11px; }
+ scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-right: -14px;
+ background-position: right bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-after:not(.marks-before).fine-tune slider {
+ margin: -7px;
+ margin-right: -11px; }
+ scale.vertical.marks-after:not(.marks-before) slider:backdrop {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-right: -14px;
+ background-position: right bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-after:not(.marks-before).fine-tune slider {
+ margin: -7px;
+ margin-right: -11px; }
+ scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-right: -14px;
+ background-position: right bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-after:not(.marks-before).fine-tune slider {
+ margin: -7px;
+ margin-right: -11px; }
+ scale.color {
+ min-height: 0;
+ min-width: 0; }
+ scale.color trough {
+ background-image: image(#13151a);
+ background-repeat: no-repeat; }
+ scale.color.horizontal {
+ padding: 0 0 15px 0; }
+ scale.color.horizontal trough {
+ padding-bottom: 4px;
+ background-position: 0 -3px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+ scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -15px;
+ margin-top: 6px; }
+ scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 15px; }
+ scale.color.vertical:dir(ltr) trough {
+ padding-left: 4px;
+ background-position: 3px 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0; }
+ scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider {
+ margin-left: -15px;
+ margin-right: 6px; }
+ scale.color.vertical:dir(rtl) {
+ padding: 0 15px 0 0; }
+ scale.color.vertical:dir(rtl) trough {
+ padding-right: 4px;
+ background-position: -3px 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0; }
+ scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider {
+ margin-right: -15px;
+ margin-left: 6px; }
+ scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) {
+ padding: 0 0 12px 0; }
+ scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough {
+ padding-bottom: 7px;
+ background-position: 0 -6px; }
+ scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider {
+ margin-bottom: -15px;
+ margin-top: 6px; }
+ scale.color.fine-tune.vertical:dir(ltr) {
+ padding: 0 0 0 12px; }
+ scale.color.fine-tune.vertical:dir(ltr) trough {
+ padding-left: 7px;
+ background-position: 6px 0; }
+ scale.color.fine-tune.vertical:dir(ltr) slider {
+ margin-left: -15px;
+ margin-right: 6px; }
+ scale.color.fine-tune.vertical:dir(rtl) {
+ padding: 0 12px 0 0; }
+ scale.color.fine-tune.vertical:dir(rtl) trough {
+ padding-right: 7px;
+ background-position: -6px 0; }
+ scale.color.fine-tune.vertical:dir(rtl) slider {
+ margin-right: -15px;
+ margin-left: 6px; }
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ font-size: smaller;
+ color: rgba(238, 238, 236, 0.4);
+ font-feature-settings: "tnum"; }
+ progressbar.horizontal trough,
+ progressbar.horizontal progress {
+ min-height: 2px; }
+ progressbar.vertical trough,
+ progressbar.vertical progress {
+ min-width: 2px; }
+ progressbar.horizontal progress {
+ margin: 0 -1px; }
+ progressbar.vertical progress {
+ margin: -1px 0; }
+ progressbar:backdrop {
+ box-shadow: none;
+ transition: 200ms ease-out; }
+ progressbar progress {
+ border-radius: 1.5px; }
+ progressbar progress.left {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px; }
+ progressbar progress.right {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px; }
+ progressbar progress.top {
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px; }
+ progressbar progress.bottom {
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px; }
+ progressbar.osd {
+ min-width: 3px;
+ min-height: 3px;
+ background-color: transparent; }
+ progressbar.osd trough {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ box-shadow: none; }
+ progressbar.osd progress {
+ border-style: none;
+ border-radius: 0; }
+ progressbar trough.empty progress {
+ all: unset; }
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 1px; }
+
+levelbar.horizontal.discrete block {
+ margin: 0 1px;
+ min-width: 32px; }
+
+levelbar.vertical block {
+ min-width: 1px; }
+
+levelbar.vertical.discrete block {
+ margin: 1px 0;
+ min-height: 32px; }
+
+levelbar:backdrop {
+ transition: 200ms ease-out; }
+
+levelbar trough {
+ border: 1px solid;
+ padding: 2px;
+ border-radius: 3px;
+ color: white;
+ border-color: #13151a;
+ background-color: #272a34;
+ box-shadow: inset 0 0 0 1px rgba(150, 42, 195, 0); }
+ levelbar trough:backdrop {
+ color: #d4d5d7;
+ border-color: #13151a;
+ background-color: #292c37;
+ box-shadow: none; }
+
+levelbar block {
+ border: 1px solid;
+ border-radius: 1px; }
+ levelbar block.low {
+ border-color: #fd7d00;
+ background-color: #fd7d00; }
+ levelbar block.low:backdrop {
+ border-color: #fd7d00; }
+ levelbar block.high, levelbar block:not(.empty) {
+ border-color: #962ac3;
+ background-color: #962ac3; }
+ levelbar block.high:backdrop, levelbar block:not(.empty):backdrop {
+ border-color: #962ac3; }
+ levelbar block.full {
+ border-color: #308e63;
+ background-color: #308e63; }
+ levelbar block.full:backdrop {
+ border-color: #308e63; }
+ levelbar block.empty {
+ background-color: transparent;
+ border-color: rgba(238, 238, 236, 0.1); }
+ levelbar block.empty:backdrop {
+ border-color: rgba(136, 138, 141, 0.15); }
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+ color: #eeeeec;
+ border: 1px solid #13151a;
+ background: white;
+ padding: 0; }
+ printdialog paper:backdrop {
+ color: #888a8d;
+ border-color: #13151a; }
+
+printdialog .dialog-action-box {
+ margin: 12px; }
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+ box-shadow: none;
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+ border: 1px solid #13151a; }
+ frame > border.flat,
+ .frame.flat {
+ border-style: none; }
+ frame > border:backdrop,
+ .frame:backdrop {
+ border-color: #13151a; }
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid #13151a; }
+ actionbar > revealer > box:backdrop {
+ border-color: #13151a; }
+
+scrolledwindow viewport.frame {
+ border-style: none; }
+
+scrolledwindow overshoot.top {
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+ scrolledwindow overshoot.top:backdrop {
+ background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#13151a), to(rgba(19, 21, 26, 0)));
+ background-size: 100% 5%;
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+
+scrolledwindow overshoot.bottom {
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
+ background-size: 100% 5%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+ scrolledwindow overshoot.bottom:backdrop {
+ background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#13151a), to(rgba(19, 21, 26, 0)));
+ background-size: 100% 5%;
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+
+scrolledwindow overshoot.left {
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+ scrolledwindow overshoot.left:backdrop {
+ background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#13151a), to(rgba(19, 21, 26, 0)));
+ background-size: 5% 100%;
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+
+scrolledwindow overshoot.right {
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(black), to(rgba(0, 0, 0, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(238, 238, 236, 0.07)), to(rgba(238, 238, 236, 0)));
+ background-size: 5% 100%, 100% 100%;
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+ scrolledwindow overshoot.right:backdrop {
+ background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#13151a), to(rgba(19, 21, 26, 0)));
+ background-size: 5% 100%;
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+
+scrolledwindow junction {
+ border-color: transparent;
+ border-image: linear-gradient(to bottom, #13151a 1px, transparent 1px) 0 0 0 1/0 1px stretch;
+ background-color: #272a34; }
+ scrolledwindow junction:dir(rtl) {
+ border-image-slice: 0 1 0 0; }
+ scrolledwindow junction:backdrop {
+ border-image-source: linear-gradient(to bottom, #13151a 1px, transparent 1px);
+ background-color: #1c1e25;
+ transition: 200ms ease-out; }
+
+separator {
+ background: rgba(0, 0, 0, 0.1);
+ min-width: 1px;
+ min-height: 1px; }
+
+/*********
+ * Lists *
+ *********/
+list {
+ color: white;
+ background-color: #272a34;
+ border-color: #13151a; }
+ list:backdrop {
+ color: #d4d5d7;
+ background-color: #292c37;
+ border-color: #13151a; }
+ list row {
+ padding: 2px; }
+
+row {
+ transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ row:hover {
+ transition: none; }
+ row:backdrop {
+ transition: 200ms ease-out; }
+ row.activatable.has-open-popup, row.activatable:hover {
+ background-color: rgba(238, 238, 236, 0.05); }
+ row.activatable:active {
+ box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+ row.activatable:backdrop:hover {
+ background-color: transparent; }
+ row.activatable:selected:active {
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
+ row.activatable:selected.has-open-popup, row.activatable:selected:hover {
+ background-color: #9f3ec7; }
+ row.activatable:selected:backdrop {
+ background-color: #962ac3; }
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification,
+.app-notification.frame {
+ padding: 10px;
+ border-radius: 0 0 5px 5px;
+ background-color: #303340;
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
+ background-clip: padding-box; }
+ .app-notification:backdrop,
+ .app-notification.frame:backdrop {
+ background-image: none;
+ transition: 200ms ease-out; }
+ .app-notification border,
+ .app-notification.frame border {
+ border: none; }
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+ expander title > arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+ expander title > arrow:hover {
+ color: white; }
+ expander title > arrow:disabled {
+ color: #888a8d; }
+ expander title > arrow:disabled:backdrop {
+ color: #43495a; }
+ expander title > arrow:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+/************
+ * Calendar *
+ ***********/
+calendar {
+ color: white;
+ border: 1px solid #13151a; }
+ calendar:selected {
+ border-radius: 3px; }
+ calendar.header {
+ border-bottom-color: rgba(0, 0, 0, 0.1); }
+ calendar.header:backdrop {
+ border-bottom-color: rgba(0, 0, 0, 0.1); }
+ calendar.button {
+ color: rgba(238, 238, 236, 0.45); }
+ calendar.button:hover {
+ color: #eeeeec; }
+ calendar.button:backdrop {
+ color: rgba(136, 138, 141, 0.45); }
+ calendar.button:disabled {
+ color: rgba(136, 138, 141, 0.45); }
+ calendar.highlight {
+ color: #888a8d; }
+ calendar.highlight:backdrop {
+ color: #43495a; }
+ calendar:backdrop {
+ color: #d4d5d7;
+ border-color: #13151a; }
+ calendar:indeterminate {
+ color: alpha(currentColor,0.1); }
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog .titlebar {
+ min-height: 20px;
+ background-image: none;
+ background-color: #23252e;
+ border-style: none;
+ border-top-left-radius: 7px;
+ border-top-right-radius: 7px; }
+
+messagedialog.csd.background {
+ border-bottom-left-radius: 10px;
+ border-bottom-right-radius: 10px; }
+
+messagedialog.csd .dialog-action-area button {
+ padding: 10px 14px;
+ border-right-style: none;
+ border-bottom-style: none;
+ border-radius: 0;
+ -gtk-outline-radius: 0; }
+ messagedialog.csd .dialog-action-area button:first-child {
+ border-left-style: none;
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 8px; }
+ messagedialog.csd .dialog-action-area button:last-child {
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 8px; }
+
+filechooser .dialog-action-box {
+ border-top: 1px solid #13151a; }
+ filechooser .dialog-action-box:backdrop {
+ border-top-color: #13151a; }
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid #23252e; }
+
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent; }
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+ background-color: #252831; }
+ stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left {
+ border-right: 1px solid #13151a;
+ border-left-style: none; }
+ stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid #13151a;
+ border-right-style: none; }
+ .sidebar:backdrop {
+ background-color: #262933;
+ border-color: #13151a;
+ transition: 200ms ease-out; }
+ .sidebar list {
+ background-color: transparent; }
+ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none; }
+
+stacksidebar row {
+ padding: 10px 4px; }
+ stacksidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px; }
+ stacksidebar row.needs-attention > label {
+ background-size: 6px 6px, 0 0; }
+
+separator.sidebar {
+ background-color: #13151a; }
+ separator.sidebar:backdrop {
+ background-color: #13151a; }
+ separator.sidebar.selection-mode, .selection-mode separator.sidebar {
+ background-color: #55186f; }
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ opacity: 0.7; }
+
+placessidebar > viewport.frame {
+ border-style: none; }
+
+placessidebar row {
+ min-height: 36px;
+ padding: 0px; }
+ placessidebar row > revealer {
+ padding: 0 14px; }
+ placessidebar row:selected {
+ color: #ffffff; }
+ placessidebar row:disabled {
+ color: #888a8d; }
+ placessidebar row:backdrop {
+ color: #888a8d; }
+ placessidebar row:backdrop:selected {
+ color: #d4d5d7; }
+ placessidebar row:backdrop:disabled {
+ color: #43495a; }
+ placessidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px; }
+ placessidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px; }
+ placessidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px; }
+ placessidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px; }
+ button.sidebar-button {
+ min-height: 26px;
+ min-width: 26px;
+ margin-top: 3px;
+ margin-bottom: 3px;
+ padding: 0;
+ border-radius: 100%;
+ -gtk-outline-radius: 100%; }
+ button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image {
+ opacity: 0.7; }
+ placessidebar row:selected:active {
+ box-shadow: none; }
+ placessidebar row.sidebar-placeholder-row {
+ padding: 0 8px;
+ min-height: 2px;
+ background-image: image(#19a187);
+ background-clip: content-box; }
+ placessidebar row.sidebar-new-bookmark-row {
+ color: #962ac3; }
+ placessidebar row:drop(active):not(:disabled) {
+ color: #19a187;
+ box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; }
+ placessidebar row:drop(active):not(:disabled):selected {
+ color: #ffffff;
+ background-color: #19a187; }
+
+placesview .server-list-button > image {
+ transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image {
+ transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview row.activatable:hover {
+ background-color: transparent; }
+
+placesview > actionbar > revealer > box > label {
+ padding-left: 8px;
+ padding-right: 8px; }
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border-style: none;
+ background-color: transparent;
+ background-image: image(#13151a);
+ background-size: 1px 1px; }
+ paned > separator:selected {
+ background-image: image(#962ac3); }
+ paned > separator:backdrop {
+ background-image: image(#13151a); }
+ paned > separator.wide {
+ min-width: 5px;
+ min-height: 5px;
+ background-color: #23252e;
+ background-image: image(#13151a), image(#13151a);
+ background-size: 1px 1px, 1px 1px; }
+ paned > separator.wide:backdrop {
+ background-color: #23252e;
+ background-image: image(#13151a), image(#13151a); }
+
+paned.horizontal > separator {
+ background-repeat: repeat-y; }
+ paned.horizontal > separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left; }
+ paned.horizontal > separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right; }
+ paned.horizontal > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right; }
+
+paned.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top; }
+ paned.vertical > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top; }
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border-style: none; }
+ infobar.action:hover > revealer > box {
+ background-color: #1d1d1d;
+ border-bottom: 1px solid #1e2128; }
+ infobar.info, infobar.question, infobar.warning, infobar.error {
+ text-shadow: none; }
+ infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box, infobar.error > revealer > box {
+ background-color: #232323;
+ border-bottom: 1px solid #1e2128; }
+ infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box {
+ color: #eeeeec; }
+ infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop {
+ text-shadow: none; }
+ infobar.info button, infobar.question button, infobar.warning button, infobar.error button {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none; }
+ infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked {
+ color: #ffffff;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: linear-gradient(to right, #9c2ccb, #9028bb);
+ box-shadow: 0 2px 4px rgba(150, 42, 195, 0.25); }
+ infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+ infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ border-color: #0d0e11; }
+ infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled {
+ color: #43495a;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none;
+ border-color: #0d0e11; }
+ infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button, infobar.error button:backdrop label, infobar.error button:backdrop, infobar.error button label, infobar.error button {
+ color: #eeeeec; }
+ infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection {
+ background-color: #0d0e11; }
+ infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link {
+ color: #c072e1; }
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ padding: 4px;
+ /* not working */
+ border-radius: 5px;
+ box-shadow: none;
+ text-shadow: 0 1px black; }
+ tooltip.background {
+ background-color: rgba(0, 0, 0, 0.8);
+ background-clip: padding-box;
+ border: 1px solid rgba(255, 255, 255, 0.1); }
+ tooltip decoration {
+ background-color: transparent; }
+ tooltip * {
+ padding: 4px;
+ background-color: transparent;
+ color: white; }
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch:drop(active), colorswatch {
+ border-style: none; }
+
+colorswatch.top {
+ border-top-left-radius: 5.5px;
+ border-top-right-radius: 5.5px; }
+ colorswatch.top overlay {
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px; }
+
+colorswatch.bottom {
+ border-bottom-left-radius: 5.5px;
+ border-bottom-right-radius: 5.5px; }
+ colorswatch.bottom overlay {
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px; }
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 5.5px;
+ border-bottom-left-radius: 5.5px; }
+ colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 5px;
+ border-bottom-left-radius: 5px; }
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 5.5px;
+ border-bottom-right-radius: 5.5px; }
+ colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 5px;
+ border-bottom-right-radius: 5px; }
+
+colorswatch.dark {
+ outline-color: rgba(255, 255, 255, 0.6); }
+ colorswatch.dark overlay {
+ color: white; }
+ colorswatch.dark overlay:hover {
+ border-color: #13151a; }
+ colorswatch.dark overlay:backdrop {
+ color: rgba(255, 255, 255, 0.5); }
+
+colorswatch.light {
+ outline-color: rgba(0, 0, 0, 0.6); }
+ colorswatch.light overlay {
+ color: black; }
+ colorswatch.light overlay:hover {
+ border-color: #13151a; }
+ colorswatch.light overlay:backdrop {
+ color: rgba(0, 0, 0, 0.5); }
+
+colorswatch:drop(active) {
+ box-shadow: none; }
+ colorswatch:drop(active).light overlay {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 2px #13151a, inset 0 0 0 1px #19a187; }
+ colorswatch:drop(active).dark overlay {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 2px #13151a, inset 0 0 0 1px #19a187; }
+
+colorswatch overlay {
+ border: 1px solid #13151a; }
+ colorswatch overlay:hover {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
+ colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover {
+ border-color: #13151a;
+ box-shadow: none; }
+
+colorswatch#add-color-button {
+ border-radius: 5px 5px 0 0; }
+ colorswatch#add-color-button:only-child {
+ border-radius: 5px; }
+ colorswatch#add-color-button overlay {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none; }
+ colorswatch#add-color-button overlay:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ colorswatch#add-color-button overlay:backdrop {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none; }
+
+colorswatch:disabled {
+ opacity: 0.5; }
+ colorswatch:disabled overlay {
+ border-color: rgba(0, 0, 0, 0.6);
+ box-shadow: none; }
+
+row:selected colorswatch {
+ box-shadow: 0 0 0 2px #ffffff; }
+
+colorswatch#editor-color-sample {
+ border-radius: 4px; }
+ colorswatch#editor-color-sample overlay {
+ border-radius: 4.5px; }
+
+colorchooser .popover.osd {
+ border-radius: 5px; }
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #13151a; }
+ .content-view:hover {
+ -gtk-icon-effect: highlight; }
+ .content-view:backdrop {
+ background-color: #13151a; }
+
+.osd .scale-popup button.flat {
+ border-style: none;
+ border-radius: 5px; }
+
+.scale-popup button:hover {
+ background-color: rgba(238, 238, 236, 0.1);
+ border-radius: 5px; }
+
+/**********************
+ * Window Decorations *
+ *********************/
+decoration {
+ border-radius: 9px 9px 0 0;
+ border-width: 0px;
+ box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75);
+ margin: 10px; }
+ decoration:backdrop {
+ box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75);
+ transition: 200ms ease-out; }
+ .maximized decoration, .fullscreen decoration {
+ border-radius: 0;
+ box-shadow: none; }
+ .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+ border-radius: 0;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
+ .tiled decoration:backdrop, .tiled-top decoration:backdrop, .tiled-right decoration:backdrop, .tiled-bottom decoration:backdrop, .tiled-left decoration:backdrop {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
+ .popup decoration {
+ box-shadow: none; }
+ .ssd decoration {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); }
+ .ssd decoration:backdrop {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); }
+ .csd.popup decoration {
+ border-radius: 5px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
+ tooltip.csd decoration {
+ border-radius: 5px;
+ box-shadow: none; }
+ messagedialog.csd decoration {
+ border-radius: 9px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
+ .solid-csd decoration {
+ margin: 0;
+ padding: 4px;
+ background-color: #13151a;
+ border: solid 1px #13151a;
+ border-radius: 0;
+ box-shadow: inset 0 0 0 3px rgba(35, 37, 46, 0.8), inset 0 1px rgba(238, 238, 236, 0.07); }
+ .solid-csd decoration:backdrop {
+ box-shadow: inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); }
+
+button.titlebutton {
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.873255);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.873255); }
+ button.titlebutton:not(.appmenu) {
+ border-radius: 9999px;
+ padding: 5px;
+ margin: 0 2px;
+ min-width: 0;
+ min-height: 0; }
+ button.titlebutton:backdrop {
+ -gtk-icon-shadow: none; }
+
+.selection-mode headerbar button.titlebutton,
+.selection-mode .titlebar button.titlebutton,
+headerbar.selection-mode button.titlebutton,
+.titlebar.selection-mode button.titlebutton {
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.628235);
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.628235); }
+ .selection-mode headerbar button.titlebutton:backdrop,
+ .selection-mode .titlebar button.titlebutton:backdrop,
+ headerbar.selection-mode button.titlebutton:backdrop,
+ .titlebar.selection-mode button.titlebutton:backdrop {
+ -gtk-icon-shadow: none; }
+
+.view:selected:focus, .view:selected,
+.view text:selected:focus,
+textview text:selected:focus,
+.view text:selected,
+textview text:selected, .view text selection:focus, .view text selection,
+textview text selection:focus,
+textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected,
+entry selection, modelbutton.flat:selected,
+.menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
+ background-color: #962ac3; }
+ label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected,
+ .view text:selected:focus,
+ textview text:selected:focus,
+ .view text:selected,
+ textview text:selected, .view text selection:focus, .view text selection,
+ textview text selection:focus,
+ textview text selection, iconview:selected:focus, iconview:selected, iconview text selection:focus, iconview text selection, flowbox flowboxchild:selected,
+ entry selection, modelbutton.flat:selected,
+ .menuitem.button.flat:selected, spinbutton:not(.vertical) selection, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
+ color: #ffffff; }
+ label:disabled selection, label:disabled:selected, .selection-mode button.titlebutton:disabled, .view:disabled:selected,
+ textview text:disabled:selected:focus,
+ .view text:disabled:selected,
+ textview text:disabled:selected, .view text selection:disabled,
+ textview text selection:disabled:focus,
+ textview text selection:disabled, iconview:disabled:selected:focus, iconview:disabled:selected, iconview text selection:disabled:focus, iconview text selection:disabled, flowbox flowboxchild:disabled:selected,
+ entry selection:disabled, modelbutton.flat:disabled:selected,
+ .menuitem.button.flat:disabled:selected, spinbutton:not(.vertical) selection:disabled, treeview.view:disabled:selected, row:disabled:selected, calendar:disabled:selected {
+ color: #cb95e1; }
+ label:backdrop selection, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, .view:backdrop:selected,
+ textview text:backdrop:selected:focus,
+ .view text:backdrop:selected,
+ textview text:backdrop:selected, .view text selection:backdrop,
+ textview text selection:backdrop:focus,
+ textview text selection:backdrop, iconview:backdrop:selected:focus, iconview:backdrop:selected, iconview text selection:backdrop:focus, iconview text selection:backdrop, flowbox flowboxchild:backdrop:selected,
+ entry selection:backdrop, modelbutton.flat:backdrop:selected,
+ .menuitem.button.flat:backdrop:selected, spinbutton:not(.vertical) selection:backdrop, treeview.view:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected {
+ color: #d4d5d7; }
+ label:backdrop selection:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected,
+ .view text:backdrop:disabled:selected,
+ textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled,
+ textview text selection:backdrop:disabled, iconview:backdrop:disabled:selected, iconview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected,
+ entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected,
+ .menuitem.button.flat:backdrop:disabled:selected, spinbutton:not(.vertical) selection:backdrop:disabled, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected {
+ color: #a95dc9; }
+
+.monospace {
+ font-family: monospace; }
+
+/**********************
+ * Touch Copy & Paste *
+ *********************/
+cursor-handle {
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ border-style: none; }
+ cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png"));
+ padding-left: 10px; }
+ cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png"));
+ padding-right: 10px; }
+ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); }
+ cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png"));
+ padding-left: 10px; }
+ cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png"));
+ padding-right: 10px; }
+ cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); }
+ cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png"));
+ padding-left: 10px; }
+ cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png"));
+ padding-right: 10px; }
+ cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); }
+
+.context-menu {
+ font: initial; }
+
+.keycap {
+ min-width: 20px;
+ min-height: 25px;
+ margin-top: 2px;
+ padding-bottom: 3px;
+ padding-left: 6px;
+ padding-right: 6px;
+ color: #eeeeec;
+ background-color: #272a34;
+ border: 1px solid;
+ border-color: #13151a;
+ border-radius: 5px;
+ box-shadow: inset 0 -3px #1b1d24;
+ font-size: smaller; }
+ .keycap:backdrop {
+ background-color: #292c37;
+ color: #888a8d;
+ transition: 200ms ease-out; }
+
+:not(decoration):not(window):drop(active):focus,
+:not(decoration):not(window):drop(active) {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 1px #19a187;
+ caret-color: #19a187; }
+
+stackswitcher button.text-button {
+ min-width: 100px; }
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 32px;
+ min-height: 32px;
+ padding: 0; }
+
+/*************
+ * App Icons *
+ *************/
+/* Outline for low res icons */
+.lowres-icon {
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Dropshadow for large icons */
+.icon-dropshadow {
+ -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/*********
+ * Emoji *
+ ********/
+popover.emoji-picker {
+ padding-left: 0;
+ padding-right: 0; }
+ popover.emoji-picker entry.search {
+ margin: 3px 5px 5px 5px; }
+
+button.emoji-section {
+ border-color: transparent;
+ border-width: 3px;
+ border-style: none none solid;
+ border-radius: 0;
+ margin: 2px 4px 2px 4px;
+ padding: 3px 0 0;
+ min-width: 32px;
+ min-height: 28px;
+ /* reset props inherited from the button style */
+ background: none;
+ box-shadow: none;
+ text-shadow: none;
+ outline-offset: -5px; }
+ button.emoji-section:first-child {
+ margin-left: 7px; }
+ button.emoji-section:last-child {
+ margin-right: 7px; }
+ button.emoji-section:backdrop:not(:checked) {
+ border-color: transparent; }
+ button.emoji-section:hover {
+ border-color: rgba(238, 238, 236, 0.1); }
+ button.emoji-section:checked {
+ border-color: #962ac3; }
+ button.emoji-section label {
+ padding: 0;
+ opacity: 0.55; }
+ button.emoji-section:hover label {
+ opacity: 0.775; }
+ button.emoji-section:checked label {
+ opacity: 1; }
+
+popover.emoji-picker .emoji {
+ font-size: x-large;
+ padding: 6px; }
+ popover.emoji-picker .emoji :hover {
+ background: #962ac3;
+ border-radius: 6px; }
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none; }
+
+popover.emoji-completion contents row box {
+ padding: 2px 10px; }
+
+popover.emoji-completion .emoji:hover {
+ background: #3b3e46; }
+
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+row label.subtitle {
+ font-size: smaller;
+ opacity: 0.55;
+ text-shadow: none; }
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 50px; }
+ row > box.header > box.title {
+ margin-top: 8px;
+ margin-bottom: 8px; }
+
+row.expander {
+ background-color: transparent; }
+ row.expander list.nested > row {
+ background-color: alpha(#23252e, 0.5);
+ border-color: alpha(#13151a, 0.7);
+ border-style: solid;
+ border-width: 1px 0px 0px 0px; }
+ row.expander image.expander-row-arrow {
+ transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ row.expander:checked image.expander-row-arrow {
+ -gtk-icon-transform: rotate(0turn); }
+ row.expander:not(:checked) image.expander-row-arrow {
+ opacity: 0.55;
+ text-shadow: none; }
+ row.expander:not(:checked) image.expander-row-arrow:dir(ltr) {
+ -gtk-icon-transform: rotate(-0.25turn); }
+ row.expander:not(:checked) image.expander-row-arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(0.25turn); }
+ row.expander:checked image.expander-row-arrow:not(:disabled) {
+ color: #962ac3; }
+ row.expander image.expander-row-arrow:disabled {
+ color: #888a8d; }
+
+flap > dimming,
+deck > dimming,
+leaflet > dimming {
+ background: rgba(0, 0, 0, 0.24); }
+
+flap > border,
+deck > border,
+leaflet > border {
+ min-width: 1px;
+ min-height: 1px;
+ background: #13151a; }
+
+flap > shadow,
+deck > shadow,
+leaflet > shadow {
+ min-width: 56px;
+ min-height: 56px; }
+ flap > shadow.left,
+ deck > shadow.left,
+ leaflet > shadow.left {
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
+ flap > shadow.right,
+ deck > shadow.right,
+ leaflet > shadow.right {
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
+ flap > shadow.up,
+ deck > shadow.up,
+ leaflet > shadow.up {
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
+ flap > shadow.down,
+ deck > shadow.down,
+ leaflet > shadow.down {
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
+
+flap > outline,
+deck > outline,
+leaflet > outline {
+ min-width: 1px;
+ min-height: 1px;
+ background: transparent; }
+
+avatar {
+ border-radius: 9999px;
+ -gtk-outline-radius: 9999px;
+ font-weight: bold; }
+ avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ color: #cfe1f5; }
+ avatar.color2 {
+ background-image: linear-gradient(#7ad9f1, #0f9ac8);
+ color: #caeaf2; }
+ avatar.color3 {
+ background-image: linear-gradient(#8de6b1, #29ae74);
+ color: #cef8d8; }
+ avatar.color4 {
+ background-image: linear-gradient(#b5e98a, #6ab85b);
+ color: #e6f9d7; }
+ avatar.color5 {
+ background-image: linear-gradient(#f8e359, #d29d09);
+ color: #f9f4e1; }
+ avatar.color6 {
+ background-image: linear-gradient(#ffcb62, #d68400);
+ color: #ffead1; }
+ avatar.color7 {
+ background-image: linear-gradient(#ffa95a, #ed5b00);
+ color: #ffe5c5; }
+ avatar.color8 {
+ background-image: linear-gradient(#f78773, #e62d42);
+ color: #f8d2ce; }
+ avatar.color9 {
+ background-image: linear-gradient(#e973ab, #e33b6a);
+ color: #fac7de; }
+ avatar.color10 {
+ background-image: linear-gradient(#cb78d4, #9945b5);
+ color: #e7c2e8; }
+ avatar.color11 {
+ background-image: linear-gradient(#9e91e8, #7a59ca);
+ color: #d5d2f5; }
+ avatar.color12 {
+ background-image: linear-gradient(#e3cf9c, #b08952);
+ color: #f2eade; }
+ avatar.color13 {
+ background-image: linear-gradient(#be916d, #785336);
+ color: #e5d6ca; }
+ avatar.color14 {
+ background-image: linear-gradient(#c0bfbc, #6e6d71);
+ color: #d8d7d3; }
+ avatar.contrasted {
+ color: #fff; }
+ avatar.image {
+ background: none; }
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px; }
+
+statuspage > scrolledwindow > viewport > box {
+ margin: 36px 12px; }
+ statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box {
+ margin-bottom: 36px; }
+ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 36px; }
+ statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) {
+ margin-bottom: 12px; }
+
+window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp,
+preferencespage > scrolledwindow > viewport > clamp {
+ margin: 0 12px;
+ transition: margin-bottom 200ms ease; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp > list,
+ preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup {
+ transition: margin-top 200ms ease; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small,
+ preferencespage > scrolledwindow > viewport > clamp.small {
+ margin-bottom: 18px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp.small > list,
+ preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup {
+ margin-top: 18px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium,
+ preferencespage > scrolledwindow > viewport > clamp.medium {
+ margin-bottom: 24px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp.medium > list,
+ preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup {
+ margin-top: 24px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large,
+ preferencespage > scrolledwindow > viewport > clamp.large {
+ margin-bottom: 30px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp.large > list,
+ preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup {
+ margin-top: 30px; }
+
+preferencesgroup > box > label:not(:first-child) {
+ margin-top: 6px; }
+
+preferencesgroup > box > box:not(:first-child) {
+ margin-top: 12px; }
+
+tabbar .tab-indicator:not(.clickable) {
+ background: none;
+ box-shadow: none;
+ border-color: transparent; }
+
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+popover.combo list {
+ min-width: 200px; }
+
+window.csd.unified:not(.solid-csd) headerbar {
+ border-radius: 0; }
+
+.windowhandle, .windowhandle * {
+ -GtkWidget-window-dragging: true; }
+
+popover.combo {
+ padding: 0px; }
+ popover.combo list {
+ border-style: none;
+ background-color: transparent; }
+ popover.combo list > row {
+ padding: 0px 12px 0px 12px;
+ min-height: 50px; }
+ popover.combo list > row:not(:last-child) {
+ border-bottom: 1px solid alpha(#13151a, 0.5); }
+ popover.combo list > row:first-child {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px; }
+ popover.combo list > row:last-child {
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 7px;
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 7px; }
+ popover.combo overshoot.top {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px; }
+ popover.combo overshoot.bottom {
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 7px;
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 7px; }
+ popover.combo scrollbar.vertical {
+ padding-top: 2px;
+ padding-bottom: 2px; }
+ popover.combo scrollbar.vertical:dir(ltr) {
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px;
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 7px; }
+ popover.combo scrollbar.vertical:dir(rtl) {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 7px; }
+
+row.expander {
+ padding: 0px; }
+ row.expander image.expander-row-arrow:dir(ltr) {
+ margin-left: 6px; }
+ row.expander image.expander-row-arrow:dir(rtl) {
+ margin-right: 6px; }
+
+keypad .digit {
+ font-size: 200%;
+ font-weight: bold; }
+
+keypad .letters {
+ font-size: 70%; }
+
+keypad .symbol {
+ font-size: 160%; }
+
+viewswitcher, viewswitcher button {
+ margin: 0;
+ padding: 0; }
+
+viewswitcher button {
+ border-radius: 0;
+ border-top: 0;
+ border-bottom: 0;
+ box-shadow: none;
+ font-size: 1rem; }
+ viewswitcher button:not(:checked):not(:hover) {
+ background: transparent; }
+ viewswitcher button:not(:only-child):not(:last-child) {
+ border-right-width: 0px; }
+ viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) {
+ border-left-color: transparent; }
+ viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) {
+ border-right-color: transparent; }
+ viewswitcher button:not(:checked):hover:not(:backdrop) {
+ background-image: image(lighter(#23252e)); }
+ viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover {
+ border-left-color: shade(#13151a, 1.15); }
+ viewswitcher button:not(only-child):last-child:not(:checked):hover {
+ border-right-color: shade(#13151a, 1.15); }
+ viewswitcher button:not(:checked):hover:backdrop {
+ background-image: image(#23252e); }
+ headerbar viewswitcher button:not(:checked):hover:not(:backdrop) {
+ background-image: linear-gradient(to top, shade(alpha(#23252e, 0.7), 0.99) 2px, alpha(#23252e, 0.7)); }
+ headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover {
+ border-left-color: #13151a; }
+ headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover {
+ border-right-color: #13151a; }
+ headerbar viewswitcher button:not(:checked):hover:backdrop {
+ background-image: image(#23252e); }
+ viewswitcher button > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 7px;
+ padding-bottom: 5px; }
+ viewswitcher button > stack > box.narrow image,
+ viewswitcher button > stack > box.narrow label {
+ padding-left: 8px;
+ padding-right: 8px; }
+ viewswitcher button > stack > box.wide {
+ padding: 8px 12px; }
+ viewswitcher button > stack > box.wide label:dir(ltr) {
+ padding-right: 7px; }
+ viewswitcher button > stack > box.wide label:dir(rtl) {
+ padding-left: 7px; }
+ viewswitcher button > stack > box label.active {
+ font-weight: bold; }
+ viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label {
+ animation: none;
+ background-image: none; }
+ viewswitcher button.needs-attention > stack > box label {
+ animation: needs_attention 150ms ease-in;
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent));
+ background-size: 6px 6px, 6px 6px;
+ background-repeat: no-repeat;
+ background-position: right 0px, right 1px; }
+ viewswitcher button.needs-attention > stack > box label:backdrop {
+ background-size: 6px 6px, 0 0; }
+ viewswitcher button.needs-attention > stack > box label:dir(rtl) {
+ background-position: left 0px, left 1px; }
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0; }
+
+list.content,
+list.content list {
+ background-color: transparent; }
+
+list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) {
+ background-color: mix(#23252e, #272a34, 0.5); }
+
+list.content list.nested > row:not(:active):hover.activatable:not(:selected) {
+ background-color: mix(#eeeeec, #272a34, 0.95); }
+
+list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) {
+ background-color: #272a34; }
+
+list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) {
+ background-color: mix(#eeeeec, #272a34, 0.95); }
+
+list.content > row,
+list.content > row list > row {
+ border-color: alpha(#13151a, 0.7);
+ border-style: solid;
+ transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list.content > row:not(:last-child) {
+ border-width: 1px 1px 0px 1px; }
+
+list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px; }
+
+list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked {
+ border-width: 1px; }
+
+list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child {
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 7px;
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 7px; }
+
+list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row {
+ margin-top: 6px; }
+
+button.list-button:not(:active):not(:checked):not(:hover) {
+ background: none;
+ border: 1px solid alpha(#13151a, 0.5);
+ box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode {
+ box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized),
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration,
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay {
+ border-radius: 8px; }
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+ color: rgba(238, 238, 236, 0.5); }
+ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop {
+ color: rgba(136, 138, 141, 0.5); }
+
+tabbar .box {
+ min-height: 38px;
+ background: #0f1014;
+ border-bottom: 1px solid black; }
+ tabbar .box:backdrop {
+ background-color: #0f1014;
+ border-color: #13151a; }
+
+tabbar scrolledwindow.pinned undershoot {
+ border: 0 solid black; }
+
+tabbar scrolledwindow.pinned:dir(rtl) undershoot.left {
+ border-left-width: 1px; }
+
+tabbar scrolledwindow.pinned:dir(ltr) undershoot.right {
+ border-right-width: 1px; }
+
+tabbar scrolledwindow.pinned:backdrop undershoot {
+ border-color: #13151a; }
+
+tabbar scrolledwindow.pinned tabbox:dir(ltr) {
+ padding-right: 1px;
+ box-shadow: inset -1px 0 black; }
+ tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop {
+ box-shadow: inset -1px 0 #13151a; }
+
+tabbar scrolledwindow.pinned tabbox:dir(rtl) {
+ padding-left: 1px;
+ box-shadow: inset 1px 0 black; }
+ tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop {
+ box-shadow: inset 1px 0 #13151a; }
+
+tabbar undershoot {
+ transition: none; }
+ tabbar undershoot.left {
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); }
+ tabbar undershoot.right {
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); }
+
+tabbar .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, rgba(150, 42, 195, 0.7), rgba(150, 42, 195, 0.5) 1px, rgba(150, 42, 195, 0) 20px); }
+
+tabbar .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, rgba(150, 42, 195, 0.7), rgba(150, 42, 195, 0.5) 1px, rgba(150, 42, 195, 0) 20px); }
+
+tabbar tab {
+ border-style: solid;
+ border-color: black;
+ border-width: 0 1px 0 1px;
+ transition: background 150ms ease-in-out;
+ background-color: #16171d; }
+ tabbar tab:checked {
+ background-color: #23252e; }
+ tabbar tab:checked:hover {
+ background-color: #292c37; }
+ tabbar tab:hover {
+ background-color: #1c1e25; }
+ tabbar tab:backdrop {
+ border-color: #13151a;
+ background-color: #16171d; }
+ tabbar tab:backdrop:checked {
+ background-color: #23252e; }
+
+tabbar .start-action,
+tabbar .end-action {
+ background: #16171d;
+ border-color: black;
+ border-style: solid;
+ transition: background 150ms ease-in-out; }
+ tabbar .start-action:backdrop,
+ tabbar .end-action:backdrop {
+ border-color: #13151a;
+ background-color: #16171d; }
+ tabbar .start-action button,
+ tabbar .end-action button {
+ border: none;
+ border-radius: 0; }
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+ border-right-width: 1px; }
+ tabbar .start-action:dir(ltr) > *,
+ tabbar .end-action:dir(rtl) > * {
+ margin-right: 1px; }
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+ border-left-width: 1px; }
+ tabbar .start-action:dir(rtl) > *,
+ tabbar .end-action:dir(ltr) > * {
+ margin-left: 1px; }
+
+.tab-drag-icon tab {
+ min-height: 26px;
+ background-color: #292c37;
+ box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(19, 21, 26, 0.9), inset 0 1px rgba(238, 238, 236, 0.07);
+ margin: 25px; }
+
+tabbar tab,
+.tab-drag-icon tab {
+ padding: 6px; }
+ tabbar tab.needs-attention,
+ .tab-drag-icon tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(150, 42, 195, 0.2) 15%, rgba(150, 42, 195, 0) 15%); }
+ tabbar tab .tab-close-button,
+ tabbar tab .tab-indicator,
+ .tab-drag-icon tab .tab-close-button,
+ .tab-drag-icon tab .tab-indicator {
+ padding: 0;
+ margin: 0;
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 99px;
+ border: none;
+ box-shadow: none;
+ -gtk-icon-shadow: none;
+ text-shadow: none;
+ background: none; }
+ tabbar tab .tab-close-button:hover,
+ tabbar tab .tab-indicator.clickable:hover,
+ .tab-drag-icon tab .tab-close-button:hover,
+ .tab-drag-icon tab .tab-indicator.clickable:hover {
+ background: alpha(#eeeeec, 0.15); }
+ tabbar tab .tab-close-button:active,
+ tabbar tab .tab-indicator.clickable:active,
+ .tab-drag-icon tab .tab-close-button:active,
+ .tab-drag-icon tab .tab-indicator.clickable:active {
+ background: alpha(black, 0.2); }
+
+* {
+ outline-style: solid;
+ outline-offset: -4px;
+ outline-width: 2px;
+ -gtk-outline-radius: 3px;
+ outline-color: alpha(currentColor,0.07); }
+ * button, * button:hover, * button:active, * button:checked, * button:focus {
+ outline-color: alpha(currentColor,0.07); }
+
+/***************
+ * Base States *
+ ***************/
+.background, .background:backdrop {
+ background: rgba(35, 37, 46, 0.999); }
+
+/**********
+ * Button *
+ **********/
+button.flat {
+ border-color: transparent;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ button.flat:hover, button.flat:active {
+ background: image(#1d2027);
+ box-shadow: none;
+ transition: none; }
+ button.flat:link, 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; }
+
+button.suggested-action {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #8c27b6;
+ background-image: image(#962ac3);
+ box-shadow: none; }
+ button.suggested-action:hover {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #762199;
+ background-image: image(#b559db);
+ box-shadow: none; }
+ button.suggested-action:active, button.suggested-action:checked {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #691d88;
+ background-image: linear-gradient(to right, #6f1f91, #621c80);
+ box-shadow: 0 2px 4px rgba(105, 29, 136, 0.25); }
+ button.suggested-action:backdrop, button.suggested-action.flat:backdrop {
+ color: #ead4f3;
+ border-color: #762199;
+ background-image: image(#962ac3);
+ box-shadow: none; }
+ button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, button.suggested-action.flat:backdrop:checked {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: image(#7f29a5);
+ box-shadow: none; }
+ button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked {
+ color: #a872c0;
+ border-color: #762199;
+ background-image: image(#78269e);
+ box-shadow: none; }
+ button.suggested-action:disabled:active, button.suggested-action:disabled:checked {
+ color: #c7a7d5;
+ border-color: #762199;
+ background-image: image(#722495);
+ box-shadow: none; }
+
+button.destructive-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #991212;
+ background-image: image(#a61414);
+ box-shadow: none; }
+ button.destructive-action:hover {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #790e0e;
+ background-image: image(#e41d1d);
+ box-shadow: none; }
+ button.destructive-action:active, button.destructive-action:checked {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #670c0c;
+ background-image: linear-gradient(to right, #700d0d, #5d0b0b);
+ box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); }
+ button.destructive-action:backdrop, button.destructive-action.flat:backdrop {
+ color: #edd0d0;
+ border-color: #790e0e;
+ background-image: image(#a61414);
+ box-shadow: none; }
+ button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, button.destructive-action.flat:backdrop:checked {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: image(#7f29a5);
+ box-shadow: none; }
+ button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked {
+ color: #ad6667;
+ border-color: #790e0e;
+ background-image: image(#811415);
+ box-shadow: none; }
+ button.destructive-action:disabled:active, button.destructive-action:disabled:checked {
+ color: #c9a1a1;
+ border-color: #790e0e;
+ background-image: image(#791314);
+ box-shadow: none; }
+
+/**********
+ * Entry *
+ **********/
+spinbutton:not(.vertical),
+entry {
+ background-color: #1d2027; }
+
+headerbar spinbutton:not(.vertical),
+headerbar entry {
+ background: #272a34; }
+
+/**********
+ * Switch *
+ **********/
+switch:checked {
+ border-color: rgba(0, 0, 0, 0.2);
+ border-right-width: 0;
+ margin-right: 1px; }
+
+switch:backdrop, switch:disabled {
+ box-shadow: none;
+ border-color: #13151a; }
+
+switch slider:checked {
+ border-color: #13151a; }
+ switch slider:checked:backdrop:not(:disabled) {
+ border-color: #13151a; }
+
+switch slider:disabled {
+ border-color: #13151a; }
+
+/*************************
+ * Check and Radio items *
+ *************************/
+check, menu menuitem check, menu menuitem:hover check,
+radio, menu menuitem radio, menu menuitem:hover radio {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none; }
+ check:hover, menu menuitem check:hover, menu menuitem:hover check:hover,
+ radio:hover, menu menuitem radio:hover, menu menuitem:hover radio:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate,
+ radio:disabled,
+ radio:disabled:checked,
+ radio:disabled:indeterminate,
+ radio:disabled:backdrop,
+ radio:disabled:backdrop:checked,
+ radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate {
+ border-color: #13151a;
+ background-image: image(#23252e);
+ color: #eeeeec; }
+
+check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate,
+radio:checked,
+radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate {
+ background-image: image(#962ac3);
+ border-color: #962ac3;
+ color: #ffffff; }
+ check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active,
+ radio:checked:active,
+ radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active {
+ box-shadow: none; }
+ check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop,
+ radio:checked:backdrop,
+ radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop {
+ background-image: image(#962ac3);
+ color: #ffffff; }
+
+switch slider,
+scale slider {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: black;
+ background-image: image(#323643);
+ box-shadow: none; }
+ switch slider:active, switch slider:hover,
+ scale slider:active,
+ scale slider:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: image(#0f1014);
+ box-shadow: none; }
+
+/************
+ * GtkScale *
+ ************/
+scale trough, scale fill, progressbar trough {
+ border: 2px solid #13151a;
+ border-radius: 6px;
+ background-color: #13151a; }
+ scale trough:disabled, scale fill:disabled, progressbar trough:disabled {
+ background-color: #13151a;
+ border-color: #13151a; }
+ scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop {
+ background-color: #13151a;
+ border-color: #13151a;
+ transition: 200ms ease-out; }
+ scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled {
+ background-color: #13151a;
+ border-color: #13151a; }
+ row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough {
+ border-color: #350f45; }
+ .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough {
+ border-color: black;
+ background-color: rgba(0, 0, 0, 0.8); }
+ .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled {
+ background-color: rgba(68, 72, 83, 0.5); }
+
+scale highlight, progressbar progress {
+ border: 2px solid #962ac3;
+ border-radius: 6px;
+ background-color: #962ac3; }
+ scale highlight:disabled, progressbar progress:disabled {
+ background-color: transparent;
+ border-color: transparent; }
+ scale highlight:backdrop, progressbar progress:backdrop {
+ border-color: #962ac3; }
+ scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled {
+ background-color: transparent;
+ border-color: transparent; }
+ row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress {
+ border-color: #350f45; }
+ .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress {
+ border-color: #962ac3; }
+ .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled {
+ border-color: transparent; }
+
+/***************
+ * Header bars *
+ ***************/
+headerbar {
+ border: none;
+ background: rgba(35, 37, 46, 0.8);
+ box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
+ color: white; }
+ headerbar, headerbar:backdrop {
+ box-shadow: none;
+ background: rgba(35, 37, 46, 0.8); }
+
+.titlebar:not(headerbar) .title,
+headerbar .title {
+ font-weight: normal; }
+
+.titlebar:not(headerbar) button,
+.titlebar:not(headerbar) entry,
+headerbar button,
+headerbar entry {
+ border: none;
+ background: image(#323643); }
+ .titlebar:not(headerbar) button:disabled,
+ .titlebar:not(headerbar) entry:disabled,
+ headerbar button:disabled,
+ headerbar entry:disabled {
+ background: image(#1a1c23); }
+
+.titlebar:not(headerbar) button:backdrop,
+headerbar button:backdrop {
+ background: image(#323643); }
+ .titlebar:not(headerbar) button:backdrop:disabled,
+ headerbar button:backdrop:disabled {
+ background: image(#1a1c23); }
+
+.titlebar:not(headerbar) entry:focus,
+headerbar entry:focus {
+ background: #23252e; }
+
+.titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked,
+.titlebar:not(headerbar) button.toggle:active,
+.titlebar:not(headerbar) button.toggle:checked,
+headerbar stackswitcher button:active,
+headerbar stackswitcher button:checked,
+headerbar button.toggle:active,
+headerbar button.toggle:checked {
+ color: #ffffff;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: linear-gradient(to right, #9c2ccb, #9028bb);
+ box-shadow: 0 2px 4px rgba(150, 42, 195, 0.25); }
+
+.titlebar:not(headerbar) viewswitcher button > stack > box.narrow,
+.titlebar:not(headerbar) hdyviewswitcher > button box.narrow,
+headerbar viewswitcher button > stack > box.narrow,
+headerbar hdyviewswitcher > button box.narrow {
+ margin: -7px 0 -5px; }
+
+.titlebar:not(headerbar) viewswitcher button > stack > box.wide,
+.titlebar:not(headerbar) hdyviewswitcher > button box.wide,
+headerbar viewswitcher button > stack > box.wide,
+headerbar hdyviewswitcher > button box.wide {
+ margin: -8px 0; }
+
+dialog .titlebar:not(headerbar), dialog headerbar {
+ background: #23252e;
+ border: 0;
+ box-shadow: none; }
+
+.titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close,
+headerbar button.titlebutton:not(.appmenu).minimize,
+headerbar button.titlebutton:not(.appmenu).maximize,
+headerbar button.titlebutton:not(.appmenu).close {
+ color: transparent;
+ -gtk-icon-shadow: none;
+ background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 8px;
+ margin: 0;
+ margin-left: 5px;
+ padding: 0;
+ min-width: 0;
+ min-height: 0;
+ box-shadow: none;
+ border: none;
+ transition: all .2s; }
+ .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize + button.titlebutton, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close + button.titlebutton,
+ headerbar button.titlebutton:not(.appmenu).minimize + button.titlebutton,
+ headerbar button.titlebutton:not(.appmenu).maximize + button.titlebutton,
+ headerbar button.titlebutton:not(.appmenu).close + button.titlebutton {
+ margin-left: 0; }
+ .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:last-child, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:last-child,
+ headerbar button.titlebutton:not(.appmenu).minimize:last-child,
+ headerbar button.titlebutton:not(.appmenu).maximize:last-child,
+ headerbar button.titlebutton:not(.appmenu).close:last-child {
+ margin-right: 5px; }
+ .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:backdrop, .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:backdrop,
+ headerbar button.titlebutton:not(.appmenu).minimize:backdrop,
+ headerbar button.titlebutton:not(.appmenu).maximize:backdrop,
+ headerbar button.titlebutton:not(.appmenu).close:backdrop {
+ background-color: #4e5468;
+ background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
+
+.titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize,
+headerbar button.titlebutton:not(.appmenu).minimize {
+ background-color: #fd7d00; }
+ .titlebar:not(headerbar) button.titlebutton:not(.appmenu).minimize:hover,
+ headerbar button.titlebutton:not(.appmenu).minimize:hover {
+ background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); }
+
+.titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize,
+headerbar button.titlebutton:not(.appmenu).maximize {
+ background-color: #377cf1; }
+ .titlebar:not(headerbar) button.titlebutton:not(.appmenu).maximize:hover,
+ headerbar button.titlebutton:not(.appmenu).maximize:hover {
+ background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); }
+
+.titlebar:not(headerbar) button.titlebutton:not(.appmenu).close,
+headerbar button.titlebutton:not(.appmenu).close {
+ background-color: #d31919; }
+ .titlebar:not(headerbar) button.titlebutton:not(.appmenu).close:hover,
+ headerbar button.titlebutton:not(.appmenu).close:hover {
+ background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); }
+
+.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):last-child, .maximized headerbar button.titlebutton:not(.appmenu):last-child, .fullscreen headerbar button.titlebutton:not(.appmenu):last-child, .tiled headerbar button.titlebutton:not(.appmenu):last-child, .tiled-top headerbar button.titlebutton:not(.appmenu):last-child, .tiled-right headerbar button.titlebutton:not(.appmenu):last-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):last-child, .tiled-left headerbar button.titlebutton:not(.appmenu):last-child {
+ margin-right: 0; }
+
+.maximized .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .fullscreen .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-top .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-right .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-bottom .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .tiled-left .titlebar:not(headerbar) button.titlebutton:not(.appmenu):first-child, .maximized headerbar button.titlebutton:not(.appmenu):first-child, .fullscreen headerbar button.titlebutton:not(.appmenu):first-child, .tiled headerbar button.titlebutton:not(.appmenu):first-child, .tiled-top headerbar button.titlebutton:not(.appmenu):first-child, .tiled-right headerbar button.titlebutton:not(.appmenu):first-child, .tiled-bottom headerbar button.titlebutton:not(.appmenu):first-child, .tiled-left headerbar button.titlebutton:not(.appmenu):first-child {
+ margin-left: 0; }
+
+.default-decoration.titlebar:not(headerbar),
+headerbar.default-decoration {
+ background: #23252e;
+ min-height: 0;
+ padding: 6px; }
+ .default-decoration.titlebar:not(headerbar) button.titlebutton,
+ headerbar.default-decoration button.titlebutton {
+ min-height: 0;
+ min-width: 0; }
+ .default-decoration.titlebar:not(headerbar) button.titlebutton,
+ headerbar.default-decoration button.titlebutton,
+ headerbar.default-decoration button.titlebutton:last-child {
+ margin: 0; }
+
+paned headerbar:first-child,
+hdyleaflet headerbar:first-child,
+headerbar.titlebar headerbar:first-child,
+deck leaflet box:first-child headerbar:first-child,
+leaflet > headerbar:first-child {
+ border-color: #13151a;
+ background: #272a34;
+ box-shadow: none; }
+ paned headerbar:first-child:backdrop,
+ hdyleaflet headerbar:first-child:backdrop,
+ headerbar.titlebar headerbar:first-child:backdrop,
+ deck leaflet box:first-child headerbar:first-child:backdrop,
+ leaflet > headerbar:first-child:backdrop {
+ background: #292c37; }
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-top-color: #13151a; }
+ treeview.view:backdrop {
+ border-top-color: #13151a; }
+ treeview.view header button {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none; }
+ treeview.view header button:hover, treeview.view header button:active {
+ border-color: #13151a; }
+ treeview.view header button:backdrop {
+ box-shadow: none; }
+
+/***************
+ * Popovers *
+ ***************/
+popover.background {
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); }
+ .csd popover.background, popover.background {
+ border-color: rgba(19, 21, 26, 0.75); }
+
+/*************
+ * Notebooks *
+ *************/
+notebook > header {
+ border: 0;
+ padding: 0;
+ background-color: #1d2027; }
+ notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs {
+ margin: 0; }
+ notebook > header.top > tabs > tab,
+ notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab,
+ notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab,
+ notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab,
+ notebook > header.right > tabs > tab.reorderable-page {
+ border: 1px solid transparent; }
+ notebook > header.top > tabs > tab:hover:not(:backdrop),
+ notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop),
+ notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop),
+ notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop),
+ notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ notebook > header.top > tabs > tab:checked,
+ notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked,
+ notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked,
+ notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked,
+ notebook > header.right > tabs > tab.reorderable-page:checked {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ background: image(#272a34); }
+ notebook > header.top > tabs > tab:checked:backdrop,
+ notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop,
+ notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop,
+ notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop,
+ notebook > header.right > tabs > tab.reorderable-page:checked:backdrop {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ background: image(#272a34); }
+ notebook > header.top {
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.top > tabs {
+ margin-bottom: -3px; }
+ notebook > header.top > tabs > tab {
+ margin: 3px 0;
+ border-radius: 6px 6px 0 0; }
+ notebook > header.top > tabs > tab:not(:checked) {
+ box-shadow: 4px 3px 0 -3px #13151a; }
+ notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:checked:backdrop {
+ border-bottom-color: #272a34; }
+ notebook > header.bottom {
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.bottom > tabs {
+ margin-top: -3px; }
+ notebook > header.bottom > tabs > tab {
+ margin: 3px 0;
+ border-radius: 0 0 6px 6px; }
+ notebook > header.bottom > tabs > tab:not(:checked) {
+ box-shadow: 4px -3px 0 -3px #13151a; }
+ notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked:backdrop {
+ border-top-color: #272a34; }
+ notebook > header.right {
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.right > tabs {
+ margin-left: -3px; }
+ notebook > header.right > tabs > tab {
+ margin: 0 3px;
+ border-radius: 0 6px 6px 0; }
+ notebook > header.right > tabs > tab:not(:checked) {
+ box-shadow: -3px 4px 0 -3px #13151a; }
+ notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab:checked:backdrop {
+ border-left-color: #272a34; }
+ notebook > header.left {
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.left > tabs {
+ margin-right: -3px; }
+ notebook > header.left > tabs > tab {
+ margin: 0 3px;
+ border-radius: 6px 0 0 6px; }
+ notebook > header.left > tabs > tab:not(:checked) {
+ box-shadow: 3px 4px 0 -3px #13151a; }
+ notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab:checked:backdrop {
+ border-right-color: #272a34; }
+ notebook > header tab {
+ border-radius: 6px;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ min-height: 24px; }
+ notebook > header tab button.flat {
+ margin-top: 1px;
+ margin-bottom: 1px; }
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar slider {
+ min-width: 6px;
+ min-height: 6px; }
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar, infobar.info, infobar.question, infobar.warning, infobar.error {
+ border-style: none;
+ text-shadow: none; }
+ infobar:backdrop > revealer > box label, infobar:backdrop > revealer > box, infobar > revealer > box label, infobar > revealer > box, infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer > box, infobar.info > revealer > box label, infobar.info > revealer > box, infobar.question:backdrop > revealer > box label, infobar.question:backdrop > revealer > box, infobar.question > revealer > box label, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box label, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box label, infobar.warning > revealer > box, infobar.error:backdrop > revealer > box label, infobar.error:backdrop > revealer > box, infobar.error > revealer > box label, infobar.error > revealer > box {
+ color: #ffffff; }
+ infobar:backdrop, infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop {
+ text-shadow: none; }
+ infobar selection, infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection {
+ background-color: #0d0e11; }
+ infobar *:link, infobar.info *:link, infobar.question *:link, infobar.warning *:link, infobar.error *:link {
+ color: #c072e1; }
+
+infobar.info:backdrop > revealer > box, infobar.info > revealer > box, infobar.info.action:hover:backdrop > revealer > box, infobar.info.action:hover > revealer > box {
+ background-color: #962ac3; }
+
+infobar.info button,
+infobar.info button.flat, infobar.info.action:hover button,
+infobar.info.action:hover button.flat {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #a83cd5;
+ background-image: image(#ae48d8);
+ box-shadow: none; }
+ infobar.info button:hover,
+ infobar.info button.flat:hover, infobar.info.action:hover button:hover,
+ infobar.info.action:hover button.flat:hover {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #762199;
+ background-image: image(#b559db);
+ box-shadow: none; }
+ infobar.info button:active, infobar.info button:checked,
+ infobar.info button.flat:active,
+ infobar.info button.flat:checked, infobar.info.action:hover button:active, infobar.info.action:hover button:checked,
+ infobar.info.action:hover button.flat:active,
+ infobar.info.action:hover button.flat:checked {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #691d88;
+ background-image: linear-gradient(to right, #6f1f91, #621c80);
+ box-shadow: 0 2px 4px rgba(105, 29, 136, 0.25); }
+ infobar.info button:disabled,
+ infobar.info button.flat:disabled, infobar.info.action:hover button:disabled,
+ infobar.info.action:hover button.flat:disabled {
+ color: #c295d7;
+ border-color: #762199;
+ background-image: image(#852aae);
+ box-shadow: none; }
+ infobar.info button:backdrop,
+ infobar.info button.flat:backdrop, infobar.info.action:hover button:backdrop,
+ infobar.info.action:hover button.flat:backdrop {
+ color: #ead4f3;
+ border-color: #762199;
+ background-image: image(#962ac3);
+ box-shadow: none;
+ border-color: #762199; }
+ infobar.info button:backdrop:disabled,
+ infobar.info button.flat:backdrop:disabled, infobar.info.action:hover button:backdrop:disabled,
+ infobar.info.action:hover button.flat:backdrop:disabled {
+ color: #b075ca;
+ border-color: #762199;
+ background-image: image(#852aae);
+ box-shadow: none;
+ border-color: #762199; }
+ infobar.info button:backdrop label, infobar.info button:backdrop, infobar.info button label, infobar.info button,
+ infobar.info button.flat:backdrop label,
+ infobar.info button.flat:backdrop,
+ infobar.info button.flat label,
+ infobar.info button.flat, infobar.info.action:hover button:backdrop label, infobar.info.action:hover button:backdrop, infobar.info.action:hover button label, infobar.info.action:hover button,
+ infobar.info.action:hover button.flat:backdrop label,
+ infobar.info.action:hover button.flat:backdrop,
+ infobar.info.action:hover button.flat label,
+ infobar.info.action:hover button.flat {
+ color: #ffffff; }
+
+infobar.question:backdrop > revealer > box, infobar.question > revealer > box, infobar.warning:backdrop > revealer > box, infobar.warning > revealer > box, infobar.question.action:hover:backdrop > revealer > box, infobar.question.action:hover > revealer > box, infobar.warning.action:hover:backdrop > revealer > box, infobar.warning.action:hover > revealer > box {
+ background-color: #fd7d00; }
+
+infobar.question button,
+infobar.question button.flat, infobar.warning button,
+infobar.warning button.flat, infobar.question.action:hover button,
+infobar.question.action:hover button.flat, infobar.warning.action:hover button,
+infobar.warning.action:hover button.flat {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #ff8f22;
+ background-image: image(#ff9731);
+ box-shadow: none; }
+ infobar.question button:hover,
+ infobar.question button.flat:hover, infobar.warning button:hover,
+ infobar.warning button.flat:hover, infobar.question.action:hover button:hover,
+ infobar.question.action:hover button.flat:hover, infobar.warning.action:hover button:hover,
+ infobar.warning.action:hover button.flat:hover {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #ca6400;
+ background-image: image(#ffa145);
+ box-shadow: none; }
+ infobar.question button:active, infobar.question button:checked,
+ infobar.question button.flat:active,
+ infobar.question button.flat:checked, infobar.warning button:active, infobar.warning button:checked,
+ infobar.warning button.flat:active,
+ infobar.warning button.flat:checked, infobar.question.action:hover button:active, infobar.question.action:hover button:checked,
+ infobar.question.action:hover button.flat:active,
+ infobar.question.action:hover button.flat:checked, infobar.warning.action:hover button:active, infobar.warning.action:hover button:checked,
+ infobar.warning.action:hover button.flat:active,
+ infobar.warning.action:hover button.flat:checked {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #b65a00;
+ background-image: linear-gradient(to right, #c05f00, #ab5500);
+ box-shadow: 0 2px 4px rgba(182, 90, 0, 0.25); }
+ infobar.question button:disabled,
+ infobar.question button.flat:disabled, infobar.warning button:disabled,
+ infobar.warning button.flat:disabled, infobar.question.action:hover button:disabled,
+ infobar.question.action:hover button.flat:disabled, infobar.warning.action:hover button:disabled,
+ infobar.warning.action:hover button.flat:disabled {
+ color: #eeb884;
+ border-color: #ca6400;
+ background-image: image(#dd7108);
+ box-shadow: none; }
+ infobar.question button:backdrop,
+ infobar.question button.flat:backdrop, infobar.warning button:backdrop,
+ infobar.warning button.flat:backdrop, infobar.question.action:hover button:backdrop,
+ infobar.question.action:hover button.flat:backdrop, infobar.warning.action:hover button:backdrop,
+ infobar.warning.action:hover button.flat:backdrop {
+ color: #ffe5cc;
+ border-color: #ca6400;
+ background-image: image(#fd7d00);
+ box-shadow: none;
+ border-color: #ca6400; }
+ infobar.question button:backdrop:disabled,
+ infobar.question button.flat:backdrop:disabled, infobar.warning button:backdrop:disabled,
+ infobar.warning button.flat:backdrop:disabled, infobar.question.action:hover button:backdrop:disabled,
+ infobar.question.action:hover button.flat:backdrop:disabled, infobar.warning.action:hover button:backdrop:disabled,
+ infobar.warning.action:hover button.flat:backdrop:disabled {
+ color: #e9a35e;
+ border-color: #ca6400;
+ background-image: image(#dd7108);
+ box-shadow: none;
+ border-color: #ca6400; }
+ infobar.question button:backdrop label, infobar.question button:backdrop, infobar.question button label, infobar.question button,
+ infobar.question button.flat:backdrop label,
+ infobar.question button.flat:backdrop,
+ infobar.question button.flat label,
+ infobar.question button.flat, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.warning button label, infobar.warning button,
+ infobar.warning button.flat:backdrop label,
+ infobar.warning button.flat:backdrop,
+ infobar.warning button.flat label,
+ infobar.warning button.flat, infobar.question.action:hover button:backdrop label, infobar.question.action:hover button:backdrop, infobar.question.action:hover button label, infobar.question.action:hover button,
+ infobar.question.action:hover button.flat:backdrop label,
+ infobar.question.action:hover button.flat:backdrop,
+ infobar.question.action:hover button.flat label,
+ infobar.question.action:hover button.flat, infobar.warning.action:hover button:backdrop label, infobar.warning.action:hover button:backdrop, infobar.warning.action:hover button label, infobar.warning.action:hover button,
+ infobar.warning.action:hover button.flat:backdrop label,
+ infobar.warning.action:hover button.flat:backdrop,
+ infobar.warning.action:hover button.flat label,
+ infobar.warning.action:hover button.flat {
+ color: #ffffff; }
+
+infobar.error:backdrop > revealer > box, infobar.error > revealer > box, infobar.error.action:hover:backdrop > revealer > box, infobar.error.action:hover > revealer > box {
+ background-color: #bf1717; }
+ infobar.error:backdrop > revealer > box button,
+ infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button,
+ infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button,
+ infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button,
+ infobar.error.action:hover > revealer > box button.flat {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #df1b1b;
+ background-image: image(#e52424);
+ box-shadow: none; }
+ infobar.error:backdrop > revealer > box button:hover,
+ infobar.error:backdrop > revealer > box button.flat:hover, infobar.error > revealer > box button:hover,
+ infobar.error > revealer > box button.flat:hover, infobar.error.action:hover:backdrop > revealer > box button:hover,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:hover, infobar.error.action:hover > revealer > box button:hover,
+ infobar.error.action:hover > revealer > box button.flat:hover {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #911212;
+ background-image: image(#e73737);
+ box-shadow: none; }
+ infobar.error:backdrop > revealer > box button:active, infobar.error:backdrop > revealer > box button:checked,
+ infobar.error:backdrop > revealer > box button.flat:active,
+ infobar.error:backdrop > revealer > box button.flat:checked, infobar.error > revealer > box button:active, infobar.error > revealer > box button:checked,
+ infobar.error > revealer > box button.flat:active,
+ infobar.error > revealer > box button.flat:checked, infobar.error.action:hover:backdrop > revealer > box button:active, infobar.error.action:hover:backdrop > revealer > box button:checked,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:active,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:checked, infobar.error.action:hover > revealer > box button:active, infobar.error.action:hover > revealer > box button:checked,
+ infobar.error.action:hover > revealer > box button.flat:active,
+ infobar.error.action:hover > revealer > box button.flat:checked {
+ color: #ffffff;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #7f0f0f;
+ background-image: linear-gradient(to right, #881010, #760e0e);
+ box-shadow: 0 2px 4px rgba(127, 15, 15, 0.25); }
+ infobar.error:backdrop > revealer > box button:disabled,
+ infobar.error:backdrop > revealer > box button.flat:disabled, infobar.error > revealer > box button:disabled,
+ infobar.error > revealer > box button.flat:disabled, infobar.error.action:hover:backdrop > revealer > box button:disabled,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:disabled, infobar.error.action:hover > revealer > box button:disabled,
+ infobar.error.action:hover > revealer > box button.flat:disabled {
+ color: #d48d8d;
+ border-color: #911212;
+ background-image: image(#a81a1b);
+ box-shadow: none; }
+ infobar.error:backdrop > revealer > box button:backdrop,
+ infobar.error:backdrop > revealer > box button.flat:backdrop, infobar.error > revealer > box button:backdrop,
+ infobar.error > revealer > box button.flat:backdrop, infobar.error.action:hover:backdrop > revealer > box button:backdrop,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop, infobar.error.action:hover > revealer > box button:backdrop,
+ infobar.error.action:hover > revealer > box button.flat:backdrop {
+ color: #f2d1d1;
+ border-color: #911212;
+ background-image: image(#bf1717);
+ box-shadow: none;
+ border-color: #911212; }
+ infobar.error:backdrop > revealer > box button:backdrop:disabled,
+ infobar.error:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error > revealer > box button:backdrop:disabled,
+ infobar.error > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover:backdrop > revealer > box button:backdrop:disabled,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop:disabled, infobar.error.action:hover > revealer > box button:backdrop:disabled,
+ infobar.error.action:hover > revealer > box button.flat:backdrop:disabled {
+ color: #c66a6b;
+ border-color: #911212;
+ background-image: image(#a81a1b);
+ box-shadow: none;
+ border-color: #911212; }
+ infobar.error:backdrop > revealer > box button:backdrop label, infobar.error:backdrop > revealer > box button:backdrop, infobar.error:backdrop > revealer > box button label, infobar.error:backdrop > revealer > box button,
+ infobar.error:backdrop > revealer > box button.flat:backdrop label,
+ infobar.error:backdrop > revealer > box button.flat:backdrop,
+ infobar.error:backdrop > revealer > box button.flat label,
+ infobar.error:backdrop > revealer > box button.flat, infobar.error > revealer > box button:backdrop label, infobar.error > revealer > box button:backdrop, infobar.error > revealer > box button label, infobar.error > revealer > box button,
+ infobar.error > revealer > box button.flat:backdrop label,
+ infobar.error > revealer > box button.flat:backdrop,
+ infobar.error > revealer > box button.flat label,
+ infobar.error > revealer > box button.flat, infobar.error.action:hover:backdrop > revealer > box button:backdrop label, infobar.error.action:hover:backdrop > revealer > box button:backdrop, infobar.error.action:hover:backdrop > revealer > box button label, infobar.error.action:hover:backdrop > revealer > box button,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop label,
+ infobar.error.action:hover:backdrop > revealer > box button.flat:backdrop,
+ infobar.error.action:hover:backdrop > revealer > box button.flat label,
+ infobar.error.action:hover:backdrop > revealer > box button.flat, infobar.error.action:hover > revealer > box button:backdrop label, infobar.error.action:hover > revealer > box button:backdrop, infobar.error.action:hover > revealer > box button label, infobar.error.action:hover > revealer > box button,
+ infobar.error.action:hover > revealer > box button.flat:backdrop label,
+ infobar.error.action:hover > revealer > box button.flat:backdrop,
+ infobar.error.action:hover > revealer > box button.flat label,
+ infobar.error.action:hover > revealer > box button.flat {
+ color: #ffffff; }
+
+/*********
+ * Lists *
+ *********/
+row:selected, row:selected:backdrop, row:selected:active, row.activatable:selected, row.activatable:selected:backdrop, row.activatable:selected:active {
+ border-radius: 10px;
+ background-color: #23252e;
+ color: white;
+ box-shadow: inset 0 0 0 9999px #3b3e46, inset 0 0 0 3px #23252e; }
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification,
+.app-notification.frame {
+ padding: 5px 10px;
+ margin: 20px;
+ border-radius: 7px;
+ border: 1px solid rgba(19, 21, 26, 0.65);
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
+ background-image: none; }
+ .app-notification:backdrop,
+ .app-notification.frame:backdrop {
+ box-shadow: none; }
+
+/************
+ * Calendar *
+ ***********/
+calendar {
+ border-radius: 6px;
+ border: 0;
+ padding: 1px; }
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog .titlebar:backdrop {
+ background-image: none; }
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ background-color: #23252e; }
+
+stacksidebar row {
+ padding: 7px 3px; }
+
+/****************
+ * File chooser *
+ ****************/
+placessidebar row {
+ min-height: 30px; }
+
+/**********************
+ * Window Decorations *
+ *********************/
+decoration {
+ border-radius: 10px 10px 6px 6px;
+ border: 1px solid #23252e;
+ border-top-width: 0;
+ border-bottom-width: 2px;
+ background: transparent;
+ border-color: rgba(35, 37, 46, 0.8) rgba(35, 37, 46, 0.8) #23252e;
+ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(19, 21, 26, 0.75); }
+ decoration:backdrop {
+ box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.75); }
+ .maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+ border-width: 0; }
+ dialog decoration {
+ border-width: 0 0 4px; }
+ .popup decoration {
+ border-width: 0; }
+ .ssd decoration {
+ box-shadow: 0 0 0 1px rgba(19, 21, 26, 0.75);
+ border-width: 0; }
+ .csd.popup decoration {
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(19, 21, 26, 0.65);
+ border-width: 0; }
+ tooltip.csd decoration {
+ border: 0; }
+ messagedialog.csd decoration {
+ border-width: 0;
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
+
+window.unified, window.unified:backdrop {
+ background: linear-gradient(to bottom, rgba(35, 37, 46, 0.8) 40px, #23252e 40px); }
+ window.unified decoration, window.unified:backdrop decoration {
+ border: 0; }
+ window.unified headerbar, window.unified:backdrop headerbar {
+ background: transparent; }
+
+/* Nautilus */
+@define-color disk_space_unknown #383c4a;
+@define-color disk_space_used #962ac3;
+@define-color disk_space_free white;
+filechooser.unified, filechooser.unified:backdrop,
+.nautilus-window.unified,
+.nautilus-window.unified:backdrop {
+ background: transparent; }
+ filechooser.unified > deck > box > headerbar, filechooser.unified:backdrop > deck > box > headerbar,
+ .nautilus-window.unified > deck > box > headerbar,
+ .nautilus-window.unified:backdrop > deck > box > headerbar {
+ background: rgba(35, 37, 46, 0.8); }
+
+filechooser.csd.background, filechooser placessidebar list,
+.nautilus-window.csd.background,
+.nautilus-window placessidebar list {
+ background-color: transparent; }
+
+filechooser placessidebar.sidebar:dir(ltr),
+.nautilus-window placessidebar.sidebar:dir(ltr) {
+ background: linear-gradient(to right, rgba(8, 9, 11, 0.95) 41px, rgba(30, 33, 40, 0.95) 0); }
+
+filechooser placessidebar.sidebar:dir(rtl),
+.nautilus-window placessidebar.sidebar:dir(rtl) {
+ background: linear-gradient(to left, rgba(8, 9, 11, 0.95) 41px, rgba(30, 33, 40, 0.95) 0); }
+
+filechooser placessidebar.sidebar:backdrop,
+.nautilus-window placessidebar.sidebar:backdrop {
+ background: image(rgba(30, 33, 40, 0.95)); }
+
+filechooser placessidebar.sidebar row.sidebar-row,
+.nautilus-window placessidebar.sidebar row.sidebar-row {
+ color: white; }
+ filechooser placessidebar.sidebar row.sidebar-row:selected,
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected {
+ margin-left: 6px;
+ margin-right: 6px;
+ border-radius: 6px;
+ box-shadow: 0 1px 4px #962ac3;
+ transition: box-shadow 200ms ease-out, background 200ms ease-out;
+ background-color: #962ac3; }
+ filechooser placessidebar.sidebar row.sidebar-row:selected:dir(ltr),
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(ltr) {
+ background-image: linear-gradient(to right, #762199 35px, transparent 0); }
+ filechooser placessidebar.sidebar row.sidebar-row:selected:dir(rtl),
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected:dir(rtl) {
+ background-image: linear-gradient(to left, #762199 35px, transparent 0); }
+ filechooser placessidebar.sidebar row.sidebar-row:selected revealer,
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer {
+ padding-left: 8px;
+ padding-right: 8px; }
+ filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon, filechooser placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label,
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-icon,
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected revealer .sidebar-label {
+ color: #ffffff; }
+ filechooser placessidebar.sidebar row.sidebar-row:selected:backdrop,
+ .nautilus-window placessidebar.sidebar row.sidebar-row:selected:backdrop {
+ background-image: none;
+ box-shadow: none; }
+ filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon,
+ .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon {
+ padding-right: 20px;
+ opacity: 1; }
+ filechooser placessidebar.sidebar row.sidebar-row .sidebar-button,
+ .nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-button {
+ border: 0; }
+
+.nautilus-window .floating-bar {
+ color: #ffffff;
+ background-color: #962ac3;
+ border-color: #350f45;
+ margin: 10px;
+ box-shadow: 0 1px 4px #962ac3;
+ transition: background-color 200ms ease-out; }
+ .nautilus-window .floating-bar:backdrop {
+ color: inherit;
+ box-shadow: none;
+ border-color: #13151a; }
+ .nautilus-window .floating-bar.bottom.left, .nautilus-window .floating-bar.bottom.right {
+ border-radius: 6px;
+ border-style: solid; }
+
+.nautilus-window .path-bar-box {
+ padding: 3px 4px;
+ margin: -1px 0;
+ background: rgba(43, 50, 66, 0.7);
+ border-radius: 99px;
+ box-shadow: inset 0 0 0 1px #13151a;
+ border: 0; }
+ .nautilus-window .path-bar-box .text-button {
+ background: transparent;
+ border-radius: 99px;
+ border: 0; }
+ .nautilus-window .path-bar-box .text-button:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ .nautilus-window .path-bar-box .text-button:checked, .nautilus-window .path-bar-box widget > .text-button:last-child {
+ color: #ffffff;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: linear-gradient(to right, #9c2ccb, #9028bb);
+ box-shadow: 0 2px 4px rgba(150, 42, 195, 0.25);
+ padding: 3px;
+ border-color: transparent; }
+ .nautilus-window .path-bar-box .image-button > box > image:first-child {
+ margin-left: 5px; }
+ .nautilus-window .path-bar-box .image-button > box > image:last-child {
+ margin-right: 5px; }
+ .nautilus-window .path-bar-box widget > .text-button:not(:nth-last-child(2)):not(:last-child):not(:hover) {
+ box-shadow: 5px 0 0 -3px rgba(238, 238, 236, 0.15); }
+
+box.nautilus-path-bar > scrolledwindow {
+ background-color: #323643;
+ border: none; }
+
+box.nautilus-path-bar > button {
+ box-shadow: none; }
+
+/* GNOME TERMINAL */
+terminal-window notebook scrollbar,
+.mate-terminal notebook scrollbar {
+ background: #272a34; }
+
+/* GNOME TWEAKS */
+list.tweak-categories separator {
+ background: transparent; }
+
+/* XFCE4 PANEL */
+.xfce4-panel.background {
+ background: rgba(35, 37, 46, 0.8); }
+
+.xfce4-panel button {
+ border: 0;
+ border-radius: 0;
+ min-width: 30px;
+ box-shadow: none;
+ text-shadow: none;
+ background: transparent;
+ color: #eeeeec; }
+ .xfce4-panel button:hover {
+ background: rgba(0, 0, 0, 0.2); }
+ .xfce4-panel button:not(#whiskermenu-button):checked, .xfce4-panel button:not(#whiskermenu-button):active {
+ box-shadow: inset 0 -2px 0 #962ac3;
+ background: rgba(0, 0, 0, 0.2); }
+
+.xfce4-panel.vertical button:not(#whiskermenu-button):checked, .xfce4-panel.vertical button:not(#whiskermenu-button):active {
+ box-shadow: inset 2px 0 0 #962ac3; }
+
+/* XFCE4 NOTIFICATIONS & LOGOUT DIALOG */
+#XfceNotifyWindow, .xfsm-logout-dialog, .xfsm-logout-dialog button {
+ border: 1px solid #13151a;
+ border-bottom-width: 2px;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ -gtk-icon-style: symbolic; }
+
+.xfsm-logout-dialog > .vertical > .horizontal button {
+ margin: 8px; }
+
+#whiskermenu-window entry {
+ border-radius: 100px;
+ border: 2px solid #962ac3;
+ box-shadow: none; }
+
+#whiskermenu-window button {
+ transition-duration: 0s; }
+ #whiskermenu-window button:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ 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(255, 255, 255, 0.3);
+ border-color: transparent;
+ border-bottom-color: #1c1e25; }
+ #whiskermenu-window button:checked {
+ border-color: transparent; }
+
+#whiskermenu-window scrolledwindow.frame {
+ border: 0;
+ border-radius: 8px;
+ box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
+ padding: 7px 10px;
+ margin: 0 5px; }
+ #whiskermenu-window scrolledwindow.frame, #whiskermenu-window scrolledwindow.frame iconview:not(:hover):not(:focus) {
+ background: #1c1e25; }
+ #whiskermenu-window scrolledwindow.frame treeview {
+ background: transparent;
+ border-radius: 6px; }
+ #whiskermenu-window scrolledwindow.frame treeview:hover, #whiskermenu-window scrolledwindow.frame treeview:active, #whiskermenu-window scrolledwindow.frame treeview:selected {
+ background-color: rgba(0, 0, 0, 0.27);
+ color: inherit; }
+
+/* XFCE4 panel action */
+#XfcePanelWindowWrapper > widget > box > #xfce-panel-button > image {
+ -gtk-icon-style: symbolic;
+ -gtk-icon-transform: scale(0.7); }
+
+/* XFCE4 workspace switcher */
+wnck-pager {
+ background-color: #3d4251; }
+ wnck-pager:selected {
+ background-color: black; }
+ wnck-pager:hover {
+ background-color: black; }
+
+/* LightDM */
+.lightdm-gtk-greeter #panel_window {
+ background: rgba(35, 37, 46, 0.8);
+ color: #eeeeec;
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+.lightdm-gtk-greeter #login_window {
+ border: 0;
+ background-color: rgba(35, 37, 46, 0.8);
+ border-radius: 6px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); }
+ .lightdm-gtk-greeter #login_window entry {
+ background: rgba(35, 37, 46, 0.4);
+ border-color: rgba(35, 37, 46, 0.3);
+ min-height: 32px;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); }
+ .lightdm-gtk-greeter #login_window entry image {
+ margin: 0; }
+ .lightdm-gtk-greeter #login_window #buttonbox_frame {
+ padding-top: 20px;
+ background: #23252e;
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
+ border-radius: 0 0 6px 6px;
+ box-shadow: inset 0 -4px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.27); }
+ .lightdm-gtk-greeter #login_window #buttonbox_frame button {
+ border: 0;
+ color: #ffffff;
+ text-shadow: none; }
+ .lightdm-gtk-greeter #login_window #buttonbox_frame #cancel_button {
+ background: rgba(0, 0, 0, 0.27);
+ box-shadow: none;
+ color: #eeeeec; }
+ .lightdm-gtk-greeter #login_window #buttonbox_frame #login_button {
+ background: #962ac3;
+ box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2); }
+
+/* XFCE4 desktop */
+XfdesktopIconView.view {
+ background-color: transparent;
+ color: white;
+ text-shadow: 0 1px 2px black; }
+
+XfdesktopIconView.view:active {
+ background-color: rgba(150, 42, 195, 0.3);
+ color: rgba(150, 42, 195, 0.3);
+ border-radius: 6px; }
+
+XfdesktopIconView.label:active {
+ background-color: rgba(150, 42, 195, 0.3);
+ color: #ffffff; }
+
+XfdesktopIconView.rubberband {
+ background-color: rgba(150, 42, 195, 0.3); }
+
+/* Thunar */
+.thunar .warning {
+ margin: -7px 0; }
+
+.thunar .path-bar button {
+ border: none;
+ background: transparent;
+ border-radius: 6px; }
+ .thunar .path-bar button:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ .thunar .path-bar button:checked {
+ color: #ffffff;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: linear-gradient(to right, #9c2ccb, #9028bb);
+ box-shadow: 0 2px 4px rgba(150, 42, 195, 0.25);
+ border-radius: 99px; }
+
+.budgie-container {
+ background-color: transparent; }
+
+*:drop(active):focus,
+*:drop(active) {
+ box-shadow: inset 0 0 0 1px #962ac3; }
+
+.budgie-panel {
+ background-color: #272a34;
+ color: white;
+ font-weight: normal; }
+ .budgie-panel image {
+ -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
+ .budgie-panel label {
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
+ .budgie-panel .alert {
+ color: #962ac3; }
+ .budgie-panel:backdrop {
+ color: white;
+ background-color: rgba(39, 42, 52, 0.8); }
+ .budgie-panel.transparent {
+ background-color: rgba(39, 42, 52, 0.8);
+ color: white; }
+ .budgie-panel button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0; }
+ .budgie-panel.horizontal button {
+ padding: 0 4px; }
+ .budgie-panel.vertical button {
+ padding: 4px 0; }
+ .budgie-panel separator {
+ background-color: rgba(238, 238, 236, 0.4); }
+ .budgie-panel.vertical #tasklist-button {
+ min-height: 32px; }
+ .budgie-panel .end-region {
+ background-color: rgba(0, 0, 0, 0.3);
+ border-radius: 0px; }
+ .budgie-panel .end-region separator {
+ background-color: rgba(255, 255, 255, 0.15); }
+ .budgie-panel .end-region label {
+ font-weight: 700;
+ color: white; }
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+ border-radius: 0;
+ border: none;
+ background-image: radial-gradient(circle farthest-corner at center, alpha(#eeeeec,0) 100%, transparent 0%), image(alpha(#eeeeec,0));
+ background-position: center center; }
+ .budgie-panel button.flat.launcher > image {
+ opacity: 0.87; }
+ .budgie-panel button.flat.launcher:hover {
+ -gtk-icon-effect: highlight; }
+ .budgie-panel button.flat.launcher:hover > image {
+ opacity: 1.0; }
+ .budgie-panel button.flat.launcher:active > image {
+ opacity: 1.0; }
+ .budgie-panel button.flat.launcher:checked {
+ background-color: transparent; }
+ .budgie-panel button.flat.launcher:checked:hover {
+ -gtk-icon-effect: highlight; }
+ .budgie-panel button.flat.launcher:checked > image {
+ opacity: 1.0; }
+
+.budgie-panel .unpinned button.flat.launcher:hover,
+.budgie-panel .pinned button.flat.launcher.running:hover {
+ -gtk-icon-effect: highlight; }
+
+.budgie-panel .unpinned button.flat.launcher > image,
+.budgie-panel .pinned button.flat.launcher.running > image {
+ background-size: 2px 2px;
+ background-repeat: no-repeat;
+ opacity: 1.0; }
+
+.budgie-panel .unpinned button.flat.launcher:hover > image, .budgie-panel .unpinned button.flat.launcher:active > image, .budgie-panel .unpinned button.flat.launcher:checked > image,
+.budgie-panel .pinned button.flat.launcher.running:hover > image,
+.budgie-panel .pinned button.flat.launcher.running:active > image,
+.budgie-panel .pinned button.flat.launcher.running:checked > image {
+ background-image: none; }
+
+.top .budgie-panel button#tasklist-button:hover,
+.top .budgie-panel button.flat.launcher:hover {
+ box-shadow: inset 0 2px alpha(#eeeeec,0.4);
+ background-color: rgba(238, 238, 236, 0.4);
+ border: none; }
+
+.top .budgie-panel button#tasklist-button:active, .top .budgie-panel button#tasklist-button:checked,
+.top .budgie-panel button.flat.launcher:active,
+.top .budgie-panel button.flat.launcher:checked {
+ box-shadow: inset 0 2px #962ac3; }
+
+.top .budgie-panel .unpinned button.flat.launcher > image,
+.top .budgie-panel .pinned button.flat.launcher.running > image {
+ background-image: image(#962ac3);
+ background-position: top center; }
+
+.top .budgie-panel .unpinned button.flat.launcher:hover, .top .budgie-panel .unpinned button.flat.launcher:active, .top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:hover,
+.top .budgie-panel .pinned button.flat.launcher.running:active,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+ box-shadow: inset 0 2px #962ac3; }
+
+.bottom .budgie-panel button#tasklist-button:hover,
+.bottom .budgie-panel button.flat.launcher:hover {
+ box-shadow: inset 0 -2px alpha(#eeeeec,0.4);
+ background-color: rgba(238, 238, 236, 0.4);
+ border: none; }
+
+.bottom .budgie-panel button#tasklist-button:active, .bottom .budgie-panel button#tasklist-button:checked,
+.bottom .budgie-panel button.flat.launcher:active,
+.bottom .budgie-panel button.flat.launcher:checked {
+ box-shadow: inset 0 -2px #962ac3; }
+
+.bottom .budgie-panel .unpinned button.flat.launcher > image,
+.bottom .budgie-panel .pinned button.flat.launcher.running > image {
+ background-image: image(#962ac3);
+ background-position: bottom center; }
+
+.bottom .budgie-panel .unpinned button.flat.launcher:hover, .bottom .budgie-panel .unpinned button.flat.launcher:active, .bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:hover,
+.bottom .budgie-panel .pinned button.flat.launcher.running:active,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+ box-shadow: inset 0 -2px #962ac3; }
+
+.left .budgie-panel button#tasklist-button:hover,
+.left .budgie-panel button.flat.launcher:hover {
+ box-shadow: inset 2px 0 alpha(#eeeeec,0.4);
+ background-color: rgba(238, 238, 236, 0.4);
+ border: none; }
+
+.left .budgie-panel button#tasklist-button:active, .left .budgie-panel button#tasklist-button:checked,
+.left .budgie-panel button.flat.launcher:active,
+.left .budgie-panel button.flat.launcher:checked {
+ box-shadow: inset 2px 0 #962ac3; }
+
+.left .budgie-panel .unpinned button.flat.launcher > image,
+.left .budgie-panel .pinned button.flat.launcher.running > image {
+ background-image: image(#962ac3);
+ background-position: left center; }
+
+.left .budgie-panel .unpinned button.flat.launcher:hover, .left .budgie-panel .unpinned button.flat.launcher:active, .left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:hover,
+.left .budgie-panel .pinned button.flat.launcher.running:active,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+ box-shadow: inset 2px 0 #962ac3; }
+
+.right .budgie-panel button#tasklist-button:hover,
+.right .budgie-panel button.flat.launcher:hover {
+ box-shadow: inset -2px 0 alpha(#eeeeec,0.4);
+ background-color: rgba(238, 238, 236, 0.4);
+ border: none; }
+
+.right .budgie-panel button#tasklist-button:active, .right .budgie-panel button#tasklist-button:checked,
+.right .budgie-panel button.flat.launcher:active,
+.right .budgie-panel button.flat.launcher:checked {
+ box-shadow: inset -2px 0 #962ac3; }
+
+.right .budgie-panel .unpinned button.flat.launcher > image,
+.right .budgie-panel .pinned button.flat.launcher.running > image {
+ background-image: image(#962ac3);
+ background-position: right center; }
+
+.right .budgie-panel .unpinned button.flat.launcher:hover, .right .budgie-panel .unpinned button.flat.launcher:active, .right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:hover,
+.right .budgie-panel .pinned button.flat.launcher.running:active,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+ box-shadow: inset -2px 0 #962ac3; }
+
+.top .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, alpha(#000000,0.23), alpha(#000000,0.08), transparent); }
+
+.bottom .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to top, alpha(#000000,0.23), alpha(#000000,0.08), transparent); }
+
+.left .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to right, alpha(#000000,0.23), alpha(#000000,0.08), transparent); }
+
+.right .shadow-block {
+ background-color: transparent;
+ background-image: linear-gradient(to left, alpha(#000000,0.23), alpha(#000000,0.08), transparent); }
+
+.budgie-popover {
+ border-style: none;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.28);
+ border-radius: 6px;
+ box-shadow: 0 3px 4px rgba(0, 0, 0, 0.28);
+ background-color: #23252e; }
+ .budgie-popover .container {
+ padding: 2px; }
+ .budgie-popover border {
+ border: none; }
+ .budgie-popover list {
+ background-color: transparent; }
+ .budgie-popover row {
+ padding: 0; }
+ .budgie-popover row:hover {
+ box-shadow: none; }
+ .budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
+ min-height: 28px;
+ padding: 0 8px;
+ color: #eeeeec;
+ font-weight: normal; }
+ .budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
+ color: #888a8d; }
+ .budgie-popover.budgie-menu .container {
+ padding: 0; }
+ .budgie-popover.user-menu .container {
+ padding: 8px; }
+ .budgie-popover.user-menu separator {
+ margin: 4px 0; }
+ .budgie-popover.sound-popover separator {
+ margin: 3px 0; }
+ .budgie-popover.night-light-indicator .container {
+ padding: 8px; }
+ .budgie-popover.places-menu .container {
+ padding: 8px; }
+ .budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 4px;
+ padding-top: 4px;
+ border-top: 1px solid #13151a; }
+ .budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px; }
+ .budgie-popover.workspace-popover .container {
+ padding: 2px 8px 8px; }
+ .budgie-popover.workspace-popover separator {
+ margin: 4px 0; }
+ .budgie-popover.workspace-popover flowboxchild {
+ padding: 0; }
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(35, 37, 46, 0.8); }
+ .top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+ border-left-width: 1px; }
+ .top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+ border-right-width: 1px; }
+ .left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+ border-top-width: 1px; }
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+ border: 0 solid rgba(24, 26, 32, 0.8); }
+ .top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px; }
+ .top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px; }
+ .left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px; }
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: rgba(24, 26, 32, 0.8); }
+
+.workspace-switcher .workspace-add-button:hover {
+ box-shadow: none; }
+
+.workspace-switcher .workspace-add-button:active {
+ background-image: none; }
+
+.workspace-switcher .workspace-add-button:active image {
+ margin: 1px 0 -1px; }
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 6px; }
+
+.budgie-menu.background {
+ padding: 0;
+ background-color: #272a34; }
+
+.budgie-menu scrollbar,
+.budgie-menu entry.search {
+ background-color: transparent; }
+
+.budgie-menu entry.search {
+ border-style: none;
+ border-bottom: 1px solid #13151a;
+ border-radius: 999px;
+ box-shadow: none;
+ font-size: 120%;
+ padding-top: 6px;
+ padding-bottom: 6px; }
+
+.budgie-menu button {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 0;
+ color: #eeeeec;
+ font-weight: normal; }
+
+.budgie-menu row {
+ padding: 0; }
+ .budgie-menu row:hover {
+ box-shadow: none; }
+
+button.budgie-menu-launcher {
+ color: white;
+ border: none; }
+ button.budgie-menu-launcher:hover {
+ background-color: rgba(238, 238, 236, 0.4);
+ border: none; }
+
+popover.background.user-menu {
+ padding: 8px; }
+ popover.background.user-menu .content-box {
+ background-color: transparent; }
+ popover.background.user-menu separator {
+ margin: 4px 0; }
+ popover.background.user-menu row {
+ padding: 0;
+ box-shadow: none;
+ background-image: none; }
+
+button.raven-trigger {
+ color: white;
+ border: none; }
+ button.raven-trigger:hover {
+ background-color: rgba(238, 238, 236, 0.4);
+ border: none; }
+
+popover.background.places-menu {
+ padding: 8px; }
+ popover.background.places-menu .name-button.text-button {
+ padding-left: 8px;
+ padding-right: 8px; }
+ popover.background.places-menu .name-button.text-button image:dir(ltr) {
+ margin-right: 3px; }
+ popover.background.places-menu .name-button.text-button image:dir(rtl) {
+ margin-left: 3px; }
+ popover.background.places-menu .places-section-header > image:dir(ltr) {
+ margin: 0 -2px 0 5px; }
+ popover.background.places-menu .places-section-header > image:dir(rtl) {
+ margin: 0 5px 0 -2px; }
+ popover.background.places-menu .places-list {
+ margin-top: 4px;
+ padding-top: 4px;
+ border-top: 1px solid #13151a;
+ background-color: transparent; }
+ popover.background.places-menu row {
+ padding: 0;
+ box-shadow: none;
+ background-image: none; }
+
+frame.raven-frame > border {
+ border-style: none;
+ box-shadow: none; }
+
+.raven {
+ background-color: #23252e;
+ color: #eeeeec;
+ padding: 6px 0 0 0;
+ border: none; }
+ .raven .raven-header {
+ min-height: 32px;
+ padding: 3px; }
+ .raven .raven-header.top {
+ padding: 2px 0;
+ background-color: #23252e;
+ color: #eeeeec; }
+ .raven .raven-header.top stackswitcher button {
+ margin: -6px 0;
+ min-height: 32px; }
+ .raven .raven-header.bottom {
+ border-top: 1px solid #13151a; }
+ .raven viewport.frame .raven-header {
+ margin-top: -8px; }
+ .raven .raven-background {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: #13151a;
+ background-color: #272a34; }
+ .raven scrolledwindow.raven-background {
+ border-bottom-style: none; }
+ .raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 10px; }
+ .raven .option-subtitle {
+ font-size: smaller; }
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent; }
+ calendar.raven-calendar:selected {
+ border-radius: 6px;
+ background-color: #23252e; }
+
+.raven-mpris {
+ background-color: rgba(35, 37, 46, 0.8);
+ color: #eeeeec; }
+ .raven-mpris label {
+ min-height: 24px; }
+
+.budgie-notification-window, .budgie-osd-window {
+ background-color: transparent;
+ color: white;
+ border-radius: 6px; }
+ .budgie-notification-window .drop-shadow, .budgie-osd-window .drop-shadow {
+ background-color: #303340; }
+
+.budgie-notification, .budgie-switcher, .budgie-switcher-window, .budgie-osd {
+ background-color: #303340;
+ color: white; }
+ .budgie-notification .notification-title, .budgie-switcher .notification-title, .budgie-switcher-window .notification-title, .budgie-osd .notification-title {
+ font-size: 110%;
+ color: white; }
+ .budgie-notification .notification-body, .budgie-switcher .notification-body, .budgie-switcher-window .notification-body, .budgie-osd .notification-body {
+ color: white; }
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%; }
+
+.budgie-switcher-window .drop-shadow {
+ margin: 8px 8px 16px;
+ border-radius: 6px;
+ background-color: #303340;
+ box-shadow: rgba(0, 0, 0, 0.28); }
+ .budgie-switcher-window .drop-shadow label.budgie-switcher-title {
+ color: white; }
+ .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(ltr) {
+ padding: 0 0 0 6px; }
+ .budgie-switcher-window .drop-shadow label.budgie-switcher-title:dir(rtl) {
+ padding: 0 6px 0 0; }
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 2px;
+ box-shadow: none;
+ background-color: #23252e; }
+
+.budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog {
+ border-radius: 6px;
+ background-color: #23252e; }
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title {
+ font-size: 120%; }
+
+.budgie-session-dialog .linked.horizontal > button {
+ padding: 8px 16px;
+ border-top: 1px solid #13151a;
+ border-radius: 6px; }
+ .budgie-session-dialog .linked.horizontal > button:first-child {
+ border-bottom-left-radius: 2px; }
+ .budgie-session-dialog .linked.horizontal > button:last-child {
+ border-bottom-right-radius: 2px; }
+
+.budgie-polkit-dialog .message {
+ color: #eeeeec; }
+
+.budgie-polkit-dialog .failure {
+ color: #a61414; }
+
+.budgie-run-dialog {
+ background-color: #272a34;
+ border-style: none; }
+ .budgie-run-dialog entry.search {
+ font-size: 120%;
+ box-shadow: none;
+ background-color: transparent;
+ border-style: none;
+ border-bottom: 1px solid #13151a;
+ border-radius: 0;
+ padding-top: 6px;
+ padding-bottom: 6px; }
+ .budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator,
+ .budgie-run-dialog list headerbar .subtitle,
+ headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-osd .notification-body, .budgie-osd .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher-window .notification-body, .budgie-switcher-window .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
+ opacity: 1; }
+ .budgie-run-dialog scrolledwindow {
+ border-top: 1px solid #13151a; }
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #eeeeec;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color white;
+/*
+widget base background color */
+@define-color theme_bg_color #23252e;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #272a34;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #962ac3;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #ffffff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #242731;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #888a8d;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #272a34;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #888a8d;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color white;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #23252e;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292c37;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #962ac3;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #ffffff;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #43495a;
+/*
+widgets main borders color */
+@define-color borders #13151a;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #13151a;
+/*
+these are pretty self explicative */
+@define-color warning_color #fd7d00;
+@define-color error_color #bf1717;
+@define-color success_color #308e63;
+/*
+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... */
+@define-color wm_title shade(#eeeeec, 1.8);
+@define-color wm_unfocused_title #888a8d;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(238, 238, 236, 0.07);
+@define-color wm_bg_a shade(#23252e, 1.2);
+@define-color wm_bg_b #23252e;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#23252e, 1.3);
+@define-color wm_button_hover_color_b #23252e;
+@define-color wm_button_active_color_a shade(#23252e, 0.85);
+@define-color wm_button_active_color_b shade(#23252e, 0.89);
+@define-color wm_button_active_color_c shade(#23252e, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #272a34;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1a1c23;
+.open-document-selector-treeview:hover {
+ background-color: alpha(@theme_fg_color, 0.05);
+}
+
+.open-document-selector-treeview:selected:hover {
+ background-color: @theme_selected_bg_color;
+}
+
+/* Only normal state is handle */
+.open-document-selector-name-label {
+ color: @theme_fg_color;
+}
+
+/* Only normal state is handle */
+.open-document-selector-path-label {
+ color: @theme_unfocused_fg_color;
+ font-size: smaller;
+}
+
+/* Only normal state is handle */
+.open-document-selector-match {
+ color: shade (@theme_fg_color, 0.6);
+ background-color: alpha(@warning_color, 0.4);
+}
+
+.gedit-document-panel {
+ background-color: @sidebar_bg;
+}
+
+.gedit-document-panel:backdrop {
+ color: #b0b2b2;
+}
+
+.gedit-document-panel row:selected:backdrop {
+ background-color: #8b8e8f;
+}
+
+.gedit-document-panel-group-row,
+.gedit-document-panel-group-row:hover {
+ border-top: 1px solid alpha(currentColor, 0.3);
+}
+
+.gedit-document-panel-group-row:first-child,
+.gedit-document-panel-group-row:first-child:hover {
+ border-top: 0px;
+}
+
+/* Try to look as the notebook tab close button */
+.gedit-document-panel row button.flat {
+ padding: 0;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ min-width: 18px;
+ min-height: 18px;
+ color: alpha(currentColor,0.3);
+}
+
+.gedit-document-panel row:hover button.flat {
+ color: alpha(currentColor,0.5);
+}
+
+.gedit-document-panel row button.flat:hover {
+ color: @theme_fg_color;
+}
+
+statusbar {
+ border-top: 1px solid @borders;
+}
+
+.gedit-search-slider {
+ background-color: @theme_base_color;
+ padding: 6px;
+ border-color: @borders;
+ border-radius: 0 0 3px 3px;
+ border-width: 0 1px 1px 1px;
+ border-style: solid;
+}
+
+.gedit-search-entry-occurrences-tag {
+ background-color: @theme_base_color;
+ background-image: none;
+ color: shade (@theme_unfocused_fg_color, 0.8);
+ border: 0px;
+ margin: 2px;
+ padding: 2px;
+}
+.nautilus-window,
+.nautilus-window notebook,
+.nautilus-window notebook > stack {
+ background: @theme_base_color;
+}
+
+.nautilus-empty-state-icon {
+ opacity: 0.50;
+}
+
+.nautilus-canvas-item {
+ border-radius: 5px;
+}
+
+.nautilus-canvas-item.thumbnail {
+ -gtk-icon-shadow: 0px 1px 2px @borders,
+ 1px 0px 0px alpha(@borders, 0.25),
+ -1px 0px 0px alpha(@borders, 0.25),
+ 0px 2px 0px alpha(@borders, 0.5);
+}
+
+.nautilus-canvas-item.dim-label {
+ color: mix (@theme_fg_color, @theme_bg_color, 0.50);
+}
+
+.nautilus-canvas-item.dim-label:selected {
+ color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
+}
+
+/* Toolbar */
+
+/* Here we use the .button background-image colors from Adwaita, but ligthen them,
+ * since is not possible to use lighten () in common css. */
+@keyframes needs_attention_keyframes {
+ 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
+ /* can't do animation-direction, so holding the color on two keyframes */
+ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
+ 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
+ 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: needs_attention_keyframes 2s ease-in-out;
+}
+.nautilus-operations-button-needs-attention-multiple {
+ animation: needs_attention_keyframes 3s ease-in-out;
+ animation-iteration-count: 3;
+}
+
+/* Remove white background and highlight on hover which GTK adds by default
+ * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */
+.operations-list,
+.operations-list > :hover {
+ background: none;
+}
+
+.disclosure-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/* Path bar */
+
+.nautilus-path-bar scrolledwindow {
+ border-radius: 5px 0px 0px 5px;
+ border: 1px @borders solid;
+ border-right-width: 0px;
+ background-color: @theme_bg_color;
+}
+.nautilus-path-bar scrolledwindow undershoot.left {
+ border-radius: 5px 0px 0px 5px;
+ background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px);
+}
+.nautilus-path-bar scrolledwindow undershoot.right {
+ background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px);
+}
+
+.nautilus-path-bar > button,
+.path-buttons-box button {
+ margin: 0px;
+}
+
+.path-buttons-box button {
+ background-image: none;
+ box-shadow: none;
+ border-radius: 5px;
+ border-width: 0px;
+ -gtk-icon-shadow: none;
+}
+
+.path-buttons-box button:not(.current-dir):not(:backdrop):hover {
+ background: alpha(@theme_fg_color, 0.15);
+ box-shadow: inset 0 0 0 2px @theme_bg_color;
+}
+
+.path-buttons-box button:not(.current-dir):not(:backdrop):hover * {
+ opacity: 1;
+}
+
+/* Make the tags fit into the box */
+entry.search > * {
+ margin: 5px;
+}
+
+/* Sidebar */
+
+.nautilus-window .sidebar-row:selected {
+ background: mix(@theme_bg_color, @theme_fg_color, 0.07);
+}
+
+.nautilus-window .sidebar-row:selected,
+.nautilus-window .sidebar-row:selected image,
+.nautilus-window .sidebar-row:selected label {
+ color: mix(@theme_fg_color, @theme_text_color, 0.5);
+}
+
+.nautilus-window .sidebar-row:selected:backdrop {
+ background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
+}
+
+.nautilus-window .sidebar-row:selected:backdrop,
+.nautilus-window .sidebar-row:selected:backdrop label {
+ color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
+}
+
+/* Floating status bar */
+.floating-bar {
+ padding: 1px;
+ background-color: @theme_base_color;
+ border-width: 1px;
+ border-style: solid solid none;
+ border-color: @borders;
+ border-radius: 8px 8px 0 0;
+}
+
+.floating-bar.bottom.left { /* axes left border and border radius */
+ border-left-style: none;
+ border-top-left-radius: 0;
+}
+.floating-bar.bottom.right { /* axes right border and border radius */
+ border-right-style: none;
+ border-top-right-radius: 0;
+}
+
+.floating-bar:backdrop {
+ background-color: @theme_unfocused_base_color;
+ border-color: @unfocused_borders;
+}
+
+.floating-bar button {
+ padding: 0px;
+}
+
+@define-color disk_space_unknown #888a85;
+@define-color disk_space_used #729fcf;
+@define-color disk_space_free #eeeeec;
+
+.disk-space-display {
+ border-style: solid;
+ border-width: 2px;
+}
+
+.disk-space-display.unknown {
+ background-color: @disk_space_unknown;
+ border-color: shade(@disk_space_unknown, 0.7);
+ color: @disk_space_unknown;
+}
+.disk-space-display.unknown.border {
+ color: shade(@disk_space_unknown, 0.7);
+}
+
+.disk-space-display.used {
+ background-color: @disk_space_used;
+ border-color: shade(@disk_space_used, 0.7);
+ color: @disk_space_used;
+}
+.disk-space-display.used.border {
+ color: shade(@disk_space_used, 0.7);
+}
+
+.disk-space-display.free {
+ background-color: @disk_space_free;
+ border-color: shade(@disk_space_free, 0.7);
+ color: @disk_space_free;
+}
+.disk-space-display.free.border {
+ color: shade(@disk_space_free, 0.7);
+}
+
+/* As a workaround for GtkTreeView showing thick border above first row when
+ * horizontal grid lines are enabled, we add them using CSS instead. Exclude the
+ * drop targets to let through the default feedback style. */
+.nautilus-list-view .view:not(:drop(active)) {
+ border-bottom: 1px solid @theme_bg_color;
+}
+
+.nautilus-list-view.thumbnail {
+ -gtk-icon-shadow: 0px 1px 2px @borders,
+ 1px 0px 0px alpha(@borders, 0.25),
+ -1px 0px 0px alpha(@borders, 0.25),
+ 0px 2px 0px alpha(@borders, 0.5);
+}
+
+.search-information {
+ background-color: @theme_selected_bg_color;
+ color:white;
+ padding:2px;
+}
+
+@define-color conflict_bg #fef6b6;
+
+.conflict-row {
+ background: @conflict_bg;
+ color: black;
+}
+
+.conflict-row:hover {
+ background-color: shade(@conflict_bg, 0.9);
+}
+
+.conflict-row:selected {
+ background: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+/* Icon view */
+flowbox {
+ padding: 18px
+}
+
+flowboxchild {
+ padding: 0px;
+}
+
+flowboxchild:selected {
+ background-color:transparent;
+ outline-color: transparent;
+}
+
+flowboxchild .thumbnail {
+ margin: 4px;
+ box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5),
+ 0px 0px 0px 1px alpha(@borders, 0.5),
+ 0px 2px 0px 0px alpha(@borders, 0.5);
+ border-radius: 2px;
+}
+
+.icon-ui-labels-box {
+ padding: 2px 4px;
+ border-radius: 4px;
+}
+
+flowboxchild:selected .icon-ui-labels-box {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color;
+}
+
+flowboxchild:selected image {
+ -gtk-icon-effect: dim; /* GTK 3 only */
+ /* GTK 4 TODO: Replace previous line with the following one:
+ -gtk-icon-filter: opacity(0.5);
+ */
+ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color;
+}
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/thumbnail.png b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/thumbnail.png
new file mode 100644
index 0000000..390ddce
Binary files /dev/null and b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-3.0/thumbnail.png differ
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-4.0/assets b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-4.0/assets
new file mode 120000
index 0000000..fb2256c
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-4.0/assets
@@ -0,0 +1 @@
+../gtk-3.0/assets
\ No newline at end of file
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-4.0/gtk-dark.css b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-4.0/gtk-dark.css
new file mode 120000
index 0000000..78c9d4e
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-4.0/gtk-dark.css
@@ -0,0 +1 @@
+gtk.css
\ No newline at end of file
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/gtk-4.0/gtk.css b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-4.0/gtk.css
new file mode 100644
index 0000000..2444cae
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/gtk-4.0/gtk.css
@@ -0,0 +1,5345 @@
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+/***************
+ * Base States *
+ ***************/
+.background {
+ color: #eeeeec;
+ background-color: #23252e; }
+ .background:backdrop {
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+dnd {
+ color: #eeeeec; }
+
+.normal-icons {
+ -gtk-icon-size: 16px; }
+
+.large-icons {
+ -gtk-icon-size: 32px; }
+
+image:disabled {
+ -gtk-icon-filter: opacity(0.5); }
+
+.view, iconview,
+textview > text {
+ color: white;
+ background-color: #272a34; }
+ .view:disabled, iconview:disabled,
+ textview > text:disabled {
+ color: #888a8d;
+ background-color: #242731; }
+ .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
+ textview > text:selected:focus,
+ textview > text:selected {
+ border-radius: 3px; }
+
+textview > text > selection {
+ background-color: rgba(119, 119, 119, 0.5); }
+ textview > text > selection:focus-within {
+ background-color: #962ac3; }
+
+textview:drop(active) {
+ caret-color: #19a187; }
+
+textview > border {
+ background-color: #252831; }
+
+iconview {
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ iconview {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ iconview:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ iconview:drop(active) {
+ box-shadow: none; }
+ iconview > dndtarget:drop(active) {
+ border-style: solid;
+ border-width: 1px;
+ border-color: #350f45; }
+
+rubberband, .content-view > rubberband, columnview.view > rubberband,
+treeview.view > rubberband, gridview > rubberband, flowbox > rubberband {
+ border: 1px solid #762199;
+ background-color: rgba(118, 33, 153, 0.2); }
+
+flowbox > flowboxchild {
+ padding: 3px;
+ transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ flowbox > flowboxchild {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ flowbox > flowboxchild:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ flowbox > flowboxchild:selected {
+ outline-color: rgba(255, 255, 255, 0.3); }
+
+gridview > child {
+ padding: 3px;
+ transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ gridview > child {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ gridview > child:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ gridview > child:selected {
+ outline-color: rgba(255, 255, 255, 0.3); }
+ gridview > child box {
+ border-spacing: 8px;
+ margin: 12px; }
+
+coverflow cover {
+ color: white;
+ background-color: #272a34;
+ border: 1px solid black; }
+
+label {
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ label {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ label:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ label > selection {
+ background-color: rgba(119, 119, 119, 0.5);
+ color: #ffffff; }
+ label > selection:focus-within {
+ background-color: #962ac3; }
+ label:disabled {
+ color: #888a8d; }
+ button label:disabled {
+ color: inherit; }
+ label.error {
+ color: #bf1717; }
+ label.error:disabled {
+ color: rgba(191, 23, 23, 0.5); }
+
+.dim-label, .titlebar:not(headerbar) .subtitle,
+headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder,
+entry > text > placeholder, label.separator {
+ opacity: 0.55;
+ text-shadow: none; }
+
+window.assistant .sidebar {
+ padding: 5px;
+ border-top: 1px solid #13151a; }
+
+window.assistant.csd .sidebar {
+ border-top-style: none; }
+
+window.assistant .sidebar > label {
+ padding: 6px 12px; }
+
+window.assistant .sidebar > label.highlight {
+ background-color: #3b3e46;
+ border-radius: 5px; }
+
+window.aboutdialog image.large-icons {
+ -gtk-icon-size: 128px; }
+
+.osd .scale-popup, .app-notification, .osd popover.background > arrow,
+.osd popover.background > contents, popover.background.touch-selection > arrow,
+popover.background.touch-selection > contents, popover.background.magnifier > arrow,
+popover.background.magnifier > contents,
+.osd {
+ color: white;
+ border: none;
+ background-color: #303340;
+ background-clip: padding-box;
+ -gtk-icon-shadow: 0 1px black; }
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+ to {
+ transform: rotate(1turn); } }
+
+spinner {
+ background: none;
+ opacity: 0;
+ -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
+ spinner:checked {
+ opacity: 1;
+ animation: spin 1s linear infinite; }
+ spinner:checked:disabled {
+ opacity: 0.5; }
+
+/**********************
+ * General Typography *
+ **********************/
+.large-title {
+ font-weight: 300;
+ font-size: 24pt; }
+
+.title-1 {
+ font-weight: 800;
+ font-size: 20pt; }
+
+.title-2 {
+ font-weight: 800;
+ font-size: 15pt; }
+
+.title-3 {
+ font-weight: 700;
+ font-size: 15pt; }
+
+.title-4 {
+ font-weight: 700;
+ font-size: 13pt; }
+
+.heading {
+ font-weight: 700;
+ font-size: 11pt; }
+
+.body {
+ font-weight: 400;
+ font-size: 11pt; }
+
+.caption-heading {
+ font-weight: 700;
+ font-size: 9pt; }
+
+.caption {
+ font-weight: 400;
+ font-size: 9pt; }
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton.vertical > text, spinbutton:not(.vertical),
+entry {
+ min-height: 32px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: 1px solid;
+ border-radius: 4px;
+ border-spacing: 6px;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ color: white;
+ border-color: #13151a;
+ background-color: #272a34;
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ spinbutton.vertical > text, spinbutton:not(.vertical),
+ entry {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical),
+ entry:focus-within {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left,
+ entry > image.left {
+ margin-right: 6px; }
+ spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right,
+ entry > image.right {
+ margin-left: 6px; }
+ spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor,
+ entry > text > block-cursor {
+ color: #272a34;
+ background-color: white; }
+ spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical),
+ entry.flat:focus-within,
+ entry.flat:backdrop,
+ entry.flat:disabled,
+ entry.flat {
+ min-height: 0;
+ padding: 2px;
+ background-color: transparent;
+ border-color: transparent;
+ border-radius: 0; }
+ spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder,
+ entry:focus-within > placeholder {
+ opacity: 0;
+ /* We hide placeholders on focus */ }
+ spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical),
+ entry:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-color: #242731; }
+ spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection,
+ entry > text > selection {
+ background-color: rgba(119, 119, 119, 0.5);
+ color: transparent; }
+ spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within,
+ entry > text > selection:focus-within {
+ background-color: #962ac3;
+ color: #ffffff; }
+ spinbutton.vertical > text.error, spinbutton.error:not(.vertical),
+ entry.error {
+ color: #bf1717;
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ spinbutton.vertical > text.error, spinbutton.error:not(.vertical),
+ entry.error {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical),
+ entry.error:focus-within {
+ outline-color: rgba(191, 23, 23, 0.5);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection,
+ entry.error > selection {
+ background-color: #bf1717; }
+ spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical),
+ entry.warning {
+ color: #fd7d00;
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical),
+ entry.warning {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical),
+ entry.warning:focus-within {
+ outline-color: rgba(253, 125, 0, 0.5);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection,
+ entry.warning > selection {
+ background-color: #fd7d00; }
+ spinbutton.vertical > text > image, spinbutton:not(.vertical) > image,
+ entry > image {
+ color: #c6c7c7; }
+ spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover,
+ entry > image:hover {
+ color: #eeeeec; }
+ spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active,
+ entry > image:active {
+ color: #962ac3; }
+ spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator,
+ entry.password image.caps-lock-indicator {
+ color: #75777c; }
+ spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical),
+ entry:drop(active):focus-within,
+ entry:drop(active) {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 1px #19a187; }
+ .osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry {
+ color: white;
+ border-color: black;
+ background-color: rgba(0, 0, 0, 0.5);
+ background-clip: padding-box;
+ box-shadow: none;
+ -gtk-icon-shadow: 0 1px black; }
+ .osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within {
+ color: white;
+ border-color: #962ac3;
+ background-color: rgba(0, 0, 0, 0.5);
+ background-clip: padding-box; }
+ .osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: rgba(68, 72, 83, 0.5);
+ background-clip: padding-box; }
+
+spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress,
+entry > progress {
+ margin-bottom: 2px; }
+
+spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress,
+entry progress > trough > progress {
+ background-color: transparent;
+ background-image: none;
+ border-radius: 0;
+ border-width: 0 0 2px;
+ border-color: #962ac3;
+ border-style: solid;
+ box-shadow: none; }
+
+spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry {
+ border-left-color: #19a187; }
+
+spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
+ border-top-color: #21242c; }
+
+spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled {
+ border-top-color: #21242c; }
+
+spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
+spinbutton.vertical.linked > text + entry:drop(active):not(:only-child),
+.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical),
+.linked.vertical > entry + entry:drop(active):not(:only-child) {
+ border-top-color: #19a187; }
+
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry,
+.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry,
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + button,
+.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button,
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button,
+.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button,
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button,
+.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button,
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button,
+.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button,
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button,
+.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button,
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button,
+.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button,
+spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo,
+.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical),
+.linked.vertical > entry:drop(active):not(:only-child) + entry,
+.linked.vertical > entry:drop(active):not(:only-child) + button,
+.linked.vertical > entry:drop(active):not(:only-child) + menubutton > button,
+.linked.vertical > entry:drop(active):not(:only-child) + dropdown > button,
+.linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button,
+.linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button,
+.linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button,
+.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo {
+ border-top-color: #19a187; }
+
+spinbutton.vertical > text.error, spinbutton.error:not(.vertical),
+entry.error {
+ color: #bf1717; }
+
+treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) {
+ background-color: #272a34;
+ transition-property: color, background; }
+
+treeview entry.flat, treeview entry {
+ border-radius: 0;
+ background-image: none;
+ background-color: #272a34; }
+ treeview entry.flat:focus-within, treeview entry:focus-within {
+ border-color: #962ac3; }
+
+/*******************
+ * Editable Labels *
+ *******************/
+editablelabel > stack > text {
+ color: white;
+ border-color: #13151a;
+ background-color: #272a34; }
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs_attention {
+ from {
+ background-image: radial-gradient(farthest-side, #b75ddc 0%, rgba(183, 93, 220, 0) 0%); }
+ to {
+ background-image: radial-gradient(farthest-side, #b75ddc 95%, rgba(183, 93, 220, 0)); } }
+
+notebook > header > tabs > arrow, windowcontrols button,
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 9px;
+ border: 1px solid;
+ border-radius: 4px;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ color: #eeeeec;
+ outline-color: rgba(150, 42, 195, 0.7);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ notebook > header > tabs > arrow, windowcontrols button,
+ button {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ notebook > header > tabs > arrow:focus:focus-visible,
+ button:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ notebook > header > tabs > arrow:hover,
+ button:hover {
+ color: #eeeeec;
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none;
+ -gtk-icon-filter: brightness(1.2); }
+ notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked,
+ button.keyboard-activating,
+ button:active,
+ button:checked {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: linear-gradient(to right, #9c2ccb, #9028bb);
+ box-shadow: 0 2px 4px rgba(150, 42, 195, 0.25);
+ transition-duration: 50ms; }
+ notebook > header > tabs > arrow:checked:hover,
+ button:checked:hover {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: image(#962ac3);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:checked:active,
+ button:checked:active {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: image(#8c27b6);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:backdrop,
+ button:backdrop.flat,
+ button:backdrop {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ transition: 200ms ease-out; }
+ notebook > header > tabs > arrow:backdrop:not(:disabled),
+ button:backdrop.flat:not(:disabled),
+ button:backdrop:not(:disabled) {
+ -gtk-icon-filter: none; }
+ notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked,
+ button:backdrop.flat:active,
+ button:backdrop.flat:checked,
+ button:backdrop:active,
+ button:backdrop:checked {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: image(#7f29a5);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:backdrop:disabled,
+ button:backdrop.flat:disabled,
+ button:backdrop:disabled {
+ color: #43495a;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked,
+ button:backdrop.flat:disabled:active,
+ button:backdrop.flat:disabled:checked,
+ button:backdrop:disabled:active,
+ button:backdrop:disabled:checked {
+ color: #43495a;
+ border-color: #13151a;
+ background-image: image(#1a1d23);
+ box-shadow: none; }
+ notebook > header > tabs > arrow:disabled,
+ button:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none;
+ -gtk-icon-filter: opacity(0.5); }
+ notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked,
+ button:disabled:active,
+ button:disabled:checked {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#16181d);
+ box-shadow: none; }
+ button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, .toolbar > button,
+ .toolbar > :not(.linked) > button,
+ .toolbar :not(.linked) > menubutton > button,
+ .toolbar :not(.linked) > scalebutton > button,
+ .toolbar :not(.linked) > dropdown > button,
+ .toolbar :not(.linked) > colorbutton > button,
+ .toolbar :not(.linked) > fontbutton > button,
+ .toolbar :not(.linked) > appchooserbutton > button,
+ .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat,
+ button.flat {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ transition: none; }
+ button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, .toolbar > button:hover,
+ .toolbar > :not(.linked) > button:hover,
+ .toolbar :not(.linked) > menubutton > button:hover,
+ .toolbar :not(.linked) > scalebutton > button:hover,
+ .toolbar :not(.linked) > dropdown > button:hover,
+ .toolbar :not(.linked) > colorbutton > button:hover,
+ .toolbar :not(.linked) > fontbutton > button:hover,
+ .toolbar :not(.linked) > appchooserbutton > button:hover,
+ .toolbar :not(.linked) > combobox > box > button:hover,
+ button.flat:hover {
+ border-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ background-color: #20232b;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-duration: 500ms; }
+ button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, .toolbar > button.keyboard-activating,
+ .toolbar > :not(.linked) > button.keyboard-activating,
+ .toolbar :not(.linked) > menubutton > button.keyboard-activating,
+ .toolbar :not(.linked) > scalebutton > button.keyboard-activating,
+ .toolbar :not(.linked) > dropdown > button.keyboard-activating,
+ .toolbar :not(.linked) > colorbutton > button.keyboard-activating,
+ .toolbar :not(.linked) > fontbutton > button.keyboard-activating,
+ .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating,
+ .toolbar :not(.linked) > combobox > box > button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, .toolbar > button:active,
+ .toolbar > :not(.linked) > button:active,
+ .toolbar :not(.linked) > menubutton > button:active,
+ .toolbar :not(.linked) > scalebutton > button:active,
+ .toolbar :not(.linked) > dropdown > button:active,
+ .toolbar :not(.linked) > colorbutton > button:active,
+ .toolbar :not(.linked) > fontbutton > button:active,
+ .toolbar :not(.linked) > appchooserbutton > button:active,
+ .toolbar :not(.linked) > combobox > box > button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, .toolbar > button:checked,
+ .toolbar > :not(.linked) > button:checked,
+ .toolbar :not(.linked) > menubutton > button:checked,
+ .toolbar :not(.linked) > scalebutton > button:checked,
+ .toolbar :not(.linked) > dropdown > button:checked,
+ .toolbar :not(.linked) > colorbutton > button:checked,
+ .toolbar :not(.linked) > fontbutton > button:checked,
+ .toolbar :not(.linked) > appchooserbutton > button:checked,
+ .toolbar :not(.linked) > combobox > box > button:checked,
+ button.flat.keyboard-activating,
+ button.flat:active,
+ button.flat:checked {
+ border-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ background-color: #181a20;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, .toolbar > button:backdrop,
+ .toolbar > :not(.linked) > button:backdrop,
+ .toolbar :not(.linked) > menubutton > button:backdrop,
+ .toolbar :not(.linked) > scalebutton > button:backdrop,
+ .toolbar :not(.linked) > dropdown > button:backdrop,
+ .toolbar :not(.linked) > colorbutton > button:backdrop,
+ .toolbar :not(.linked) > fontbutton > button:backdrop,
+ .toolbar :not(.linked) > appchooserbutton > button:backdrop,
+ .toolbar :not(.linked) > combobox > box > button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, .toolbar > button:disabled,
+ .toolbar > :not(.linked) > button:disabled,
+ .toolbar :not(.linked) > menubutton > button:disabled,
+ .toolbar :not(.linked) > scalebutton > button:disabled,
+ .toolbar :not(.linked) > dropdown > button:disabled,
+ .toolbar :not(.linked) > colorbutton > button:disabled,
+ .toolbar :not(.linked) > fontbutton > button:disabled,
+ .toolbar :not(.linked) > appchooserbutton > button:disabled,
+ .toolbar :not(.linked) > combobox > box > button:disabled,
+ button.flat:backdrop,
+ button.flat:disabled,
+ button.flat:backdrop:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none; }
+ notebook > header > tabs > arrow.image-button,
+ button.image-button {
+ min-width: 24px;
+ padding-left: 5px;
+ padding-right: 5px; }
+ notebook > header > tabs > arrow.text-button,
+ button.text-button {
+ padding-left: 16px;
+ padding-right: 16px; }
+ notebook > header > tabs > arrow.text-button.image-button,
+ button.text-button.image-button {
+ padding-left: 8px;
+ padding-right: 8px; }
+ notebook > header > tabs > arrow.text-button.image-button label,
+ button.text-button.image-button label {
+ padding-left: 8px;
+ padding-right: 8px; }
+ notebook > header > tabs > arrow.arrow-button,
+ button.arrow-button {
+ padding-left: 10px;
+ padding-right: 10px; }
+ notebook > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box,
+ button.arrow-button > box {
+ border-spacing: 4px; }
+ dropdown:drop(active) button.combo,
+ combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active),
+ button:drop(active) {
+ color: #19a187;
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 1px #19a187; }
+
+row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
+ color: #ffffff;
+ border-color: transparent; }
+ row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
+ color: #888a8d; }
+
+
+button.osd {
+ min-width: 26px;
+ min-height: 32px;
+ color: white;
+ border-radius: 5px;
+ color: white;
+ outline-color: rgba(150, 42, 195, 0.7);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ border: none;
+ box-shadow: none; }
+
+ button.osd.image-button {
+ min-width: 30px; }
+
+ button.osd.image-button:only-child {
+ margin: 4px;
+ border-radius: 50%;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
+
+ button.osd:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#1a1c23);
+ background-clip: padding-box;
+ border: none;
+ box-shadow: none; }
+
+ button.osd:active,
+ button.osd:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#040405);
+ background-clip: padding-box;
+ box-shadow: none;
+ border: none;
+ box-shadow: none; }
+
+.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button {
+ color: white;
+ outline-color: rgba(150, 42, 195, 0.7);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box; }
+ .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#1a1c23);
+ background-clip: padding-box; }
+ .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#040405);
+ background-clip: padding-box;
+ box-shadow: none; }
+ .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box; }
+ .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ box-shadow: none;
+ -gtk-icon-shadow: 0 1px black; }
+ .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#1a1c23);
+ background-clip: padding-box; }
+ .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ background-image: none;
+ border-color: transparent;
+ box-shadow: none; }
+ .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#040405);
+ background-clip: padding-box;
+ box-shadow: none; }
+
+
+button.suggested-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #8c27b6;
+ background-image: image(#962ac3);
+ box-shadow: none;
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+
+ button.suggested-action {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+
+ button.suggested-action:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.3);
+ outline-width: 2px;
+ outline-offset: -2px; }
+
+ button.suggested-action.flat {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ color: #962ac3; }
+
+ button.suggested-action:hover {
+ color: white;
+ border-color: #762199;
+ background-image: image(#b559db);
+ box-shadow: none; }
+
+ button.suggested-action:active,
+ button.suggested-action:checked {
+ color: white;
+ border-color: #691d88;
+ background-image: linear-gradient(to right, #6f1f91, #621c80);
+ box-shadow: 0 2px 4px rgba(105, 29, 136, 0.25); }
+
+ button.suggested-action.flat:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ color: rgba(150, 42, 195, 0.8); }
+
+ button.suggested-action:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+
+ button.suggested-action:disabled:active,
+ button.suggested-action:disabled:checked {
+ color: #c7a7d5;
+ border-color: #762199;
+ background-image: image(#722495);
+ box-shadow: none; }
+ .osd button.suggested-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(150, 42, 195, 0.5));
+ background-clip: padding-box; }
+ .osd button.suggested-action:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(150, 42, 195, 0.7));
+ background-clip: padding-box; }
+ .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#962ac3);
+ background-clip: padding-box;
+ box-shadow: none; }
+ .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box; }
+
+
+button.destructive-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #991212;
+ background-image: image(#a61414);
+ box-shadow: none;
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+
+ button.destructive-action {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+
+ button.destructive-action:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.3);
+ outline-width: 2px;
+ outline-offset: -2px; }
+
+ button.destructive-action.flat {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ color: #a61414; }
+
+ button.destructive-action:hover {
+ color: white;
+ border-color: #790e0e;
+ background-image: image(#e41d1d);
+ box-shadow: none; }
+
+ button.destructive-action:active,
+ button.destructive-action:checked {
+ color: white;
+ border-color: #670c0c;
+ background-image: linear-gradient(to right, #700d0d, #5d0b0b);
+ box-shadow: 0 2px 4px rgba(103, 12, 12, 0.25); }
+
+ button.destructive-action.flat:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ color: rgba(166, 20, 20, 0.8); }
+
+ button.destructive-action:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+
+ button.destructive-action:disabled:active,
+ button.destructive-action:disabled:checked {
+ color: #c9a1a1;
+ border-color: #790e0e;
+ background-image: image(#791314);
+ box-shadow: none; }
+ .osd button.destructive-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(166, 20, 20, 0.5));
+ background-clip: padding-box; }
+ .osd button.destructive-action:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(166, 20, 20, 0.7));
+ background-clip: padding-box; }
+ .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#a61414);
+ background-clip: padding-box;
+ box-shadow: none; }
+ .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box; }
+
+stackswitcher > button > label {
+ padding: 0 6px;
+ margin: 0 -6px; }
+
+stackswitcher > button > image {
+ padding: 3px 6px;
+ margin: -3px -6px; }
+
+
+button.font separator {
+ background-color: transparent; }
+
+
+button.font > box {
+ border-spacing: 6px; }
+
+
+button.font > box > box > label {
+ font-weight: bold; }
+
+menubutton.circular button,
+button.circular {
+ min-width: 32px;
+ min-height: 32px;
+ padding: 0;
+ border-radius: 9999px; }
+ menubutton.circular button label,
+ button.circular label {
+ padding: 0; }
+
+stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+ animation: needs_attention 150ms ease-in;
+ background-image: radial-gradient(farthest-side, #b75ddc 96%, rgba(183, 93, 220, 0));
+ background-size: 6px 6px, 6px 6px;
+ background-repeat: no-repeat;
+ background-position: right 3px, right 2px; }
+ stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop,
+ stackswitcher > button.needs-attention > image:backdrop {
+ background-size: 6px 6px, 0 0; }
+ stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl),
+ stackswitcher > button.needs-attention > image:dir(rtl) {
+ background-position: left 3px, left 2px; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo,
+.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo,
+.linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo,
+.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo,
+.linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr),
+combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button,
+.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+
+.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo,
+.linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo,
+.linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo,
+.linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo,
+.linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl),
+combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button,
+.linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) {
+ border-right-style: none;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo,
+.linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo,
+.linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button,
+.linked.vertical > dropdown:not(:first-child) > button,
+.linked.vertical > colorbutton:not(:first-child) > button,
+.linked.vertical > fontbutton:not(:first-child) > button,
+.linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+
+.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo,
+.linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo,
+.linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button,
+.linked.vertical > dropdown:not(:last-child) > button,
+.linked.vertical > colorbutton:not(:last-child) > button,
+.linked.vertical > fontbutton:not(:last-child) > button,
+.linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) {
+ border-bottom-style: none;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; }
+
+.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model,
+list > row button.image-button:not(.flat), modelbutton.flat {
+ background-color: transparent;
+ background-image: none;
+ border-color: transparent;
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
+ text-shadow: none;
+ -gtk-icon-shadow: none; }
+
+/* menu buttons */
+modelbutton.flat {
+ min-height: 26px;
+ padding-left: 5px;
+ padding-right: 5px;
+ border-radius: 4px; }
+ modelbutton.flat:hover {
+ background-color: #3b3e46; }
+ modelbutton.flat:disabled {
+ color: #888a8d; }
+
+modelbutton.flat arrow {
+ background: none;
+ min-width: 16px;
+ min-height: 16px;
+ opacity: 0.3; }
+ modelbutton.flat arrow:hover {
+ background: none; }
+ modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
+ modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
+
+/* oldstyle toolbar buttons */
+.toolbar > button,
+.toolbar > :not(.linked) > button,
+.toolbar :not(.linked) > menubutton > button,
+.toolbar :not(.linked) > scalebutton > button,
+.toolbar :not(.linked) > dropdown > button,
+.toolbar :not(.linked) > colorbutton > button,
+.toolbar :not(.linked) > fontbutton > button,
+.toolbar :not(.linked) > appchooserbutton > button,
+.toolbar :not(.linked) > combobox > box > button {
+ margin: 1px; }
+
+button.color {
+ padding: 4px; }
+ button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay {
+ border-radius: 0; }
+
+/* list buttons */
+/* tone down as per new designs, see issue #1473 */
+popover.menu box.circular-buttons button.circular.image-button.model,
+list > row button.image-button:not(.flat) {
+ border: 1px solid rgba(19, 21, 26, 0.5); }
+ popover.menu box.circular-buttons button.circular.image-button.model:hover,
+ list > row button.image-button:not(.flat):hover {
+ color: #eeeeec;
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked,
+ list > row button.image-button:not(.flat):active,
+ list > row button.image-button:not(.flat):checked {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: linear-gradient(to right, #9c2ccb, #9028bb);
+ box-shadow: 0 2px 4px rgba(150, 42, 195, 0.25); }
+ popover.menu box.circular-buttons button.suggested-action.circular.image-button.model,
+ list > row button.image-button:not(.flat).suggested-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #8c27b6;
+ background-image: image(#962ac3);
+ box-shadow: none;
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ popover.menu box.circular-buttons button.suggested-action.circular.image-button.model,
+ list > row button.image-button:not(.flat).suggested-action {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible,
+ list > row button.image-button:not(.flat).suggested-action:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.3);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ popover.menu box.circular-buttons button.destructive-action.circular.image-button.model,
+ list > row button.image-button:not(.flat).destructive-action {
+ color: white;
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #991212;
+ background-image: image(#a61414);
+ box-shadow: none;
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ popover.menu box.circular-buttons button.destructive-action.circular.image-button.model,
+ list > row button.image-button:not(.flat).destructive-action {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible,
+ list > row button.image-button:not(.flat).destructive-action:focus:focus-visible {
+ outline-color: rgba(255, 255, 255, 0.3);
+ outline-width: 2px;
+ outline-offset: -2px; }
+
+/*********
+ * Links *
+ *********/
+button.link,
+link {
+ color: #c072e1;
+ text-decoration: underline; }
+ button.link:visited,
+ link:visited {
+ color: #ae48d8; }
+ *:selected button.link:visited, *:selected link:visited {
+ color: #deb6ef; }
+ button.link:hover,
+ link:hover {
+ color: #d39cea; }
+ *:selected button.link:hover, *:selected link:hover {
+ color: #fbf5fd; }
+ button.link:active,
+ link:active {
+ color: #c072e1; }
+ *:selected button.link:active, *:selected link:active {
+ color: #f2e3f9; }
+ button.link:disabled,
+ link:disabled {
+ color: rgba(170, 170, 170, 0.8); }
+ button.link:selected, *:selected button.link,
+ link:selected, *:selected link {
+ color: #f2e3f9; }
+
+link {
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ link {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ link:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+
+button.link, button.link:hover, button.link:active, button.link:checked {
+ text-shadow: none; }
+
+button.link > label {
+ text-decoration: underline; }
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton {
+ font-feature-settings: "tnum"; }
+ spinbutton:not(.vertical) {
+ padding: 0;
+ border-spacing: 0;
+ /* :not here just to bump specificity above that of the list button styling */ }
+ .osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text {
+ min-width: 28px;
+ margin: 0;
+ background: none;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+ box-shadow: none;
+ padding: 6px; }
+ .osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled {
+ background-color: transparent; }
+ spinbutton:not(.vertical) > button.image-button.up:not(.flat),
+ spinbutton:not(.vertical) > button.image-button.down:not(.flat) {
+ min-height: 16px;
+ margin: 0;
+ padding-bottom: 0;
+ padding-top: 0;
+ color: #dadada;
+ background-image: none;
+ border-style: none none none solid;
+ border-color: rgba(19, 21, 26, 0.3);
+ border-radius: 0;
+ box-shadow: none; }
+ spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl),
+ spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) {
+ border-style: none solid none none; }
+ spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover,
+ spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover {
+ color: #eeeeec;
+ background-color: #181a20; }
+ spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled,
+ spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled {
+ color: rgba(136, 138, 141, 0.3);
+ background-color: transparent; }
+ spinbutton:not(.vertical) > button.image-button.up:not(.flat):active,
+ spinbutton:not(.vertical) > button.image-button.down:not(.flat):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.image-button.up:not(.flat):dir(ltr):last-child,
+ spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child {
+ border-radius: 0 4px 4px 0; }
+ spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child,
+ spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
+ border-radius: 4px 0 0 4px; }
+ .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat),
+ .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ color: white;
+ border-style: none none none solid;
+ border-color: rgba(0, 0, 0, 0.7);
+ border-radius: 0;
+ box-shadow: none;
+ -gtk-icon-shadow: 0 1px black; }
+ .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl),
+ .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) {
+ border-style: none solid none none; }
+ .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover,
+ .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ color: white;
+ border-color: rgba(0, 0, 0, 0.5);
+ background-color: #1a1c23;
+ -gtk-icon-shadow: 0 1px black;
+ box-shadow: none; }
+ .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled,
+ .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ color: #97999f;
+ border-color: rgba(0, 0, 0, 0.5);
+ -gtk-icon-shadow: none;
+ box-shadow: none; }
+ .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child,
+ .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child {
+ border-radius: 0 4px 4px 0; }
+ .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child,
+ .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child {
+ border-radius: 4px 0 0 4px; }
+ spinbutton.vertical:disabled {
+ color: #888a8d; }
+ spinbutton.vertical:drop(active) {
+ border-color: transparent;
+ box-shadow: none; }
+ spinbutton.vertical > text {
+ min-height: 32px;
+ min-width: 32px;
+ padding: 0;
+ border-radius: 0; }
+ spinbutton.vertical > text > selection {
+ background-color: rgba(119, 119, 119, 0.5);
+ color: transparent; }
+ spinbutton.vertical > text > selection:focus-within {
+ background-color: #962ac3;
+ color: #ffffff; }
+ spinbutton.vertical > text > block-cursor {
+ color: #272a34;
+ background-color: white; }
+ spinbutton.vertical > button {
+ min-height: 32px;
+ min-width: 32px;
+ padding: 0; }
+ spinbutton.vertical > button.up {
+ border-bottom-style: none;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; }
+ spinbutton.vertical > button.down {
+ border-top-style: none;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+ .osd spinbutton.vertical > button:first-child {
+ color: white;
+ outline-color: rgba(150, 42, 195, 0.7);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box; }
+ .osd spinbutton.vertical > button:first-child:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#1a1c23);
+ background-clip: padding-box; }
+ .osd spinbutton.vertical > button:first-child:active {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#040405);
+ background-clip: padding-box;
+ box-shadow: none; }
+ .osd spinbutton.vertical > button:first-child:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box; }
+ treeview spinbutton:not(.vertical) {
+ min-height: 0;
+ border-style: none;
+ border-radius: 0; }
+ treeview spinbutton:not(.vertical) > text {
+ min-height: 0;
+ padding: 1px 2px; }
+
+/**************
+ * ComboBoxes *
+ **************/
+dropdown > popover.menu.background > contents {
+ padding: 0; }
+
+dropdown > button > box {
+ border-spacing: 6px; }
+ dropdown > button > box > stack > row.activatable:hover {
+ background: none;
+ box-shadow: none; }
+
+dropdown arrow,
+combobox arrow {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+ min-height: 16px;
+ min-width: 16px; }
+
+dropdown > popover.menu > contents modelbutton,
+combobox > popover.menu > contents modelbutton {
+ padding-left: 9px;
+ padding-right: 9px; }
+
+dropdown:drop(active),
+combobox:drop(active) {
+ box-shadow: none; }
+
+dropdown popover,
+combobox popover {
+ margin-top: 6px;
+ padding: 0; }
+ dropdown popover listview,
+ combobox popover listview {
+ margin: 8px 0; }
+ dropdown popover listview > row.activatable,
+ combobox popover listview > row.activatable {
+ padding: 8px; }
+ dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover,
+ combobox popover listview > row.activatable:selected,
+ combobox popover listview > row.activatable:selected:hover {
+ outline-color: rgba(255, 255, 255, 0.3);
+ color: white;
+ background-color: #3b3e46;
+ box-shadow: none; }
+ dropdown popover .dropdown-searchbar,
+ combobox popover .dropdown-searchbar {
+ padding: 6px;
+ border-bottom: 1px solid #13151a; }
+
+/************
+ * Toolbars *
+ ************/
+searchbar > revealer > box, .toolbar {
+ padding: 4px;
+ border-spacing: 4px;
+ background-color: #23252e; }
+
+.osd .toolbar {
+ background-color: transparent; }
+
+.toolbar.osd {
+ padding: 13px;
+ border: none;
+ border-radius: 5px;
+ background-color: #303340; }
+ .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom {
+ border-radius: 0; }
+
+.toolbar.horizontal > separator {
+ margin: 4px 0; }
+
+.toolbar.vertical > separator {
+ margin: 0 4px; }
+
+searchbar > revealer > box {
+ padding: 6px;
+ border-spacing: 6px;
+ border-width: 0 0 1px; }
+
+searchbar > revealer > box {
+ border-style: solid;
+ border-color: #13151a;
+ background-color: #1e2028; }
+ searchbar > revealer > box:backdrop {
+ border-color: #13151a;
+ background-color: #1d2027;
+ box-shadow: none;
+ transition: 200ms ease-out; }
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar > revealer > box {
+ padding: 8px;
+ border-spacing: 12px; }
+
+infobar.action:hover > revealer > box {
+ background-color: #1d1d1d; }
+
+infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box {
+ border-bottom: 1px solid #1e2128;
+ background-color: #232323; }
+
+infobar .close,
+searchbar .close {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ min-width: 16px;
+ min-height: 16px;
+ padding: 4px;
+ border-radius: 50%; }
+ infobar .close:hover,
+ searchbar .close:hover {
+ color: #eeeeec;
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+
+/*****************
+ * Title buttons *
+ *****************/
+windowcontrols {
+ border-spacing: 6px; }
+ windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) {
+ margin-right: 7px; }
+ windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) {
+ margin-left: 7px; }
+ windowcontrols button {
+ border-radius: 9999px;
+ padding: 6px;
+ margin: 0 2px;
+ min-width: 0;
+ min-height: 0; }
+ windowcontrols button:hover {
+ border-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ background-color: rgba(19, 21, 26, 0.8); }
+ windowcontrols button:active, windowcontrols button:checked {
+ border-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ background-color: rgba(2, 2, 2, 0.8); }
+
+/***************
+ * Header bars *
+ ***************/
+.titlebar:not(headerbar),
+headerbar {
+ padding: 0 6px;
+ min-height: 46px;
+ border-width: 0 0 1px;
+ border-style: solid;
+ border-color: black;
+ border-radius: 0;
+ background: #0d0e11 linear-gradient(to top, #16171d, #1a1c23);
+ /* Darken switchbuttons for headerbars. issue #1588 */ }
+ .titlebar:backdrop:not(headerbar),
+ headerbar:backdrop {
+ border-color: #13151a;
+ background-color: #23252e;
+ background-image: none;
+ transition: 200ms ease-out; }
+ .titlebar:not(headerbar) .title,
+ headerbar .title {
+ padding-left: 12px;
+ padding-right: 12px;
+ font-weight: bold; }
+ .titlebar:not(headerbar) .subtitle,
+ headerbar .subtitle {
+ font-size: smaller;
+ padding-left: 12px;
+ padding-right: 12px; }
+ .titlebar:not(headerbar) stackswitcher > button:checked,
+ .titlebar:not(headerbar) button.toggle:checked,
+ headerbar stackswitcher > button:checked,
+ headerbar button.toggle:checked {
+ background: image(#0f1014);
+ border-color: #0d0e11;
+ border-top-color: #020202; }
+ .titlebar:not(headerbar) stackswitcher > button:checked:backdrop,
+ .titlebar:not(headerbar) button.toggle:checked:backdrop,
+ headerbar stackswitcher > button:checked:backdrop,
+ headerbar button.toggle:checked:backdrop {
+ color: #ffffff;
+ border-color: #962ac3;
+ background-image: image(#7f29a5);
+ box-shadow: none; }
+ .tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar {
+ border-radius: 0; }
+ .default-decoration.titlebar:not(headerbar),
+ headerbar.default-decoration {
+ min-height: 28px;
+ padding: 4px; }
+ .default-decoration.titlebar:not(headerbar) windowcontrols button,
+ .default-decoration.titlebar:not(headerbar) windowcontrols menubutton,
+ headerbar.default-decoration windowcontrols button,
+ headerbar.default-decoration windowcontrols menubutton {
+ min-height: 26px;
+ min-width: 26px;
+ margin: 0;
+ padding: 0; }
+ .default-decoration.titlebar:not(headerbar) windowcontrols menubutton button,
+ headerbar.default-decoration windowcontrols menubutton button {
+ min-height: 20px;
+ min-width: 20px;
+ margin: 0;
+ padding: 4px; }
+ .solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) {
+ margin-left: -1px;
+ margin-right: -1px;
+ margin-top: -1px;
+ border-radius: 0;
+ box-shadow: none; }
+
+headerbar > windowhandle > box,
+headerbar > windowhandle > box > box.start,
+headerbar > windowhandle > box > box.end {
+ border-spacing: 6px; }
+
+headerbar entry,
+headerbar spinbutton,
+headerbar separator:not(.sidebar),
+headerbar button,
+headerbar menubutton {
+ margin-top: 6px;
+ margin-bottom: 6px; }
+
+headerbar menubutton > button {
+ margin-top: 0px;
+ margin-bottom: 0px; }
+
+headerbar switch {
+ margin-top: 10px;
+ margin-bottom: 10px; }
+
+window.csd > .titlebar:not(headerbar) {
+ padding: 0;
+ background-color: transparent;
+ background-image: none;
+ border-style: none;
+ border-color: transparent; }
+
+.titlebar:not(headerbar) separator {
+ background-color: #13151a; }
+
+window.devel headerbar.titlebar {
+ background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(150, 42, 195, 0.1)), linear-gradient(to top, #13151a 3px, #181a20); }
+ window.devel headerbar.titlebar:backdrop {
+ background: #23252e cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#23252e);
+ /* background-color would flash */ }
+
+/************
+ * Pathbars *
+ ************/
+pathbar > button.text-button, pathbar > button.image-button, pathbar > button {
+ padding-left: 4px;
+ padding-right: 4px; }
+
+pathbar > button.text-button.image-button label {
+ padding-left: 0;
+ padding-right: 0; }
+
+pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child {
+ padding-right: 8px; }
+
+pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child {
+ padding-left: 8px; }
+
+pathbar > button image {
+ padding-left: 4px;
+ padding-right: 4px; }
+
+pathbar > button.slider-button {
+ padding-left: 0;
+ padding-right: 0; }
+
+/**************
+ * Tree Views *
+ **************/
+columnview.view,
+treeview.view {
+ border-left-color: #4f5159;
+ border-top-color: #4f5159;
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ columnview.view,
+ treeview.view {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ columnview.view:focus:focus-visible,
+ treeview.view:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ columnview.view:selected:focus, columnview.view:selected,
+ treeview.view:selected:focus,
+ treeview.view:selected {
+ border-radius: 0;
+ outline-color: rgba(255, 255, 255, 0.3); }
+ columnview.view:disabled,
+ treeview.view:disabled {
+ color: #888a8d; }
+ columnview.view:disabled:selected,
+ treeview.view:disabled:selected {
+ color: #c07fdb; }
+ columnview.view:disabled:selected:backdrop,
+ treeview.view:disabled:selected:backdrop {
+ color: #a95dc9; }
+ columnview.view.separator,
+ treeview.view.separator {
+ min-height: 2px;
+ color: #4f5159; }
+ columnview.view:backdrop,
+ treeview.view:backdrop {
+ border-left-color: #3a3d46;
+ border-top: #3a3d46; }
+ columnview.view:drop(active),
+ treeview.view:drop(active) {
+ box-shadow: none; }
+ columnview.view > dndtarget:drop(active),
+ treeview.view > dndtarget:drop(active) {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: #350f45; }
+ columnview.view > dndtarget:drop(active).after,
+ treeview.view > dndtarget:drop(active).after {
+ border-top-style: none; }
+ columnview.view > dndtarget:drop(active).before,
+ treeview.view > dndtarget:drop(active).before {
+ border-bottom-style: none; }
+ columnview.view.expander,
+ treeview.view.expander {
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+ color: #bebfc2; }
+ columnview.view.expander:dir(rtl),
+ treeview.view.expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+ columnview.view.expander:hover,
+ treeview.view.expander:hover {
+ color: white; }
+ columnview.view.expander:selected,
+ treeview.view.expander:selected {
+ color: #e0bfed; }
+ columnview.view.expander:selected:hover,
+ treeview.view.expander:selected:hover {
+ color: #ffffff; }
+ columnview.view.expander:checked,
+ treeview.view.expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+ columnview.view.progressbar,
+ treeview.view.progressbar {
+ background-color: #962ac3;
+ background-image: image(#962ac3);
+ box-shadow: none; }
+ columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected,
+ treeview.view.progressbar:selected:focus,
+ treeview.view.progressbar:selected {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+ background-image: image(#272a34); }
+ columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop,
+ treeview.view.progressbar:selected:focus:backdrop,
+ treeview.view.progressbar:selected:backdrop {
+ background-color: #292c37; }
+ columnview.view.trough,
+ treeview.view.trough {
+ background-color: rgba(238, 238, 236, 0.1); }
+ columnview.view.trough:selected:focus, columnview.view.trough:selected,
+ treeview.view.trough:selected:focus,
+ treeview.view.trough:selected {
+ background-color: #762199; }
+ columnview.view > header > button,
+ treeview.view > header > button {
+ color: #8b8c90;
+ background-color: #272a34;
+ font-weight: bold;
+ text-shadow: none;
+ box-shadow: none; }
+ columnview.view > header > button:hover,
+ treeview.view > header > button:hover {
+ color: #bdbdbe;
+ box-shadow: none;
+ transition: none; }
+ columnview.view > header > button:active,
+ treeview.view > header > button:active {
+ color: #eeeeec;
+ transition: none; }
+ columnview.view > header > button sort-indicator,
+ treeview.view > header > button sort-indicator {
+ min-height: 16px;
+ min-width: 16px; }
+ columnview.view > header > button sort-indicator.ascending,
+ treeview.view > header > button sort-indicator.ascending {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+ columnview.view > header > button sort-indicator.descending,
+ treeview.view > header > button sort-indicator.descending {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+ columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd,
+ columnview.view header.button.dnd:active,
+ columnview.view header.button.dnd:selected,
+ columnview.view header.button.dnd:hover,
+ columnview.view header.button.dnd,
+ treeview.view button.dnd:active,
+ treeview.view button.dnd:selected,
+ treeview.view button.dnd:hover,
+ treeview.view button.dnd,
+ treeview.view header.button.dnd:active,
+ treeview.view header.button.dnd:selected,
+ treeview.view header.button.dnd:hover,
+ treeview.view header.button.dnd {
+ padding: 0 6px;
+ color: #272a34;
+ background-image: none;
+ background-color: #962ac3;
+ border-style: none;
+ border-radius: 0;
+ box-shadow: inset 0 0 0 1px #272a34;
+ text-shadow: none;
+ transition: none; }
+ columnview.view acceleditor > label,
+ treeview.view acceleditor > label {
+ background-color: #962ac3; }
+
+columnview.view > header > button,
+treeview.view > header > button, columnview.view > header > button:hover,
+treeview.view > header > button:hover, columnview.view > header > button:active,
+treeview.view > header > button:active {
+ padding: 0 6px;
+ background-image: none;
+ border-style: none none solid solid;
+ border-color: #4f5159;
+ border-radius: 0;
+ text-shadow: none; }
+ columnview.view > header > button:disabled,
+ treeview.view > header > button:disabled {
+ border-color: #23252e;
+ background-image: none; }
+ columnview.view > header > button:last-child,
+ treeview.view > header > button:last-child {
+ border-right-style: none; }
+
+/***************
+ * Popovers *
+ ***************/
+popover.background {
+ background-color: transparent;
+ font: initial; }
+ popover.background > arrow,
+ popover.background > contents {
+ background-color: #20232b;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.75);
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
+ popover.background:backdrop {
+ background-color: transparent; }
+ popover.background > contents {
+ padding: 8px;
+ border-radius: 8px; }
+ popover.background > contents > list,
+ popover.background > contents > .view,
+ popover.background > contents > iconview,
+ popover.background > contents > .toolbar {
+ border-style: none;
+ background-color: transparent; }
+ popover.background > contents separator {
+ background-color: #181a20;
+ margin: 3px; }
+ popover.background > contents list separator {
+ margin: 0; }
+ .osd popover.background, popover.background.touch-selection, popover.background.magnifier {
+ background-color: transparent; }
+ .osd popover.background > arrow,
+ .osd popover.background > contents, popover.background.touch-selection > arrow,
+ popover.background.touch-selection > contents, popover.background.magnifier > arrow,
+ popover.background.magnifier > contents {
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ box-shadow: none; }
+
+magnifier {
+ background-color: #272a34; }
+
+/**********************
+ * Popover Base Menus *
+ **********************/
+popover.menu {
+ padding: 0; }
+ popover.menu box.inline-buttons {
+ padding: 0 12px; }
+ popover.menu box.inline-buttons button.image-button.model {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ min-height: 30px;
+ min-width: 30px;
+ padding: 0;
+ border: none;
+ outline: none;
+ transition: none; }
+ popover.menu box.inline-buttons button.image-button.model:selected {
+ background: image(#3b3e46); }
+ popover.menu box.circular-buttons {
+ padding: 12px 12px 6px; }
+ popover.menu box.circular-buttons button.circular.image-button.model {
+ padding: 11px; }
+ popover.menu box.circular-buttons button.circular.image-button.model:focus {
+ background-color: #3b3e46;
+ border-color: #3b3e46; }
+ popover.menu > arrow, popover.menu.background > contents {
+ background-color: #20232b;
+ padding: 5px; }
+ popover.menu.background separator {
+ margin: 6px 0; }
+ popover.menu accelerator {
+ color: alpha(currentColor,0.55); }
+ popover.menu accelerator:dir(ltr) {
+ margin-left: 12px; }
+ popover.menu accelerator:dir(rtl) {
+ margin-right: 12px; }
+ popover.menu check,
+ popover.menu radio {
+ transform: scale(0.8);
+ border-width: 1.2px;
+ border-color: transparent;
+ box-shadow: none;
+ background-image: image(transparent);
+ color: white; }
+ popover.menu check:hover,
+ popover.menu radio:hover {
+ transform: scale(0.8);
+ border-width: 1.2px;
+ color: white;
+ box-shadow: none;
+ background-image: image(transparent); }
+ popover.menu check:active,
+ popover.menu radio:active {
+ transform: scale(0.8);
+ border-width: 1.2px;
+ color: white;
+ box-shadow: none;
+ background-image: image(transparent); }
+ popover.menu radio {
+ border-color: #13151a; }
+ popover.menu radio:active {
+ border-color: rgba(19, 21, 26, 0.5); }
+ popover.menu arrow.left,
+ popover.menu radio.left,
+ popover.menu check.left {
+ margin-left: -2px;
+ margin-right: 6px; }
+ popover.menu arrow.right,
+ popover.menu radio.right,
+ popover.menu check.right {
+ margin-left: 6px;
+ margin-right: -2px; }
+ popover.menu modelbutton {
+ min-height: 30px;
+ min-width: 40px;
+ padding: 0 12px;
+ border-radius: 5px; }
+ popover.menu modelbutton:selected {
+ color: white;
+ background-color: #3b3e46; }
+ popover.menu modelbutton:selected:active {
+ background-color: #040405; }
+ popover.menu label.title {
+ font-weight: bold;
+ padding: 4px 32px; }
+
+menubar {
+ padding: 0px;
+ box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
+ menubar > item {
+ min-height: 16px;
+ padding: 4px 8px; }
+ menubar > item:selected {
+ box-shadow: inset 0 -3px #962ac3;
+ color: #c072e1; }
+ menubar > item:disabled {
+ color: #888a8d;
+ box-shadow: none; }
+ menubar > item popover.menu.background > contents {
+ padding: 5px; }
+ menubar > item popover.menu popover.menu {
+ padding: 0 0 4px 0; }
+ menubar > item popover.menu.background popover.menu.background > contents {
+ margin: 0;
+ border-radius: 8px; }
+
+/*************
+ * Notebooks *
+ *************/
+notebook {
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ notebook > header > tabs > tab:checked {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ notebook:focus:focus-visible > header > tabs > tab:checked {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ notebook > header {
+ padding: 1px;
+ border-color: #13151a;
+ border-width: 1px;
+ background-color: #1d2027; }
+ notebook > header > tabs {
+ margin: -1px; }
+ notebook > header.top {
+ border-bottom-style: solid; }
+ notebook > header.top > tabs {
+ margin-bottom: -2px; }
+ notebook > header.top > tabs > tab:hover {
+ box-shadow: inset 0 -4px #13151a; }
+ notebook > header.top > tabs > tab:checked {
+ box-shadow: inset 0 -4px #962ac3; }
+ notebook > header.bottom {
+ border-top-style: solid; }
+ notebook > header.bottom > tabs {
+ margin-top: -2px; }
+ notebook > header.bottom > tabs > tab:hover {
+ box-shadow: inset 0 4px #13151a; }
+ notebook > header.bottom > tabs > tab:checked {
+ box-shadow: inset 0 4px #962ac3; }
+ notebook > header.left {
+ border-right-style: solid; }
+ notebook > header.left > tabs {
+ margin-right: -2px; }
+ notebook > header.left > tabs > tab:hover {
+ box-shadow: inset -4px 0 #13151a; }
+ notebook > header.left > tabs > tab:checked {
+ box-shadow: inset -4px 0 #962ac3; }
+ notebook > header.right {
+ border-left-style: solid; }
+ notebook > header.right > tabs {
+ margin-left: -2px; }
+ notebook > header.right > tabs > tab:hover {
+ box-shadow: inset 4px 0 #13151a; }
+ notebook > header.right > tabs > tab:checked {
+ box-shadow: inset 4px 0 #962ac3; }
+ notebook > header.top > tabs > arrow {
+ border-top-style: none; }
+ notebook > header.bottom > tabs > arrow {
+ border-bottom-style: none; }
+ notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+ margin-left: -5px;
+ margin-right: -5px;
+ padding-left: 4px;
+ padding-right: 4px; }
+ notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+ notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+ notebook > header.left > tabs > arrow {
+ border-left-style: none; }
+ notebook > header.right > tabs > arrow {
+ border-right-style: none; }
+ notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+ margin-top: -5px;
+ margin-bottom: -5px;
+ padding-top: 4px;
+ padding-bottom: 4px; }
+ notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+ notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+ notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 0; }
+ notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
+ background-clip: padding-box;
+ background-image: none;
+ background-color: rgba(255, 255, 255, 0.3);
+ border-color: transparent;
+ box-shadow: none; }
+ notebook > header > tabs > arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none; }
+ notebook > header > tabs > tab {
+ transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ min-height: 30px;
+ min-width: 30px;
+ padding: 3px 12px;
+ color: #eeeeec;
+ font-weight: normal;
+ border-width: 1px;
+ border-color: transparent; }
+ notebook > header > tabs > tab:hover {
+ color: #eeeeec;
+ background-color: #14161b; }
+ notebook > header > tabs > tab:hover.reorderable-page {
+ border-color: rgba(19, 21, 26, 0.3);
+ background-color: rgba(35, 37, 46, 0.2); }
+ notebook > header > tabs > tab:not(:checked) {
+ outline-color: transparent; }
+ notebook > header > tabs > tab:checked {
+ color: #eeeeec; }
+ notebook > header > tabs > tab:checked.reorderable-page {
+ border-color: rgba(19, 21, 26, 0.5);
+ background-color: rgba(35, 37, 46, 0.5); }
+ notebook > header > tabs > tab:checked.reorderable-page:hover {
+ background-color: rgba(35, 37, 46, 0.7); }
+ notebook > header > tabs > tab button.flat {
+ color: alpha(currentColor,0.3);
+ padding: 0;
+ margin-top: 4px;
+ margin-bottom: 4px;
+ min-width: 20px;
+ min-height: 20px; }
+ notebook > header > tabs > tab button.flat:hover {
+ color: currentColor; }
+ notebook > header > tabs > tab button.flat:last-child {
+ margin-left: 4px;
+ margin-right: -4px; }
+ notebook > header > tabs > tab button.flat:first-child {
+ margin-left: -4px;
+ margin-right: 4px; }
+ notebook > header.top > tabs, notebook > header.bottom > tabs {
+ padding-left: 4px;
+ padding-right: 4px; }
+ notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) {
+ margin-left: 3px;
+ margin-right: 3px; }
+ notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child {
+ margin-left: -1px; }
+ notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child {
+ margin-right: -1px; }
+ notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab {
+ margin-left: 4px;
+ margin-right: 4px; }
+ notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page {
+ border-style: none solid; }
+ notebook > header.left > tabs, notebook > header.right > tabs {
+ padding-top: 4px;
+ padding-bottom: 4px; }
+ notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) {
+ margin-top: 3px;
+ margin-bottom: 3px; }
+ notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child {
+ margin-top: -1px; }
+ notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child {
+ margin-bottom: -1px; }
+ notebook > header.left > tabs > tab, notebook > header.right > tabs > tab {
+ margin-top: 4px;
+ margin-bottom: 4px; }
+ notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page {
+ border-style: solid none; }
+ notebook > header.top > tabs > tab {
+ padding-bottom: 4px; }
+ notebook > header.bottom > tabs > tab {
+ padding-top: 4px; }
+ notebook > stack:not(:only-child) {
+ background-color: #272a34; }
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ background-color: #272a34;
+ transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ scrollbar.top {
+ border-bottom: 1px solid #13151a; }
+ scrollbar.bottom {
+ border-top: 1px solid #13151a; }
+ scrollbar.left {
+ border-right: 1px solid #13151a; }
+ scrollbar.right {
+ border-left: 1px solid #13151a; }
+ scrollbar > range > trough > slider {
+ min-width: 8px;
+ min-height: 8px;
+ margin: -1px;
+ border: 4px solid transparent;
+ border-radius: 10px;
+ background-clip: padding-box;
+ background-color: #9d9ea0;
+ transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ scrollbar > range > trough > slider:hover {
+ background-color: #c5c6c6; }
+ scrollbar > range > trough > slider:hover:active {
+ background-color: #962ac3; }
+ scrollbar > range > trough > slider:disabled {
+ background-color: transparent; }
+ scrollbar > range.fine-tune > trough > slider {
+ transition: none;
+ min-width: 6px;
+ min-height: 6px; }
+ scrollbar > range.fine-tune.horizontal > trough > slider {
+ border-width: 5px 4px; }
+ scrollbar > range.fine-tune.vertical > trough > slider {
+ border-width: 4px 5px; }
+ scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ opacity: 0.4;
+ background-color: transparent; }
+ scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
+ margin: 0;
+ min-width: 3px;
+ min-height: 3px;
+ background-color: #eeeeec;
+ border: 1px solid black; }
+ scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
+ margin: 0 2px;
+ min-width: 40px; }
+ scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
+ margin: 2px 0;
+ min-height: 40px; }
+ scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+ opacity: 0.8; }
+ scrollbar.horizontal > range > trough > slider {
+ min-width: 40px; }
+ scrollbar.vertical > range > trough > slider {
+ min-height: 40px; }
+
+treeview ~ scrollbar.vertical {
+ border-top: 1px solid #13151a;
+ margin-top: -1px; }
+
+/**********
+ * Switch *
+ **********/
+switch {
+ font-weight: bold;
+ font-size: smaller;
+ border: 1px solid #13151a;
+ border-radius: 14px;
+ color: #eeeeec;
+ background-color: #1d2027;
+ transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out;
+ /* only show i / o for the accessible theme */ }
+ switch {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ switch:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: 0; }
+ headerbar switch {
+ background-color: #0c0d10; }
+ switch:checked {
+ color: #ffffff;
+ border-color: #350f45;
+ background-color: #962ac3; }
+ switch:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-color: #242731;
+ text-shadow: none; }
+ switch > slider {
+ color: #eeeeec;
+ outline-color: rgba(150, 42, 195, 0.7);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ margin: -1px;
+ min-width: 24px;
+ min-height: 24px;
+ border: 1px solid;
+ border-color: #13151a;
+ border-radius: 50%;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ switch > image {
+ color: transparent; }
+ switch:hover > slider {
+ color: #eeeeec;
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ switch:checked > slider {
+ border: 1px solid #350f45; }
+ switch:disabled > slider {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+ row:selected switch {
+ outline-color: rgba(255, 255, 255, 0.3); }
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list), iconview.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: transparent;
+ background-color: #962ac3;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: none;
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list),
+.content-view .tile check:hover:not(list) {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: transparent;
+ background-color: #962ac3;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: none;
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list),
+.content-view .tile check:active:not(list) {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: transparent;
+ background-color: #962ac3;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: none;
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list),
+.content-view .tile check:backdrop:not(list) {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: transparent;
+ background-color: #777777;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: none;
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list),
+.content-view .tile check:checked:not(list) {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: white;
+ background-color: #962ac3;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list),
+.content-view .tile check:checked:hover:not(list) {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: white;
+ background-color: #962ac3;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list),
+.content-view .tile check:checked:active:not(list) {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: white;
+ background-color: #962ac3;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
+ -gtk-icon-shadow: none; }
+
+.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list),
+.content-view .tile check:backdrop:checked:not(list) {
+ margin: 4px;
+ min-width: 32px;
+ min-height: 32px;
+ color: rgba(255, 255, 255, 0.8);
+ background-color: #777777;
+ border-radius: 5px;
+ background-image: none;
+ transition: 200ms;
+ box-shadow: none;
+ border-width: 0;
+ -gtk-icon-source: -gtk-icontheme('object-select-symbolic');
+ -gtk-icon-shadow: none; }
+
+checkbutton {
+ border-spacing: 4px;
+ border-radius: 4px;
+ transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ checkbutton {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ checkbutton:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ checkbutton.text-button {
+ padding: 4px; }
+
+check,
+radio {
+ min-height: 14px;
+ min-width: 14px;
+ border: 1px solid;
+ -gtk-icon-source: none; }
+ check,
+ radio {
+ background-clip: padding-box;
+ background-image: linear-gradient(to bottom, #2e313d 20%, #23252e 90%);
+ border-color: black;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.05);
+ color: #ffffff; }
+ check:hover,
+ radio:hover {
+ background-image: linear-gradient(to bottom, #363a48 10%, #2b2f3a 90%); }
+ check:active,
+ radio:active {
+ box-shadow: inset 0 1px black;
+ background-image: image(#181a20); }
+ check:disabled,
+ radio:disabled {
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7); }
+ check:checked,
+ radio:checked {
+ background-clip: border-box;
+ background-image: linear-gradient(to bottom, #a433d3 20%, #962ac3 90%);
+ border-color: #15061b;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.05);
+ color: #ffffff; }
+ check:checked:hover,
+ radio:checked:hover {
+ background-image: linear-gradient(to bottom, #ac44d7 10%, #a22fd2 90%); }
+ check:checked:active,
+ radio:checked:active {
+ box-shadow: inset 0 1px black;
+ background-image: image(#8625ae); }
+ check:checked:disabled,
+ radio:checked:disabled {
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7); }
+ check:indeterminate,
+ radio:indeterminate {
+ background-clip: border-box;
+ background-image: linear-gradient(to bottom, #a433d3 20%, #962ac3 90%);
+ border-color: #15061b;
+ box-shadow: 0 1px rgba(0, 0, 0, 0.05);
+ color: #ffffff; }
+ check:indeterminate:hover,
+ radio:indeterminate:hover {
+ background-image: linear-gradient(to bottom, #ac44d7 10%, #a22fd2 90%); }
+ check:indeterminate:active,
+ radio:indeterminate:active {
+ box-shadow: inset 0 1px black;
+ background-image: image(#8625ae); }
+ check:indeterminate:disabled,
+ radio:indeterminate:disabled {
+ box-shadow: none;
+ color: rgba(255, 255, 255, 0.7); }
+ .osd check, .osd radio {
+ color: white;
+ outline-color: rgba(150, 42, 195, 0.7);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box; }
+ .osd check:hover, .osd radio:hover {
+ color: white;
+ outline-color: rgba(150, 42, 195, 0.7);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box; }
+ .osd check:active, .osd radio:active {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#040405);
+ background-clip: padding-box;
+ box-shadow: none; }
+ .osd check:disabled, .osd radio:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box; }
+
+
+check {
+ border-radius: 3px;
+ -gtk-icon-size: 14px; }
+
+ check:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); }
+
+ check:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view radio:selected:focus, treeview.view radio:selected,
+radio {
+ border-radius: 100%;
+ -gtk-icon-size: 14px; }
+ treeview.view radio:checked:selected,
+ radio:checked {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); }
+ treeview.view radio:indeterminate:selected,
+ radio:indeterminate {
+ -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); }
+
+treeview.view check:selected:focus, treeview.view check:selected,
+treeview.view radio:selected:focus,
+treeview.view radio:selected {
+ color: #ffffff; }
+
+/************
+ * GtkScale *
+ ************/
+progressbar > trough, scale > trough > fill, scale > trough {
+ border: 1px solid #1d2027;
+ border-radius: 3px;
+ background-color: #1d2027; }
+ headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough {
+ background-color: #0c0d10; }
+ progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled {
+ background-color: #242731;
+ border-color: #13151a; }
+ row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough {
+ outline-color: rgba(255, 255, 255, 0.3);
+ border-color: #350f45; }
+ .osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough {
+ border-color: black;
+ background-color: rgba(0, 0, 0, 0.8); }
+ .osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled {
+ background-color: rgba(68, 72, 83, 0.5); }
+
+progressbar > trough > progress, scale > trough > highlight {
+ border: 1px solid #962ac3;
+ border-radius: 3px;
+ background-color: #962ac3; }
+ progressbar > trough > progress:disabled, scale > trough > highlight:disabled {
+ background-color: transparent;
+ border-color: transparent; }
+ row:selected progressbar > trough > progress, row:selected scale > trough > highlight {
+ border-color: #350f45; }
+ .osd progressbar > trough > progress, .osd scale > trough > highlight {
+ border-color: black; }
+ .osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled {
+ border-color: transparent; }
+
+scale {
+ min-height: 10px;
+ min-width: 10px;
+ padding: 12px;
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ scale > trough {
+ outline: 0 solid transparent;
+ outline-offset: 16px; }
+ scale:focus:focus-visible > trough {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: 10px; }
+ scale > trough {
+ transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ scale > trough > fill,
+ scale > trough > highlight {
+ margin: -1px; }
+ scale > trough > slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -9px; }
+ scale.fine-tune.horizontal {
+ padding-top: 9px;
+ padding-bottom: 9px;
+ min-height: 16px; }
+ scale.fine-tune.vertical {
+ padding-left: 9px;
+ padding-right: 9px;
+ min-width: 16px; }
+ scale.fine-tune > trough > slider {
+ margin: -6px; }
+ scale.fine-tune > trough > fill,
+ scale.fine-tune > trough > highlight,
+ scale.fine-tune > trough {
+ border-radius: 5px; }
+ scale > trough > fill:disabled {
+ border-color: transparent;
+ background-color: transparent; }
+ .osd scale > trough > fill {
+ background-color: #404040; }
+ .osd scale > trough > fill:disabled {
+ border-color: transparent;
+ background-color: transparent; }
+ scale > trough > slider {
+ color: #eeeeec;
+ outline-color: rgba(150, 42, 195, 0.7);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ border-width: 1px;
+ border-style: solid;
+ border-radius: 100%;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-property: background, border, box-shadow; }
+ scale > trough > slider:hover {
+ color: #eeeeec;
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ scale > trough > slider:active {
+ border-color: #350f45; }
+ scale > trough > slider:disabled {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#242731);
+ box-shadow: none; }
+ row:selected scale > trough > slider:disabled, row:selected scale > trough > slider {
+ border-color: #350f45; }
+ .osd scale > trough > slider {
+ color: white;
+ outline-color: rgba(150, 42, 195, 0.7);
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#303340);
+ background-clip: padding-box;
+ border-color: black;
+ background-color: #303340; }
+ .osd scale > trough > slider:hover {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#1a1c23);
+ background-clip: padding-box;
+ background-color: #303340; }
+ .osd scale > trough > slider:active {
+ color: white;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(#040405);
+ background-clip: padding-box;
+ box-shadow: none;
+ background-color: #303340; }
+ .osd scale > trough > slider:disabled {
+ color: #97999f;
+ border-color: black;
+ background-color: transparent;
+ background-image: image(rgba(68, 72, 83, 0.5));
+ background-clip: padding-box;
+ background-color: #303340; }
+ scale > value {
+ color: alpha(currentColor,0.55);
+ font-feature-settings: "tnum"; }
+ scale.horizontal > marks {
+ color: alpha(currentColor,0.55); }
+ scale.horizontal > marks.top {
+ margin-bottom: 6px; }
+ scale.horizontal > marks.bottom {
+ margin-top: 6px; }
+ scale.horizontal > marks indicator {
+ background-color: currentColor;
+ min-height: 6px;
+ min-width: 1px; }
+ scale.horizontal > value.left {
+ margin-right: 9px; }
+ scale.horizontal > value.right {
+ margin-left: 9px; }
+ scale.horizontal.fine-tune > marks.top {
+ margin-top: 3px; }
+ scale.horizontal.fine-tune > marks.bottom {
+ margin-bottom: 3px; }
+ scale.horizontal.fine-tune > marks indicator {
+ min-height: 3px; }
+ scale.vertical > marks {
+ color: alpha(currentColor,0.55); }
+ scale.vertical > marks.top {
+ margin-right: 6px; }
+ scale.vertical > marks.bottom {
+ margin-left: 6px; }
+ scale.vertical > marks indicator {
+ background-color: currentColor;
+ min-height: 1px;
+ min-width: 6px; }
+ scale.vertical > value.top {
+ margin-bottom: 9px; }
+ scale.vertical > value.bottom {
+ margin-top: 9px; }
+ scale.vertical.fine-tune > marks.top {
+ margin-left: 3px; }
+ scale.vertical.fine-tune > marks.bottom {
+ margin-right: 3px; }
+ scale.vertical.fine-tune > marks indicator {
+ min-height: 3px; }
+ scale.horizontal.marks-before:not(.marks-after) > trough > slider {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-top: -14px;
+ background-position: top;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
+ margin: -7px -10px;
+ margin-top: -11px; }
+ scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-top: -14px;
+ background-position: top;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
+ margin: -7px -10px;
+ margin-top: -11px; }
+ scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-top: -14px;
+ background-position: top;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
+ margin: -7px -10px;
+ margin-top: -11px; }
+ scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-top: -14px;
+ background-position: top;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-before:not(.marks-after).fine-tune > trough > slider {
+ margin: -7px -10px;
+ margin-top: -11px; }
+ scale.horizontal.marks-after:not(.marks-before) > trough > slider {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-bottom: -14px;
+ background-position: bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
+ margin: -7px -10px;
+ margin-bottom: -11px; }
+ scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-bottom: -14px;
+ background-position: bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
+ margin: -7px -10px;
+ margin-bottom: -11px; }
+ scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-bottom: -14px;
+ background-position: bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
+ margin: -7px -10px;
+ margin-bottom: -11px; }
+ scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
+ min-height: 26px;
+ min-width: 22px;
+ margin-bottom: -14px;
+ background-position: bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.horizontal.marks-after:not(.marks-before).fine-tune > trough > slider {
+ margin: -7px -10px;
+ margin-bottom: -11px; }
+ scale.vertical.marks-before:not(.marks-after) > trough > slider {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-left: -14px;
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
+ margin: -10px -7px;
+ margin-left: -11px; }
+ scale.vertical.marks-before:not(.marks-after) > trough > slider:hover {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-left: -14px;
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
+ margin: -10px -7px;
+ margin-left: -11px; }
+ scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-left: -14px;
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
+ margin: -10px -7px;
+ margin-left: -11px; }
+ scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-left: -14px;
+ background-position: left bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-before:not(.marks-after).fine-tune > trough > slider {
+ margin: -10px -7px;
+ margin-left: -11px; }
+ scale.vertical.marks-after:not(.marks-before) > trough > slider {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-right: -14px;
+ background-position: right bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
+ margin: -10px -7px;
+ margin-right: -11px; }
+ scale.vertical.marks-after:not(.marks-before) > trough > slider:hover {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-right: -14px;
+ background-position: right bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
+ margin: -10px -7px;
+ margin-right: -11px; }
+ scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-right: -14px;
+ background-position: right bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
+ margin: -10px -7px;
+ margin-right: -11px; }
+ scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
+ margin: -10px;
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png"));
+ min-height: 22px;
+ min-width: 26px;
+ margin-right: -14px;
+ background-position: right bottom;
+ background-repeat: no-repeat;
+ box-shadow: none; }
+ scale.vertical.marks-after:not(.marks-before).fine-tune > trough > slider {
+ margin: -10px -7px;
+ margin-right: -11px; }
+ scale.color {
+ min-height: 0;
+ min-width: 0; }
+ scale.color > trough {
+ background-image: image(#13151a);
+ background-repeat: no-repeat; }
+ scale.color.horizontal {
+ padding: 0 0 15px 0; }
+ scale.color.horizontal > trough {
+ padding-bottom: 4px;
+ background-position: 0 -3px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+ scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) {
+ margin-bottom: -15px;
+ margin-top: 6px; }
+ scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 15px; }
+ scale.color.vertical:dir(ltr) > trough {
+ padding-left: 4px;
+ background-position: 3px 0;
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0; }
+ scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider {
+ margin-left: -15px;
+ margin-right: 6px; }
+ scale.color.vertical:dir(rtl) {
+ padding: 0 15px 0 0; }
+ scale.color.vertical:dir(rtl) > trough {
+ padding-right: 4px;
+ background-position: -3px 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0; }
+ scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider {
+ margin-right: -15px;
+ margin-left: 6px; }
+ scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) {
+ padding: 0 0 12px 0; }
+ scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough {
+ padding-bottom: 7px;
+ background-position: 0 -6px; }
+ scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider {
+ margin-bottom: -15px;
+ margin-top: 6px; }
+ scale.color.fine-tune.vertical:dir(ltr) {
+ padding: 0 0 0 12px; }
+ scale.color.fine-tune.vertical:dir(ltr) > trough {
+ padding-left: 7px;
+ background-position: 6px 0; }
+ scale.color.fine-tune.vertical:dir(ltr) > trough > slider {
+ margin-left: -15px;
+ margin-right: 6px; }
+ scale.color.fine-tune.vertical:dir(rtl) {
+ padding: 0 12px 0 0; }
+ scale.color.fine-tune.vertical:dir(rtl) > trough {
+ padding-right: 7px;
+ background-position: -6px 0; }
+ scale.color.fine-tune.vertical:dir(rtl) > trough > slider {
+ margin-right: -15px;
+ margin-left: 6px; }
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ font-size: smaller;
+ color: rgba(238, 238, 236, 0.4);
+ font-feature-settings: "tnum"; }
+ progressbar.horizontal > trough {
+ min-width: 150px; }
+ progressbar.horizontal > trough, progressbar.horizontal > trough > progress {
+ min-height: 2px; }
+ progressbar.vertical > trough {
+ min-height: 80px; }
+ progressbar.vertical > trough, progressbar.vertical > trough > progress {
+ min-width: 2px; }
+ progressbar.horizontal > trough > progress {
+ margin: 0 -1px; }
+ progressbar.vertical > trough > progress {
+ margin: -1px 0; }
+ progressbar > trough > progress {
+ /* share most of scales' */
+ /* override insensitive that is specific to progress */
+ border-radius: 1.5px; }
+ progressbar > trough > progress:disabled {
+ background-color: #888a8d;
+ border-color: #888a8d; }
+ progressbar > trough > progress.left {
+ border-top-left-radius: 5px;
+ border-bottom-left-radius: 5px; }
+ progressbar > trough > progress.right {
+ border-top-right-radius: 5px;
+ border-bottom-right-radius: 5px; }
+ progressbar > trough > progress.top {
+ border-top-right-radius: 5px;
+ border-top-left-radius: 5px; }
+ progressbar > trough > progress.bottom {
+ border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 5px; }
+ progressbar.osd {
+ min-width: 3px;
+ min-height: 3px;
+ background-color: transparent; }
+ progressbar.osd > trough {
+ border-style: none;
+ border-radius: 0;
+ background-color: transparent;
+ box-shadow: none; }
+ progressbar.osd > trough > progress {
+ border-style: none;
+ border-radius: 0; }
+ progressbar > trough.empty > progress {
+ all: unset; }
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal trough > block {
+ min-height: 9px;
+ border-radius: 5px; }
+ levelbar.horizontal trough > block:dir(rtl) {
+ border-radius: 0 5px 5px 0; }
+ levelbar.horizontal trough > block:dir(ltr) {
+ border-radius: 5px 0 0 5px; }
+ levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full {
+ border-radius: 5px; }
+
+levelbar.horizontal.discrete trough > block {
+ min-height: 2px;
+ margin: 1px;
+ min-width: 24px;
+ border-radius: 0; }
+ levelbar.horizontal.discrete trough > block:first-child {
+ border-radius: 2px 0 0 2px; }
+ levelbar.horizontal.discrete trough > block:last-child {
+ border-radius: 0 2px 2px 0; }
+
+levelbar.vertical trough > block {
+ min-width: 9px;
+ border-radius: 5px; }
+
+levelbar.vertical.discrete > trough > block {
+ min-width: 2px;
+ margin: 1px 0;
+ min-height: 32px; }
+
+levelbar > trough {
+ padding: 0; }
+
+levelbar > trough > block {
+ border: 1px solid; }
+ levelbar > trough > block.low {
+ border-color: #fd7d00;
+ background-color: #fd7d00; }
+ levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
+ border-color: #962ac3;
+ background-color: #962ac3; }
+ levelbar > trough > block.full {
+ border-color: #308e63;
+ background-color: #308e63; }
+ levelbar > trough > block.empty {
+ background-color: #181a20;
+ border-color: #181a20; }
+
+/****************
+ * Print dialog *
+*****************/
+window.dialog.print drawing {
+ color: #eeeeec;
+ background: none;
+ border: none;
+ padding: 0; }
+ window.dialog.print drawing paper {
+ background: white;
+ color: #2e3436;
+ border: 1px solid #13151a; }
+
+window.dialog.print .dialog-action-box {
+ margin: 12px; }
+
+/**********
+ * Frames *
+ **********/
+frame,
+.frame {
+ border: 1px solid #13151a; }
+
+frame {
+ border-radius: 7px; }
+ frame > label {
+ margin: 4px; }
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid #13151a; }
+ actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end {
+ border-spacing: 6px; }
+
+scrolledwindow > overshoot.top {
+ background-image: radial-gradient(farthest-side at top, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at top, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+
+scrolledwindow > overshoot.bottom {
+ background-image: radial-gradient(farthest-side at bottom, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at bottom, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0));
+ background-size: 100% 3%, 100% 50%;
+ background-repeat: no-repeat;
+ background-position: bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+
+scrolledwindow > overshoot.left {
+ background-image: radial-gradient(farthest-side at left, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at left, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: left;
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+
+scrolledwindow > overshoot.right {
+ background-image: radial-gradient(farthest-side at right, black 85%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at right, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0));
+ background-size: 3% 100%, 50% 100%;
+ background-repeat: no-repeat;
+ background-position: right;
+ background-color: transparent;
+ border: none;
+ box-shadow: none; }
+
+scrolledwindow > junction {
+ background: #13151a, linear-gradient(to bottom, transparent 1px, #272a34 1px), linear-gradient(to right, transparent 1px, #272a34 1px); }
+ scrolledwindow > junction:dir(rtl) {
+ background: #13151a, linear-gradient(to bottom, transparent 1px, #272a34 1px), linear-gradient(to left, transparent 1px, #272a34 1px); }
+
+separator {
+ background: #1e2128;
+ min-width: 1px;
+ min-height: 1px; }
+
+/*********
+ * Lists *
+ *********/
+listview,
+list {
+ color: white;
+ background-color: #272a34;
+ border-color: #13151a; }
+ listview:backdrop,
+ list:backdrop {
+ color: #d4d5d7;
+ background-color: #292c37;
+ border-color: #13151a; }
+ listview > row,
+ list > row {
+ padding: 2px; }
+ listview > row.expander,
+ list > row.expander {
+ padding: 0px; }
+ listview > row.expander .row-header,
+ list > row.expander .row-header {
+ padding: 2px; }
+ listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator),
+ list.horizontal row.separator,
+ list.separators.horizontal > row:not(.separator) {
+ border-left: 1px solid #4f5159; }
+ listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator),
+ list:not(.horizontal) row.separator,
+ list.separators:not(.horizontal) > row:not(.separator) {
+ border-bottom: 1px solid #4f5159; }
+
+row {
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ row {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ row:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ row.activatable.has-open-popup, row.activatable:hover {
+ background-color: rgba(238, 238, 236, 0.05); }
+ row.activatable:active {
+ box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
+ row.activatable:selected:active {
+ box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
+ row.activatable:selected.has-open-popup, row.activatable:selected:hover {
+ background-color: #9f3ec7; }
+ row:selected {
+ outline-color: rgba(255, 255, 255, 0.3); }
+
+columnview > listview > row {
+ padding: 0; }
+ columnview > listview > row > cell {
+ padding: 8px 6px; }
+ columnview > listview > row > cell:not(:first-child) {
+ border-left: 1px solid transparent; }
+
+columnview.column-separators > listview > row > cell {
+ border-left-color: #4f5159; }
+
+columnview.data-table > listview > row > cell {
+ padding-top: 2px;
+ padding-bottom: 2px; }
+
+treeexpander {
+ border-spacing: 4px; }
+
+/********************************************************
+ * Data Tables *
+ * treeview like tables with individual focusable cells *
+ * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 *
+ ********************************************************/
+columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
+ outline: 2px solid rgba(150, 42, 195, 0.7); }
+
+columnview row:not(:selected) cell editablelabel.editing:focus-within {
+ outline: 2px solid #962ac3; }
+
+columnview row:not(:selected) cell editablelabel.editing text selection {
+ background-color: rgba(119, 119, 119, 0.5);
+ color: transparent; }
+ columnview row:not(:selected) cell editablelabel.editing text selection:focus-within {
+ background-color: #962ac3;
+ color: #ffffff; }
+
+/*******************************************************
+ * Rich Lists *
+ * Large list usually containing lots of widgets *
+ * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 *
+ *******************************************************/
+.rich-list {
+ /* rich lists usually containing other widgets than just labels/text */ }
+ .rich-list > row {
+ padding: 8px 12px;
+ min-height: 32px;
+ /* should be tall even when only containing a label */ }
+ .rich-list > row > box {
+ border-spacing: 12px; }
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ padding: 10px;
+ border-spacing: 10px;
+ border-radius: 0 0 5px 5px;
+ background-color: #303340;
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
+ background-clip: padding-box; }
+ .app-notification border {
+ border: none; }
+
+/*************
+ * Expanders *
+ *************/
+expander {
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+ expander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
+ expander:disabled {
+ color: #888a8d; }
+ expander:checked {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+
+expander-widget {
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ expander-widget > box > title {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ expander-widget:focus:focus-visible > box > title {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ expander-widget > box > title {
+ transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ border-radius: 4px; }
+ expander-widget > box > title:hover > expander {
+ color: white; }
+
+.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active),
+placessidebar:not(decoration):not(window):drop(active):focus,
+placessidebar:not(decoration):not(window):drop(active),
+stackswitcher:not(decoration):not(window):drop(active):focus,
+stackswitcher:not(decoration):not(window):drop(active),
+expander-widget:not(decoration):not(window):drop(active):focus,
+expander-widget:not(decoration):not(window):drop(active) {
+ box-shadow: none; }
+
+/************
+ * Calendar *
+ ***********/
+calendar {
+ color: white;
+ border: 1px solid #13151a;
+ font-feature-settings: "tnum"; }
+ calendar > header {
+ border-bottom: 1px solid #13151a; }
+ calendar > header > button {
+ border: none;
+ box-shadow: none;
+ background: none;
+ border-radius: 0; }
+ calendar > header > button:backdrop {
+ background: none; }
+ calendar > grid > label.today {
+ box-shadow: inset 0px -2px #13151a; }
+ calendar > grid > label.today:selected {
+ box-shadow: none; }
+ calendar > grid > label:focus {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-offset: -2px;
+ outline-width: 2px;
+ outline-style: solid; }
+ calendar > grid > label.day-number {
+ padding: 4px; }
+ calendar > grid > label.day-number:selected {
+ border-radius: 3px; }
+ calendar > grid > label.day-number.other-month {
+ color: alpha(currentColor,0.3); }
+
+/***********
+ * Dialogs *
+ ***********/
+window.dialog.message .titlebar {
+ min-height: 20px;
+ background-image: none;
+ background-color: #23252e;
+ border-style: none;
+ border-top-left-radius: 7px;
+ border-top-right-radius: 7px; }
+
+window.dialog.message box.dialog-vbox.vertical {
+ border-spacing: 10px; }
+
+window.dialog.message label.title {
+ font-weight: 800;
+ font-size: 15pt; }
+
+window.dialog.message.csd.background {
+ border-bottom-left-radius: 8px;
+ border-bottom-right-radius: 8px; }
+
+window.dialog.message.csd .dialog-action-area button {
+ padding: 10px 14px;
+ border-radius: 0;
+ border-left-style: solid;
+ border-right-style: none;
+ border-bottom-style: none; }
+ window.dialog.message.csd .dialog-action-area button:first-child {
+ border-left-style: none;
+ border-bottom-left-radius: 7px; }
+ window.dialog.message.csd .dialog-action-area button:last-child {
+ border-bottom-right-radius: 7px; }
+
+filechooser .dialog-action-box {
+ border-top: 1px solid #13151a; }
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid #23252e; }
+
+filechooserbutton > button > box {
+ border-spacing: 6px; }
+
+filechooserbutton:drop(active) {
+ box-shadow: none;
+ border-color: transparent; }
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ background-color: #252831; }
+ .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
+ border-right: 1px solid #13151a;
+ border-left-style: none; }
+ .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+ border-left: 1px solid #13151a;
+ border-right-style: none; }
+ .sidebar listview.view,
+ .sidebar list {
+ background-color: transparent; }
+ paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+ border-style: none; }
+
+stacksidebar list.separators:not(.horizontal) > row:not(.separator) {
+ border-bottom: none; }
+
+stacksidebar row {
+ padding: 10px 4px;
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ stacksidebar row {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ stacksidebar row:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ stacksidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px; }
+ stacksidebar row.needs-attention > label {
+ background-size: 6px 6px, 0 0; }
+ stacksidebar row:selected {
+ background-color: #3b3e46;
+ border-radius: 5px;
+ color: #eeeeec; }
+ stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) {
+ background-color: #2f3238; }
+ stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active {
+ box-shadow: none; }
+
+separator.sidebar {
+ background-color: #13151a; }
+
+/**********************
+ * Navigation Sidebar *
+ **********************/
+.navigation-sidebar {
+ padding: 5px 0; }
+ .navigation-sidebar > separator {
+ margin: 5px; }
+ .navigation-sidebar > row {
+ min-height: 36px;
+ padding: 0 8px;
+ border-radius: 5px;
+ margin: 0 5px 2px;
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ .navigation-sidebar > row {
+ outline: 0 solid transparent;
+ outline-offset: 4px; }
+ .navigation-sidebar > row:focus-visible:focus-within {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: -2px; }
+ .navigation-sidebar > row:hover {
+ background-color: #2f3238; }
+ .navigation-sidebar > row:selected {
+ background-color: #3b3e46;
+ color: inherit; }
+ .navigation-sidebar > row:selected:hover {
+ background-color: #2f3238; }
+ .navigation-sidebar > row:disabled {
+ color: #888a8d; }
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ opacity: 0.7; }
+
+/* this should be more generic, only using .navigation-sidebar
+ https://gitlab.gnome.org/GNOME/gtk/-/issues/2929
+*/
+placessidebar .navigation-sidebar > row {
+ padding: 0; }
+ placessidebar .navigation-sidebar > row > revealer {
+ padding: 0 14px; }
+ placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px; }
+ placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px; }
+ placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) {
+ padding-right: 2px; }
+ placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) {
+ padding-left: 2px; }
+ button.sidebar-button {
+ min-height: 26px;
+ min-width: 26px;
+ margin-top: 3px;
+ margin-bottom: 3px;
+ padding: 0;
+ border-radius: 100%; }
+ placessidebar .navigation-sidebar > row:selected:active {
+ box-shadow: none; }
+ placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
+ padding: 0 8px;
+ min-height: 2px;
+ background-image: image(#19a187);
+ background-clip: content-box; }
+ placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
+ color: #962ac3; }
+ placessidebar .navigation-sidebar > row:drop(active):not(:disabled) {
+ color: #19a187;
+ box-shadow: inset 0 1px #19a187, inset 0 -1px #19a187; }
+ placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected {
+ color: #ffffff;
+ background-color: #19a187; }
+
+placesview .server-list-button > image {
+ transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ -gtk-icon-transform: rotate(0turn); }
+
+placesview .server-list-button:checked > image {
+ transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ -gtk-icon-transform: rotate(-0.5turn); }
+
+placesview > actionbar > revealer > box > box {
+ border-spacing: 6px; }
+
+/*********
+ * Paned *
+ *********/
+paned > separator {
+ min-width: 1px;
+ min-height: 1px;
+ -gtk-icon-source: none;
+ border-style: none;
+ background-color: transparent;
+ background-image: image(#13151a);
+ background-size: 1px 1px; }
+ paned > separator:selected {
+ background-image: image(#962ac3); }
+ paned > separator.wide {
+ min-width: 5px;
+ min-height: 5px;
+ background-color: #23252e;
+ background-image: image(#13151a), image(#13151a);
+ background-size: 1px 1px, 1px 1px; }
+
+paned.horizontal > separator {
+ background-repeat: repeat-y; }
+ paned.horizontal > separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left; }
+ paned.horizontal > separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right; }
+ paned.horizontal > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right; }
+
+paned.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top; }
+ paned.vertical > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top; }
+
+/**************
+ * GtkVideo *
+ **************/
+video {
+ background: black; }
+ video image.osd {
+ min-width: 64px;
+ min-height: 64px;
+ border-radius: 32px; }
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ padding: 6px 10px;
+ border-radius: 7px;
+ box-shadow: none; }
+ tooltip.background {
+ background-color: rgba(0, 0, 0, 0.8);
+ background-clip: padding-box;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ color: white; }
+ tooltip > box {
+ border-spacing: 6px; }
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch {
+ transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ colorswatch {
+ outline: 0 solid transparent;
+ outline-offset: 6px; }
+ colorswatch:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 4px;
+ outline-offset: -2px; }
+ colorswatch:drop(active), colorswatch {
+ border-style: none; }
+ colorswatch.top {
+ border-top-left-radius: 5.5px;
+ border-top-right-radius: 5.5px; }
+ colorswatch.top > overlay {
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px; }
+ colorswatch.bottom {
+ border-bottom-left-radius: 5.5px;
+ border-bottom-right-radius: 5.5px; }
+ colorswatch.bottom > overlay {
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px; }
+ colorswatch.left, colorswatch:first-child:not(.top) {
+ border-top-left-radius: 5.5px;
+ border-bottom-left-radius: 5.5px; }
+ colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay {
+ border-top-left-radius: 5px;
+ border-bottom-left-radius: 5px; }
+ colorswatch.right, colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 5.5px;
+ border-bottom-right-radius: 5.5px; }
+ colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay {
+ border-top-right-radius: 5px;
+ border-bottom-right-radius: 5px; }
+ colorswatch.dark > overlay {
+ color: white; }
+ colorswatch.dark.activatable:hover > overlay {
+ border-color: #13151a; }
+ colorswatch.light > overlay {
+ color: black; }
+ colorswatch.light.activatable:hover > overlay {
+ border-color: #13151a; }
+ colorswatch:drop(active) {
+ box-shadow: none; }
+ colorswatch:drop(active).light > overlay {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 2px #13151a, inset 0 0 0 1px #19a187; }
+ colorswatch:drop(active).dark > overlay {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 2px #13151a, inset 0 0 0 1px #19a187; }
+ colorswatch > overlay {
+ border: 1px solid #13151a; }
+ colorswatch.activatable:hover > overlay {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); }
+ colorswatch#add-color-button {
+ border-radius: 5px 0 0 5px; }
+ colorswatch#add-color-button:only-child {
+ border-radius: 5px; }
+ colorswatch#add-color-button > overlay {
+ color: #eeeeec;
+ outline-color: rgba(150, 42, 195, 0.7);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none; }
+ colorswatch#add-color-button.activatable:hover > overlay {
+ color: #eeeeec;
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ colorswatch:disabled {
+ opacity: 0.5; }
+ colorswatch:disabled > overlay {
+ border-color: rgba(0, 0, 0, 0.6);
+ box-shadow: none; }
+ row:selected colorswatch {
+ box-shadow: 0 0 0 2px #ffffff; }
+ colorswatch#editor-color-sample {
+ border-radius: 4px; }
+ colorswatch#editor-color-sample > overlay {
+ border-radius: 4.5px; }
+
+plane {
+ transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ transition-property: outline, outline-width, outline-offset, outline-color;
+ transition-duration: 300ms;
+ animation-timing-function: ease-in-out; }
+ plane {
+ outline: 0 solid transparent;
+ outline-offset: 6px; }
+ plane:focus:focus-visible {
+ outline-color: rgba(150, 42, 195, 0.7);
+ outline-width: 2px;
+ outline-offset: 2px; }
+
+colorchooser .popover.osd {
+ border-radius: 5px; }
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #13151a; }
+ .content-view:hover {
+ -gtk-icon-filter: brightness(1.2); }
+ .content-view .tile {
+ margin: 2px;
+ background-color: black;
+ border-radius: 0;
+ padding: 0; }
+ .content-view .tile:active, .content-view .tile:selected {
+ background-color: #962ac3; }
+ .content-view .tile:disabled {
+ background-color: #242731; }
+
+.osd .scale-popup button.flat {
+ border-style: none;
+ border-radius: 5px; }
+
+.scale-popup button:hover {
+ background-color: rgba(238, 238, 236, 0.1);
+ border-radius: 5px; }
+
+/**********************
+ * Window Decorations *
+ *********************/
+window {
+ border-width: 0px; }
+ window.csd {
+ box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75);
+ margin: 0px;
+ border-radius: 7px 7px 0 0; }
+ window.csd:backdrop {
+ box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75);
+ transition: 200ms ease-out; }
+ window.csd.popup {
+ border-radius: 5px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
+ window.csd.dialog.message {
+ border-radius: 7px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); }
+ window.solid-csd {
+ margin: 0;
+ padding: 4px;
+ border: solid 1px #13151a;
+ border-radius: 0;
+ box-shadow: inset 0 0 0 4px #13151a, inset 0 0 0 3px rgba(35, 37, 46, 0.8), inset 0 1px rgba(238, 238, 236, 0.07); }
+ window.solid-csd:backdrop {
+ box-shadow: inset 0 0 0 4px #13151a, inset 0 0 0 3px #23252e, inset 0 1px rgba(238, 238, 236, 0.07); }
+ window.maximized, window.fullscreen {
+ border-radius: 0;
+ box-shadow: none; }
+ window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom {
+ border-radius: 0;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
+ window:backdrop {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; }
+ window.popup {
+ box-shadow: none; }
+ window.ssd {
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); }
+
+tooltip.csd {
+ border-radius: 5px;
+ box-shadow: none; }
+
+.view:selected:focus, .view:selected,
+textview > text:selected:focus,
+textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected,
+treeview.view:selected:focus,
+treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
+ background-color: #962ac3; }
+ label:selected, .view:selected:focus, .view:selected,
+ textview > text:selected:focus,
+ textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected,
+ treeview.view:selected:focus,
+ treeview.view:selected, row:selected, calendar > grid > label.day-number:selected {
+ color: #ffffff; }
+ label:disabled > selection, label:disabled:selected, .view:disabled:selected,
+ textview > text:disabled:selected:focus,
+ textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected,
+ treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected {
+ color: #cb95e1; }
+
+.monospace {
+ font-family: monospace; }
+
+/**********************
+ * Touch Copy & Paste *
+ *********************/
+cursor-handle {
+ background-color: transparent;
+ background-image: none;
+ box-shadow: none;
+ border-style: none;
+ min-width: 20px;
+ min-height: 24px;
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-top: 24px;
+ padding-bottom: 24px; }
+ cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); }
+ cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); }
+ cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); }
+ cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); }
+ cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); }
+ cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); }
+ cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); }
+ cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); }
+ cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) {
+ -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); }
+
+shortcuts-section {
+ margin: 20px; }
+
+.shortcuts-search-results {
+ margin: 20px;
+ border-spacing: 24px; }
+
+shortcut {
+ border-spacing: 6px; }
+
+shortcut > .keycap {
+ min-width: 20px;
+ min-height: 25px;
+ margin-top: 2px;
+ padding-bottom: 3px;
+ padding-left: 6px;
+ padding-right: 6px;
+ color: #eeeeec;
+ background-color: #272a34;
+ border: 1px solid;
+ border-color: #13151a;
+ border-radius: 5px;
+ box-shadow: inset 0 -3px #1b1d24;
+ font-size: smaller; }
+
+:not(decoration):not(window):drop(active):focus,
+:not(decoration):not(window):drop(active) {
+ border-color: #19a187;
+ box-shadow: inset 0 0 0 1px #19a187;
+ caret-color: #19a187; }
+
+stackswitcher > button.text-button {
+ min-width: 100px; }
+
+stackswitcher.circular {
+ border-spacing: 12px; }
+ stackswitcher.circular > button.circular,
+ stackswitcher.circular > button.text-button.circular {
+ min-width: 32px;
+ min-height: 32px;
+ padding: 0; }
+
+/*************
+ * App Icons *
+ *************/
+/* Outline for low res icons */
+.lowres-icon {
+ -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/* Drapshadow for large icons */
+.icon-dropshadow {
+ -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); }
+
+/*********
+ * Emoji *
+ ********/
+popover.emoji-picker > contents {
+ padding: 0; }
+
+.emoji-searchbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-bottom: 1px solid #13151a; }
+
+.emoji-toolbar {
+ padding: 6px;
+ border-spacing: 6px;
+ border-top: 1px solid #13151a; }
+
+button.emoji-section {
+ border-color: transparent;
+ border-width: 3px;
+ border-style: none none solid;
+ border-radius: 0;
+ padding: 3px 0 0;
+ min-width: 32px;
+ min-height: 28px;
+ /* reset props inherited from the button style */
+ background: none;
+ box-shadow: none;
+ text-shadow: none; }
+ button.emoji-section:hover {
+ border-color: rgba(238, 238, 236, 0.1); }
+ button.emoji-section:checked {
+ border-color: #962ac3; }
+
+popover.emoji-picker emoji {
+ font-size: x-large;
+ padding: 6px;
+ border-radius: 6px; }
+ popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover {
+ background: #962ac3; }
+
+emoji-completion-row > box {
+ border-spacing: 10px;
+ padding: 2px 10px; }
+
+emoji-completion-row:focus,
+emoji-completion-row:hover {
+ background-color: #962ac3;
+ color: #ffffff; }
+
+emoji-completion-row emoji:focus,
+emoji-completion-row emoji:hover {
+ background-color: #3b3e46; }
+
+popover.entry-completion > contents {
+ padding: 0; }
+
+statusbar {
+ padding: 6px 10px 6px 10px; }
+
+menubutton > button > box {
+ border-spacing: 6px; }
+
+menubutton arrow {
+ min-height: 16px;
+ min-width: 16px; }
+ menubutton arrow.none {
+ -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); }
+ menubutton arrow.down {
+ -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
+ menubutton arrow.up {
+ -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
+ menubutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
+ menubutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+row label.subtitle {
+ font-size: smaller;
+ opacity: 0.55;
+ text-shadow: none; }
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 50px; }
+ row > box.header > box.title {
+ margin-top: 8px;
+ margin-bottom: 8px; }
+
+row.expander {
+ background-color: transparent; }
+ row.expander list.nested > row {
+ background-color: alpha(#23252e, 0.5);
+ border-color: alpha(#13151a, 0.7);
+ border-style: solid;
+ border-width: 1px 0px 0px 0px; }
+ row.expander image.expander-row-arrow {
+ transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+ row.expander:checked image.expander-row-arrow {
+ -gtk-icon-transform: rotate(0turn); }
+ row.expander:not(:checked) image.expander-row-arrow {
+ opacity: 0.55;
+ text-shadow: none; }
+ row.expander:not(:checked) image.expander-row-arrow:dir(ltr) {
+ -gtk-icon-transform: rotate(-0.25turn); }
+ row.expander:not(:checked) image.expander-row-arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(0.25turn); }
+ row.expander:checked image.expander-row-arrow:not(:disabled) {
+ color: #962ac3; }
+ row.expander image.expander-row-arrow:disabled {
+ color: #888a8d; }
+
+flap > dimming,
+deck > dimming,
+leaflet > dimming {
+ background: rgba(0, 0, 0, 0.24); }
+
+flap > border,
+deck > border,
+leaflet > border {
+ min-width: 1px;
+ min-height: 1px;
+ background: #13151a; }
+
+flap > shadow,
+deck > shadow,
+leaflet > shadow {
+ min-width: 56px;
+ min-height: 56px; }
+ flap > shadow.left,
+ deck > shadow.left,
+ leaflet > shadow.left {
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
+ flap > shadow.right,
+ deck > shadow.right,
+ leaflet > shadow.right {
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
+ flap > shadow.up,
+ deck > shadow.up,
+ leaflet > shadow.up {
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
+ flap > shadow.down,
+ deck > shadow.down,
+ leaflet > shadow.down {
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.02) 40px, rgba(0, 0, 0, 0) 56px), linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.02) 7px, rgba(0, 0, 0, 0) 24px); }
+
+flap > outline,
+deck > outline,
+leaflet > outline {
+ min-width: 1px;
+ min-height: 1px;
+ background: transparent; }
+
+avatar {
+ border-radius: 9999px;
+ -gtk-outline-radius: 9999px;
+ font-weight: bold; }
+ avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ color: #cfe1f5; }
+ avatar.color2 {
+ background-image: linear-gradient(#7ad9f1, #0f9ac8);
+ color: #caeaf2; }
+ avatar.color3 {
+ background-image: linear-gradient(#8de6b1, #29ae74);
+ color: #cef8d8; }
+ avatar.color4 {
+ background-image: linear-gradient(#b5e98a, #6ab85b);
+ color: #e6f9d7; }
+ avatar.color5 {
+ background-image: linear-gradient(#f8e359, #d29d09);
+ color: #f9f4e1; }
+ avatar.color6 {
+ background-image: linear-gradient(#ffcb62, #d68400);
+ color: #ffead1; }
+ avatar.color7 {
+ background-image: linear-gradient(#ffa95a, #ed5b00);
+ color: #ffe5c5; }
+ avatar.color8 {
+ background-image: linear-gradient(#f78773, #e62d42);
+ color: #f8d2ce; }
+ avatar.color9 {
+ background-image: linear-gradient(#e973ab, #e33b6a);
+ color: #fac7de; }
+ avatar.color10 {
+ background-image: linear-gradient(#cb78d4, #9945b5);
+ color: #e7c2e8; }
+ avatar.color11 {
+ background-image: linear-gradient(#9e91e8, #7a59ca);
+ color: #d5d2f5; }
+ avatar.color12 {
+ background-image: linear-gradient(#e3cf9c, #b08952);
+ color: #f2eade; }
+ avatar.color13 {
+ background-image: linear-gradient(#be916d, #785336);
+ color: #e5d6ca; }
+ avatar.color14 {
+ background-image: linear-gradient(#c0bfbc, #6e6d71);
+ color: #d8d7d3; }
+ avatar.contrasted {
+ color: #fff; }
+ avatar.image {
+ background: none; }
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px; }
+
+statuspage > scrolledwindow > viewport > box {
+ margin: 36px 12px; }
+ statuspage > scrolledwindow > viewport > box > clamp:not(:last-child) > box {
+ margin-bottom: 36px; }
+ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) {
+ margin-bottom: 36px; }
+ statuspage > scrolledwindow > viewport > box > clamp > box > .title:not(:last-child) {
+ margin-bottom: 12px; }
+
+window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp,
+preferencespage > scrolledwindow > viewport > clamp {
+ margin: 0 12px;
+ transition: margin-bottom 200ms ease; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp > list,
+ preferencespage > scrolledwindow > viewport > clamp > box > preferencesgroup {
+ transition: margin-top 200ms ease; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small,
+ preferencespage > scrolledwindow > viewport > clamp.small {
+ margin-bottom: 18px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.small > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp.small > list,
+ preferencespage > scrolledwindow > viewport > clamp.small > box > preferencesgroup {
+ margin-top: 18px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium,
+ preferencespage > scrolledwindow > viewport > clamp.medium {
+ margin-bottom: 24px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.medium > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp.medium > list,
+ preferencespage > scrolledwindow > viewport > clamp.medium > box > preferencesgroup {
+ margin-top: 24px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large,
+ preferencespage > scrolledwindow > viewport > clamp.large {
+ margin-bottom: 30px; }
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > list,
+ window.preferences > deck > deck > box > stack > stack > scrolledwindow > viewport > clamp.large > box > preferencesgroup,
+ preferencespage > scrolledwindow > viewport > clamp.large > list,
+ preferencespage > scrolledwindow > viewport > clamp.large > box > preferencesgroup {
+ margin-top: 30px; }
+
+preferencesgroup > box > label:not(:first-child) {
+ margin-top: 6px; }
+
+preferencesgroup > box > box:not(:first-child) {
+ margin-top: 12px; }
+
+tabbar .tab-indicator:not(.clickable) {
+ background: none;
+ box-shadow: none;
+ border-color: transparent; }
+
+/***************************
+ * Check and Radio buttons *
+ ***************************/
+popover.combo list {
+ min-width: 200px; }
+
+window.csd.unified:not(.solid-csd) headerbar {
+ border-radius: 0; }
+
+.windowhandle, .windowhandle * {
+ -GtkWidget-window-dragging: true; }
+
+popover.combo {
+ padding: 0px; }
+ popover.combo list {
+ border-style: none;
+ background-color: transparent; }
+ popover.combo list > row {
+ padding: 0px 12px 0px 12px;
+ min-height: 50px; }
+ popover.combo list > row:not(:last-child) {
+ border-bottom: 1px solid alpha(#13151a, 0.5); }
+ popover.combo list > row:first-child {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px; }
+ popover.combo list > row:last-child {
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 7px;
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 7px; }
+ popover.combo overshoot.top {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px; }
+ popover.combo overshoot.bottom {
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 7px;
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 7px; }
+ popover.combo scrollbar.vertical {
+ padding-top: 2px;
+ padding-bottom: 2px; }
+ popover.combo scrollbar.vertical:dir(ltr) {
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px;
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 7px; }
+ popover.combo scrollbar.vertical:dir(rtl) {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 7px; }
+
+row.expander {
+ padding: 0px; }
+ row.expander image.expander-row-arrow:dir(ltr) {
+ margin-left: 6px; }
+ row.expander image.expander-row-arrow:dir(rtl) {
+ margin-right: 6px; }
+
+keypad .digit {
+ font-size: 200%;
+ font-weight: bold; }
+
+keypad .letters {
+ font-size: 70%; }
+
+keypad .symbol {
+ font-size: 160%; }
+
+viewswitcher, viewswitcher button {
+ margin: 0;
+ padding: 0; }
+
+viewswitcher button {
+ border-radius: 0;
+ border-top: 0;
+ border-bottom: 0;
+ box-shadow: none;
+ font-size: 1rem; }
+ viewswitcher button:not(:checked):not(:hover) {
+ background: transparent; }
+ viewswitcher button:not(:only-child):not(:last-child) {
+ border-right-width: 0px; }
+ viewswitcher button:not(only-child):first-child:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):not(:hover) {
+ border-left-color: transparent; }
+ viewswitcher button:not(only-child):last-child:not(:checked):not(:hover) {
+ border-right-color: transparent; }
+ viewswitcher button:not(:checked):hover:not(:backdrop) {
+ background-image: image(lighter(#23252e)); }
+ viewswitcher button:not(only-child):first-child:not(:checked):hover, viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover {
+ border-left-color: shade(#13151a, 1.15); }
+ viewswitcher button:not(only-child):last-child:not(:checked):hover {
+ border-right-color: shade(#13151a, 1.15); }
+ viewswitcher button:not(:checked):hover:backdrop {
+ background-image: image(#23252e); }
+ headerbar viewswitcher button:not(:checked):hover:not(:backdrop) {
+ background-image: linear-gradient(to top, shade(alpha(#23252e, 0.7), 0.99) 2px, alpha(#23252e, 0.7)); }
+ headerbar viewswitcher button:not(:checked):not(only-child):first-child:hover, headerbar viewswitcher button:not(:checked):hover + button:not(:checked):not(:hover), headerbar viewswitcher button:not(:checked):not(:hover) + button:not(:checked):hover {
+ border-left-color: #13151a; }
+ headerbar viewswitcher button:not(:checked):not(only-child):last-child:hover {
+ border-right-color: #13151a; }
+ headerbar viewswitcher button:not(:checked):hover:backdrop {
+ background-image: image(#23252e); }
+ viewswitcher button > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 7px;
+ padding-bottom: 5px; }
+ viewswitcher button > stack > box.narrow image,
+ viewswitcher button > stack > box.narrow label {
+ padding-left: 8px;
+ padding-right: 8px; }
+ viewswitcher button > stack > box.wide {
+ padding: 8px 12px; }
+ viewswitcher button > stack > box.wide label:dir(ltr) {
+ padding-right: 7px; }
+ viewswitcher button > stack > box.wide label:dir(rtl) {
+ padding-left: 7px; }
+ viewswitcher button > stack > box label.active {
+ font-weight: bold; }
+ viewswitcher button.needs-attention:active > stack > box label, viewswitcher button.needs-attention:checked > stack > box label {
+ animation: none;
+ background-image: none; }
+ viewswitcher button.needs-attention > stack > box label {
+ animation: needs_attention 150ms ease-in;
+ background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.769231)), to(transparent));
+ background-size: 6px 6px, 6px 6px;
+ background-repeat: no-repeat;
+ background-position: right 0px, right 1px; }
+ viewswitcher button.needs-attention > stack > box label:backdrop {
+ background-size: 6px 6px, 0 0; }
+ viewswitcher button.needs-attention > stack > box label:dir(rtl) {
+ background-position: left 0px, left 1px; }
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0; }
+
+list.content,
+list.content list {
+ background-color: transparent; }
+
+list.content list.nested > row:not(:active):not(:hover):not(:selected), list.content list.nested > row:not(:active):hover:not(.activatable):not(:selected) {
+ background-color: mix(#23252e, #272a34, 0.5); }
+
+list.content list.nested > row:not(:active):hover.activatable:not(:selected) {
+ background-color: mix(#eeeeec, #272a34, 0.95); }
+
+list.content > row:not(.expander):not(:active):not(:hover):not(:selected), list.content > row:not(.expander):not(:active):hover:not(.activatable):not(:selected), list.content > row.expander row.header:not(:active):not(:hover):not(:selected), list.content > row.expander row.header:not(:active):hover:not(.activatable):not(:selected) {
+ background-color: #272a34; }
+
+list.content > row:not(.expander):not(:active):hover.activatable:not(:selected), list.content > row.expander row.header:not(:active):hover.activatable:not(:selected) {
+ background-color: mix(#eeeeec, #272a34, 0.95); }
+
+list.content > row,
+list.content > row list > row {
+ border-color: alpha(#13151a, 0.7);
+ border-style: solid;
+ transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
+
+list.content > row:not(:last-child) {
+ border-width: 1px 1px 0px 1px; }
+
+list.content > row:first-child, list.content > row.expander:first-child row.header, list.content > row.expander:checked, list.content > row.expander:checked row.header, list.content > row.expander:checked + row, list.content > row.expander:checked + row.expander row.header {
+ border-top-left-radius: 8px;
+ -gtk-outline-top-left-radius: 7px;
+ border-top-right-radius: 8px;
+ -gtk-outline-top-right-radius: 7px; }
+
+list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked {
+ border-width: 1px; }
+
+list.content > row:last-child, list.content > row.checked-expander-row-previous-sibling, list.content > row.expander:checked, list.content > row.expander:not(:checked):last-child row.header, list.content > row.expander:not(:checked).checked-expander-row-previous-sibling row.header, list.content > row.expander.empty:checked row.header, list.content > row.expander list.nested > row:last-child {
+ border-bottom-left-radius: 8px;
+ -gtk-outline-bottom-left-radius: 7px;
+ border-bottom-right-radius: 8px;
+ -gtk-outline-bottom-right-radius: 7px; }
+
+list.content > row.expander:checked:not(:first-child), list.content > row.expander:checked + row {
+ margin-top: 6px; }
+
+button.list-button:not(:active):not(:checked):not(:hover) {
+ background: none;
+ border: 1px solid alpha(#13151a, 0.5);
+ box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+ window.csd.unified:not(.solid-csd):not(.fullscreen) headerbar.selection-mode {
+ box-shadow: none; }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen) > decoration-overlay {
+ box-shadow: inset 0 1px rgba(255, 255, 255, 0.065); }
+
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized),
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration,
+window.csd.unified:not(.solid-csd):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right):not(.maximized) > decoration-overlay {
+ border-radius: 8px; }
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+ color: rgba(238, 238, 236, 0.5); }
+ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:backdrop {
+ color: rgba(136, 138, 141, 0.5); }
+
+tabbar .box {
+ min-height: 38px;
+ background: #0f1014;
+ border-bottom: 1px solid black; }
+ tabbar .box:backdrop {
+ background-color: #0f1014;
+ border-color: #13151a; }
+
+tabbar scrolledwindow.pinned undershoot {
+ border: 0 solid black; }
+
+tabbar scrolledwindow.pinned:dir(rtl) undershoot.left {
+ border-left-width: 1px; }
+
+tabbar scrolledwindow.pinned:dir(ltr) undershoot.right {
+ border-right-width: 1px; }
+
+tabbar scrolledwindow.pinned:backdrop undershoot {
+ border-color: #13151a; }
+
+tabbar scrolledwindow.pinned tabbox:dir(ltr) {
+ padding-right: 1px;
+ box-shadow: inset -1px 0 black; }
+ tabbar scrolledwindow.pinned tabbox:dir(ltr):backdrop {
+ box-shadow: inset -1px 0 #13151a; }
+
+tabbar scrolledwindow.pinned tabbox:dir(rtl) {
+ padding-left: 1px;
+ box-shadow: inset 1px 0 black; }
+ tabbar scrolledwindow.pinned tabbox:dir(rtl):backdrop {
+ box-shadow: inset 1px 0 #13151a; }
+
+tabbar undershoot {
+ transition: none; }
+ tabbar undershoot.left {
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); }
+ tabbar undershoot.right {
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 20px); }
+
+tabbar .needs-attention-left undershoot.left {
+ background: linear-gradient(to right, rgba(150, 42, 195, 0.7), rgba(150, 42, 195, 0.5) 1px, rgba(150, 42, 195, 0) 20px); }
+
+tabbar .needs-attention-right undershoot.right {
+ background: linear-gradient(to left, rgba(150, 42, 195, 0.7), rgba(150, 42, 195, 0.5) 1px, rgba(150, 42, 195, 0) 20px); }
+
+tabbar tab {
+ border-style: solid;
+ border-color: black;
+ border-width: 0 1px 0 1px;
+ transition: background 150ms ease-in-out;
+ background-color: #16171d; }
+ tabbar tab:checked {
+ background-color: #23252e; }
+ tabbar tab:checked:hover {
+ background-color: #292c37; }
+ tabbar tab:hover {
+ background-color: #1c1e25; }
+ tabbar tab:backdrop {
+ border-color: #13151a;
+ background-color: #16171d; }
+ tabbar tab:backdrop:checked {
+ background-color: #23252e; }
+
+tabbar .start-action,
+tabbar .end-action {
+ background: #16171d;
+ border-color: black;
+ border-style: solid;
+ transition: background 150ms ease-in-out; }
+ tabbar .start-action:backdrop,
+ tabbar .end-action:backdrop {
+ border-color: #13151a;
+ background-color: #16171d; }
+ tabbar .start-action button,
+ tabbar .end-action button {
+ border: none;
+ border-radius: 0; }
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+ border-right-width: 1px; }
+ tabbar .start-action:dir(ltr) > *,
+ tabbar .end-action:dir(rtl) > * {
+ margin-right: 1px; }
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+ border-left-width: 1px; }
+ tabbar .start-action:dir(rtl) > *,
+ tabbar .end-action:dir(ltr) > * {
+ margin-left: 1px; }
+
+.tab-drag-icon tab {
+ min-height: 26px;
+ background-color: #292c37;
+ box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(19, 21, 26, 0.9), inset 0 1px rgba(238, 238, 236, 0.07);
+ margin: 25px; }
+
+tabbar tab,
+.tab-drag-icon tab {
+ padding: 6px; }
+ tabbar tab.needs-attention,
+ .tab-drag-icon tab.needs-attention {
+ background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), rgba(150, 42, 195, 0.2) 15%, rgba(150, 42, 195, 0) 15%); }
+ tabbar tab .tab-close-button,
+ tabbar tab .tab-indicator,
+ .tab-drag-icon tab .tab-close-button,
+ .tab-drag-icon tab .tab-indicator {
+ padding: 0;
+ margin: 0;
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 99px;
+ border: none;
+ box-shadow: none;
+ -gtk-icon-shadow: none;
+ text-shadow: none;
+ background: none; }
+ tabbar tab .tab-close-button:hover,
+ tabbar tab .tab-indicator.clickable:hover,
+ .tab-drag-icon tab .tab-close-button:hover,
+ .tab-drag-icon tab .tab-indicator.clickable:hover {
+ background: alpha(#eeeeec, 0.15); }
+ tabbar tab .tab-close-button:active,
+ tabbar tab .tab-indicator.clickable:active,
+ .tab-drag-icon tab .tab-close-button:active,
+ .tab-drag-icon tab .tab-indicator.clickable:active {
+ background: alpha(black, 0.2); }
+
+/**********
+ * Button *
+ **********/
+windowcontrols button, notebook > header > tabs > arrow,
+button {
+ padding: 2px 6px; }
+
+
+button:active,
+button:checked {
+ color: #ffffff;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: linear-gradient(to right, #9c2ccb, #9028bb);
+ box-shadow: 0 2px 4px rgba(150, 42, 195, 0.25); }
+
+ button:active:backdrop,
+ button:checked:backdrop {
+ box-shadow: none; }
+
+
+button.image-button {
+ padding-left: 2px;
+ padding-right: 2px; }
+
+
+button.circular {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 2px; }
+
+/**********
+ * Entry *
+ **********/
+spinbutton:not(.vertical), spinbutton.vertical > text,
+entry {
+ min-height: 28px;
+ background-color: #1d2027; }
+
+headerbar spinbutton:not(.vertical), headerbar spinbutton.vertical > text,
+headerbar entry {
+ background: #272a34; }
+
+/**********
+ * Switch *
+ **********/
+switch:checked {
+ border-right-width: 0;
+ margin-right: 1px; }
+
+switch slider:checked {
+ border-color: #13151a; }
+ switch slider:checked:backdrop:not(:disabled) {
+ border-color: #13151a; }
+
+switch slider:disabled {
+ border-color: #13151a; }
+
+/*************************
+ * Check and Radio items *
+ *************************/
+check, menu menuitem check, menu menuitem:hover check,
+radio, menu menuitem radio, menu menuitem:hover radio {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none; }
+ check:hover, menu menuitem check:hover, menu menuitem:hover check:hover,
+ radio:hover, menu menuitem radio:hover, menu menuitem:hover radio:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ check:disabled, check:disabled:checked, check:disabled:indeterminate, check:disabled:backdrop, check:disabled:backdrop:checked, check:disabled:backdrop:indeterminate, menu menuitem check:disabled, menu menuitem check:disabled:checked, menu menuitem check:disabled:indeterminate, menu menuitem check:disabled:backdrop, menu menuitem check:disabled:backdrop:checked, menu menuitem check:disabled:backdrop:indeterminate, menu menuitem:hover check:disabled, menu menuitem:hover check:disabled:checked, menu menuitem:hover check:disabled:indeterminate, menu menuitem:hover check:disabled:backdrop, menu menuitem:hover check:disabled:backdrop:checked, menu menuitem:hover check:disabled:backdrop:indeterminate,
+ radio:disabled,
+ radio:disabled:checked,
+ radio:disabled:indeterminate,
+ radio:disabled:backdrop,
+ radio:disabled:backdrop:checked,
+ radio:disabled:backdrop:indeterminate, menu menuitem radio:disabled, menu menuitem radio:disabled:checked, menu menuitem radio:disabled:indeterminate, menu menuitem radio:disabled:backdrop, menu menuitem radio:disabled:backdrop:checked, menu menuitem radio:disabled:backdrop:indeterminate, menu menuitem:hover radio:disabled, menu menuitem:hover radio:disabled:checked, menu menuitem:hover radio:disabled:indeterminate, menu menuitem:hover radio:disabled:backdrop, menu menuitem:hover radio:disabled:backdrop:checked, menu menuitem:hover radio:disabled:backdrop:indeterminate {
+ border-color: #13151a;
+ background-image: image(#23252e);
+ color: #eeeeec; }
+
+check:checked, check:indeterminate, menu menuitem check:checked, menu menuitem check:indeterminate,
+radio:checked,
+radio:indeterminate, menu menuitem radio:checked, menu menuitem radio:indeterminate {
+ background-image: image(#962ac3);
+ border-color: #962ac3;
+ color: #23252e; }
+ check:checked:active, check:indeterminate:active, menu menuitem check:checked:active, menu menuitem check:indeterminate:active,
+ radio:checked:active,
+ radio:indeterminate:active, menu menuitem radio:checked:active, menu menuitem radio:indeterminate:active {
+ box-shadow: none; }
+ check:checked:backdrop, check:indeterminate:backdrop, menu menuitem check:checked:backdrop, menu menuitem check:indeterminate:backdrop,
+ radio:checked:backdrop,
+ radio:indeterminate:backdrop, menu menuitem radio:checked:backdrop, menu menuitem radio:indeterminate:backdrop {
+ background-image: image(#962ac3);
+ color: #23252e; }
+
+radio:not(:indeterminate):not(:checked):active:not(:backdrop) {
+ -gtk-icon-transform: scale(0); }
+
+check:not(:indeterminate):not(:checked):active:not(:backdrop) {
+ -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
+
+radio:active,
+check:active {
+ -gtk-icon-transform: scale(0, 1); }
+
+radio:checked:not(:backdrop), radio:indeterminate:not(:backdrop),
+check:checked:not(:backdrop),
+check:indeterminate:not(:backdrop) {
+ -gtk-icon-transform: unset;
+ transition: 400ms; }
+
+/************
+ * GtkScale *
+ ************/
+switch slider,
+scale slider {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: black;
+ background-image: image(#323643);
+ box-shadow: none; }
+ switch slider:active, switch slider:hover,
+ scale slider:active,
+ scale slider:hover {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: image(#0f1014);
+ box-shadow: none; }
+
+/***************
+ * Header bars *
+ ***************/
+headerbar {
+ border: none;
+ background: rgba(35, 37, 46, 0.8);
+ box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
+ color: white; }
+ headerbar, headerbar:backdrop {
+ box-shadow: none;
+ background: rgba(35, 37, 46, 0.8); }
+
+.titlebar:not(headerbar),
+headerbar {
+ min-height: 40px; }
+ .titlebar:not(headerbar) .title,
+ headerbar .title {
+ font-weight: normal; }
+ .titlebar:not(headerbar) button,
+ .titlebar:not(headerbar) entry,
+ headerbar button,
+ headerbar entry {
+ border: none;
+ background: image(#323643); }
+ .titlebar:not(headerbar) button:disabled,
+ .titlebar:not(headerbar) entry:disabled,
+ headerbar button:disabled,
+ headerbar entry:disabled {
+ background: image(#1a1c23); }
+ .titlebar:not(headerbar) button:backdrop,
+ headerbar button:backdrop {
+ background: image(#323643); }
+ .titlebar:not(headerbar) button:backdrop:disabled,
+ headerbar button:backdrop:disabled {
+ background: image(#1a1c23); }
+ .titlebar:not(headerbar) stackswitcher button:active, .titlebar:not(headerbar) stackswitcher button:checked,
+ .titlebar:not(headerbar) button.toggle:active,
+ .titlebar:not(headerbar) button.toggle:checked,
+ headerbar stackswitcher button:active,
+ headerbar stackswitcher button:checked,
+ headerbar button.toggle:active,
+ headerbar button.toggle:checked {
+ color: #ffffff;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #962ac3;
+ background-image: linear-gradient(to right, #9c2ccb, #9028bb);
+ box-shadow: 0 2px 4px rgba(150, 42, 195, 0.25); }
+ .titlebar:not(headerbar) windowcontrols,
+ headerbar windowcontrols {
+ margin: 0 5px; }
+ .titlebar:not(headerbar) windowcontrols.end,
+ headerbar windowcontrols.end {
+ margin-left: 11px; }
+ .titlebar:not(headerbar) windowcontrols.right,
+ headerbar windowcontrols.right {
+ margin-right: 11px; }
+ .titlebar:not(headerbar) windowcontrols button.minimize, .titlebar:not(headerbar) windowcontrols button.maximize, .titlebar:not(headerbar) windowcontrols button.close,
+ headerbar windowcontrols button.minimize,
+ headerbar windowcontrols button.maximize,
+ headerbar windowcontrols button.close {
+ color: transparent;
+ -gtk-icon-shadow: none;
+ background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 8px;
+ margin: 0;
+ padding: 0;
+ min-width: 0;
+ min-height: 0;
+ box-shadow: none;
+ border: none;
+ transition: all .2s; }
+ .titlebar:not(headerbar) windowcontrols button.minimize:backdrop, .titlebar:not(headerbar) windowcontrols button.maximize:backdrop, .titlebar:not(headerbar) windowcontrols button.close:backdrop,
+ headerbar windowcontrols button.minimize:backdrop,
+ headerbar windowcontrols button.maximize:backdrop,
+ headerbar windowcontrols button.close:backdrop {
+ background-color: #4e5468;
+ background-image: -gtk-scaled(url("assets/titlebutton.png"), url("assets/titlebutton@2.png"));
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }
+ .titlebar:not(headerbar) windowcontrols button.minimize,
+ headerbar windowcontrols button.minimize {
+ background-color: #fd7d00; }
+ .titlebar:not(headerbar) windowcontrols button.minimize:hover,
+ headerbar windowcontrols button.minimize:hover {
+ background-image: -gtk-scaled(url("assets/minimize.png"), url("assets/minimize@2.png")); }
+ .titlebar:not(headerbar) windowcontrols button.maximize,
+ headerbar windowcontrols button.maximize {
+ background-color: #377cf1; }
+ .titlebar:not(headerbar) windowcontrols button.maximize:hover,
+ headerbar windowcontrols button.maximize:hover {
+ background-image: -gtk-scaled(url("assets/maximize.png"), url("assets/maximize@2.png")); }
+ .titlebar:not(headerbar) windowcontrols button.close,
+ headerbar windowcontrols button.close {
+ background-color: #d31919; }
+ .titlebar:not(headerbar) windowcontrols button.close:hover,
+ headerbar windowcontrols button.close:hover {
+ background-image: -gtk-scaled(url("assets/close.png"), url("assets/close@2.png")); }
+
+headerbar entry,
+headerbar spinbutton,
+headerbar separator:not(.sidebar),
+headerbar button {
+ margin-top: 5px;
+ margin-bottom: 5px; }
+
+headerbar switch {
+ margin-top: 7px;
+ margin-bottom: 7px; }
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-top-color: #13151a; }
+ treeview.view:backdrop {
+ border-top-color: #13151a; }
+ treeview.view header button {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ margin-left: -1px; }
+ treeview.view header button:hover, treeview.view header button:active {
+ border-color: #13151a; }
+ treeview.view header button:backdrop {
+ box-shadow: none; }
+
+/*************
+ * Notebooks *
+ *************/
+notebook > header {
+ border: 0;
+ padding: 0;
+ background-color: #1d2027; }
+ notebook > header.top > tabs, notebook > header.bottom > tabs, notebook > header.left > tabs, notebook > header.right > tabs {
+ margin: 0; }
+ notebook > header.top > tabs > tab,
+ notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab,
+ notebook > header.bottom > tabs > tab.reorderable-page, notebook > header.left > tabs > tab,
+ notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab,
+ notebook > header.right > tabs > tab.reorderable-page {
+ border: 1px solid transparent; }
+ notebook > header.top > tabs > tab:hover:not(:backdrop),
+ notebook > header.top > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.bottom > tabs > tab:hover:not(:backdrop),
+ notebook > header.bottom > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.left > tabs > tab:hover:not(:backdrop),
+ notebook > header.left > tabs > tab.reorderable-page:hover:not(:backdrop), notebook > header.right > tabs > tab:hover:not(:backdrop),
+ notebook > header.right > tabs > tab.reorderable-page:hover:not(:backdrop) {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#414657);
+ box-shadow: none; }
+ notebook > header.top > tabs > tab:checked,
+ notebook > header.top > tabs > tab.reorderable-page:checked, notebook > header.bottom > tabs > tab:checked,
+ notebook > header.bottom > tabs > tab.reorderable-page:checked, notebook > header.left > tabs > tab:checked,
+ notebook > header.left > tabs > tab.reorderable-page:checked, notebook > header.right > tabs > tab:checked,
+ notebook > header.right > tabs > tab.reorderable-page:checked {
+ color: #eeeeec;
+ outline-color: rgba(238, 238, 236, 0.3);
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ background: image(#272a34); }
+ notebook > header.top > tabs > tab:checked:backdrop,
+ notebook > header.top > tabs > tab.reorderable-page:checked:backdrop, notebook > header.bottom > tabs > tab:checked:backdrop,
+ notebook > header.bottom > tabs > tab.reorderable-page:checked:backdrop, notebook > header.left > tabs > tab:checked:backdrop,
+ notebook > header.left > tabs > tab.reorderable-page:checked:backdrop, notebook > header.right > tabs > tab:checked:backdrop,
+ notebook > header.right > tabs > tab.reorderable-page:checked:backdrop {
+ color: #888a8d;
+ border-color: #13151a;
+ background-image: image(#323643);
+ box-shadow: none;
+ background: image(#272a34); }
+ notebook > header.top {
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.top > tabs {
+ margin-bottom: -3px; }
+ notebook > header.top > tabs > tab {
+ margin: 3px 0;
+ border-radius: 4px 4px 0 0; }
+ notebook > header.top > tabs > tab:not(:checked) {
+ box-shadow: 4px 3px 0 -3px #13151a; }
+ notebook > header.top > tabs > tab:checked, notebook > header.top > tabs > tab:checked:backdrop {
+ border-bottom-color: #272a34; }
+ notebook > header.bottom {
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.bottom > tabs {
+ margin-top: -3px; }
+ notebook > header.bottom > tabs > tab {
+ margin: 3px 0;
+ border-radius: 0 0 4px 4px; }
+ notebook > header.bottom > tabs > tab:not(:checked) {
+ box-shadow: 4px -3px 0 -3px #13151a; }
+ notebook > header.bottom > tabs > tab:checked, notebook > header.bottom > tabs > tab:checked:backdrop {
+ border-top-color: #272a34; }
+ notebook > header.right {
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.right > tabs {
+ margin-left: -3px; }
+ notebook > header.right > tabs > tab {
+ margin: 0 3px;
+ border-radius: 0 4px 4px 0; }
+ notebook > header.right > tabs > tab:not(:checked) {
+ box-shadow: -3px 4px 0 -3px #13151a; }
+ notebook > header.right > tabs > tab:checked, notebook > header.right > tabs > tab:checked:backdrop {
+ border-left-color: #272a34; }
+ notebook > header.left {
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) calc(100% - 2px), rgba(0, 0, 0, 0.05) calc(100% - 1px), rgba(0, 0, 0, 0.15)); }
+ notebook > header.left > tabs {
+ margin-right: -3px; }
+ notebook > header.left > tabs > tab {
+ margin: 0 3px;
+ border-radius: 4px 0 0 4px; }
+ notebook > header.left > tabs > tab:not(:checked) {
+ box-shadow: 3px 4px 0 -3px #13151a; }
+ notebook > header.left > tabs > tab:checked, notebook > header.left > tabs > tab:checked:backdrop {
+ border-right-color: #272a34; }
+ notebook > header tab {
+ border-radius: 4px;
+ transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
+ min-height: 24px; }
+ notebook > header tab button.flat {
+ margin-top: 1px;
+ margin-bottom: 1px; }
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar > range > trough > slider {
+ min-width: 6px;
+ min-height: 6px; }
+
+scrollbar > range.fine-tune > trough > slider {
+ min-width: 3px;
+ min-height: 3px; }
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification,
+.app-notification.frame {
+ padding: 0 10px;
+ margin: 5px;
+ border-radius: 7px;
+ border: 1px solid rgba(19, 21, 26, 0.65);
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
+ background-image: none; }
+ .app-notification:backdrop,
+ .app-notification.frame:backdrop {
+ box-shadow: none; }
+
+/**********************
+ * Window Decorations *
+ *********************/
+window.csd {
+ border-radius: 8px 8px 5px 5px;
+ border: 1px solid #272a34;
+ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(19, 21, 26, 0.75); }
+ window.csd:backdrop {
+ box-shadow: 0 2px 8px 0 transparent, 0 0 5px 3px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.75); }
+ window.csd.dialog.message, window.csd.popup {
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(19, 21, 26, 0.65);
+ border-width: 0; }
+ window.csd.background {
+ background: linear-gradient(to bottom, rgba(35, 37, 46, 0.8) 40px, #23252e 40px); }
+ window.csd.background headerbar {
+ background: transparent; }
+
+window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom {
+ border-width: 0; }
+
+window.popup {
+ border-width: 0; }
+
+window.ssd {
+ box-shadow: 0 0 0 1px rgba(19, 21, 26, 0.75);
+ border-width: 0; }
+
+tooltip.csd {
+ border: 0; }
+
+/* GTK NAMED COLORS
+ ----------------
+ use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #eeeeec;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color white;
+/*
+widget base background color */
+@define-color theme_bg_color #23252e;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #272a34;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #962ac3;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #ffffff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #242731;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color #888a8d;
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #272a34;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #888a8d;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color white;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #23252e;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #292c37;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #962ac3;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #ffffff;
+/*
+insensitive color on backdrop windows*/
+@define-color unfocused_insensitive_color #43495a;
+/*
+widgets main borders color */
+@define-color borders #13151a;
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders #13151a;
+/*
+these are pretty self explicative */
+@define-color warning_color #fd7d00;
+@define-color error_color #bf1717;
+@define-color success_color #308e63;
+/*
+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... */
+@define-color wm_title shade(#eeeeec, 1.8);
+@define-color wm_unfocused_title #888a8d;
+@define-color wm_highlight rgba(0, 0, 0, 0);
+@define-color wm_borders_edge rgba(238, 238, 236, 0.07);
+@define-color wm_bg_a shade(#23252e, 1.2);
+@define-color wm_bg_b #23252e;
+@define-color wm_shadow alpha(black, 0.35);
+@define-color wm_border alpha(black, 0.18);
+@define-color wm_button_hover_color_a shade(#23252e, 1.3);
+@define-color wm_button_hover_color_b #23252e;
+@define-color wm_button_active_color_a shade(#23252e, 0.85);
+@define-color wm_button_active_color_b shade(#23252e, 0.89);
+@define-color wm_button_active_color_c shade(#23252e, 0.9);
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #272a34;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1a1c23;
+.open-document-selector-treeview:hover {
+ background-color: alpha(@theme_fg_color, 0.05);
+}
+
+.open-document-selector-treeview:selected:hover {
+ background-color: @theme_selected_bg_color;
+}
+
+/* Only normal state is handle */
+.open-document-selector-name-label {
+ color: @theme_fg_color;
+}
+
+/* Only normal state is handle */
+.open-document-selector-path-label {
+ color: @theme_unfocused_fg_color;
+ font-size: smaller;
+}
+
+/* Only normal state is handle */
+.open-document-selector-match {
+ color: shade (@theme_fg_color, 0.6);
+ background-color: alpha(@warning_color, 0.4);
+}
+
+.gedit-document-panel {
+ background-color: @sidebar_bg;
+}
+
+.gedit-document-panel:backdrop {
+ color: #b0b2b2;
+}
+
+.gedit-document-panel row:selected:backdrop {
+ background-color: #8b8e8f;
+}
+
+.gedit-document-panel-group-row,
+.gedit-document-panel-group-row:hover {
+ border-top: 1px solid alpha(currentColor, 0.3);
+}
+
+.gedit-document-panel-group-row:first-child,
+.gedit-document-panel-group-row:first-child:hover {
+ border-top: 0px;
+}
+
+/* Try to look as the notebook tab close button */
+.gedit-document-panel row button.flat {
+ padding: 0;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ min-width: 18px;
+ min-height: 18px;
+ color: alpha(currentColor,0.3);
+}
+
+.gedit-document-panel row:hover button.flat {
+ color: alpha(currentColor,0.5);
+}
+
+.gedit-document-panel row button.flat:hover {
+ color: @theme_fg_color;
+}
+
+statusbar {
+ border-top: 1px solid @borders;
+}
+
+.gedit-search-slider {
+ background-color: @theme_base_color;
+ padding: 6px;
+ border-color: @borders;
+ border-radius: 0 0 3px 3px;
+ border-width: 0 1px 1px 1px;
+ border-style: solid;
+}
+
+.gedit-search-entry-occurrences-tag {
+ background-color: @theme_base_color;
+ background-image: none;
+ color: shade (@theme_unfocused_fg_color, 0.8);
+ border: 0px;
+ margin: 2px;
+ padding: 2px;
+}
+.nautilus-window,
+.nautilus-window notebook,
+.nautilus-window notebook > stack {
+ background: @theme_base_color;
+}
+
+.nautilus-empty-state-icon {
+ opacity: 0.50;
+}
+
+.nautilus-canvas-item {
+ border-radius: 5px;
+}
+
+.nautilus-canvas-item.thumbnail {
+ -gtk-icon-shadow: 0px 1px 2px @borders,
+ 1px 0px 0px alpha(@borders, 0.25),
+ -1px 0px 0px alpha(@borders, 0.25),
+ 0px 2px 0px alpha(@borders, 0.5);
+}
+
+.nautilus-canvas-item.dim-label {
+ color: mix (@theme_fg_color, @theme_bg_color, 0.50);
+}
+
+.nautilus-canvas-item.dim-label:selected {
+ color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
+}
+
+/* Toolbar */
+
+/* Here we use the .button background-image colors from Adwaita, but ligthen them,
+ * since is not possible to use lighten () in common css. */
+@keyframes needs_attention_keyframes {
+ 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
+ /* can't do animation-direction, so holding the color on two keyframes */
+ 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
+ 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
+ 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: needs_attention_keyframes 2s ease-in-out;
+}
+.nautilus-operations-button-needs-attention-multiple {
+ animation: needs_attention_keyframes 3s ease-in-out;
+ animation-iteration-count: 3;
+}
+
+/* Remove white background and highlight on hover which GTK adds by default
+ * to GtkListBox. TODO: Switch to GtkListView and drop this CSS hack. */
+.operations-list,
+.operations-list > :hover {
+ background: none;
+}
+
+.disclosure-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/* Path bar */
+
+.nautilus-path-bar scrolledwindow {
+ border-radius: 5px 0px 0px 5px;
+ border: 1px @borders solid;
+ border-right-width: 0px;
+ background-color: @theme_bg_color;
+}
+.nautilus-path-bar scrolledwindow undershoot.left {
+ border-radius: 5px 0px 0px 5px;
+ background: linear-gradient(to right, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px);
+}
+.nautilus-path-bar scrolledwindow undershoot.right {
+ background: linear-gradient(to left, @theme_bg_color 6px, alpha(@theme_bg_color, 0) 24px);
+}
+
+.nautilus-path-bar > button,
+.path-buttons-box button {
+ margin: 0px;
+}
+
+.path-buttons-box button {
+ background-image: none;
+ box-shadow: none;
+ border-radius: 5px;
+ border-width: 0px;
+ -gtk-icon-shadow: none;
+}
+
+.path-buttons-box button:not(.current-dir):not(:backdrop):hover {
+ background: alpha(@theme_fg_color, 0.15);
+ box-shadow: inset 0 0 0 2px @theme_bg_color;
+}
+
+.path-buttons-box button:not(.current-dir):not(:backdrop):hover * {
+ opacity: 1;
+}
+
+/* Make the tags fit into the box */
+entry.search > * {
+ margin: 5px;
+}
+
+/* Sidebar */
+
+.nautilus-window .sidebar-row:selected {
+ background: mix(@theme_bg_color, @theme_fg_color, 0.07);
+}
+
+.nautilus-window .sidebar-row:selected,
+.nautilus-window .sidebar-row:selected image,
+.nautilus-window .sidebar-row:selected label {
+ color: mix(@theme_fg_color, @theme_text_color, 0.5);
+}
+
+.nautilus-window .sidebar-row:selected:backdrop {
+ background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
+}
+
+.nautilus-window .sidebar-row:selected:backdrop,
+.nautilus-window .sidebar-row:selected:backdrop label {
+ color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
+}
+
+/* Floating status bar */
+.floating-bar {
+ padding: 1px;
+ background-color: @theme_base_color;
+ border-width: 1px;
+ border-style: solid solid none;
+ border-color: @borders;
+ border-radius: 8px 8px 0 0;
+}
+
+.floating-bar.bottom.left { /* axes left border and border radius */
+ border-left-style: none;
+ border-top-left-radius: 0;
+}
+.floating-bar.bottom.right { /* axes right border and border radius */
+ border-right-style: none;
+ border-top-right-radius: 0;
+}
+
+.floating-bar:backdrop {
+ background-color: @theme_unfocused_base_color;
+ border-color: @unfocused_borders;
+}
+
+.floating-bar button {
+ padding: 0px;
+}
+
+@define-color disk_space_unknown #888a85;
+@define-color disk_space_used #729fcf;
+@define-color disk_space_free #eeeeec;
+
+.disk-space-display {
+ border-style: solid;
+ border-width: 2px;
+}
+
+.disk-space-display.unknown {
+ background-color: @disk_space_unknown;
+ border-color: shade(@disk_space_unknown, 0.7);
+ color: @disk_space_unknown;
+}
+.disk-space-display.unknown.border {
+ color: shade(@disk_space_unknown, 0.7);
+}
+
+.disk-space-display.used {
+ background-color: @disk_space_used;
+ border-color: shade(@disk_space_used, 0.7);
+ color: @disk_space_used;
+}
+.disk-space-display.used.border {
+ color: shade(@disk_space_used, 0.7);
+}
+
+.disk-space-display.free {
+ background-color: @disk_space_free;
+ border-color: shade(@disk_space_free, 0.7);
+ color: @disk_space_free;
+}
+.disk-space-display.free.border {
+ color: shade(@disk_space_free, 0.7);
+}
+
+/* As a workaround for GtkTreeView showing thick border above first row when
+ * horizontal grid lines are enabled, we add them using CSS instead. Exclude the
+ * drop targets to let through the default feedback style. */
+.nautilus-list-view .view:not(:drop(active)) {
+ border-bottom: 1px solid @theme_bg_color;
+}
+
+.nautilus-list-view.thumbnail {
+ -gtk-icon-shadow: 0px 1px 2px @borders,
+ 1px 0px 0px alpha(@borders, 0.25),
+ -1px 0px 0px alpha(@borders, 0.25),
+ 0px 2px 0px alpha(@borders, 0.5);
+}
+
+.search-information {
+ background-color: @theme_selected_bg_color;
+ color:white;
+ padding:2px;
+}
+
+@define-color conflict_bg #fef6b6;
+
+.conflict-row {
+ background: @conflict_bg;
+ color: black;
+}
+
+.conflict-row:hover {
+ background-color: shade(@conflict_bg, 0.9);
+}
+
+.conflict-row:selected {
+ background: @theme_selected_bg_color;
+ color: @theme_selected_fg_color;
+}
+
+/* Icon view */
+flowbox {
+ padding: 18px
+}
+
+flowboxchild {
+ padding: 0px;
+}
+
+flowboxchild:selected {
+ background-color:transparent;
+ outline-color: transparent;
+}
+
+flowboxchild .thumbnail {
+ margin: 4px;
+ box-shadow: 0px 1px 2px 0px alpha(@borders, 0.5),
+ 0px 0px 0px 1px alpha(@borders, 0.5),
+ 0px 2px 0px 0px alpha(@borders, 0.5);
+ border-radius: 2px;
+}
+
+.icon-ui-labels-box {
+ padding: 2px 4px;
+ border-radius: 4px;
+}
+
+flowboxchild:selected .icon-ui-labels-box {
+ color: @theme_selected_fg_color;
+ background-color: @theme_selected_bg_color;
+}
+
+flowboxchild:selected image {
+ -gtk-icon-effect: dim; /* GTK 3 only */
+ /* GTK 4 TODO: Replace previous line with the following one:
+ -gtk-icon-filter: opacity(0.5);
+ */
+ -gtk-icon-shadow: 0px 0px @theme_selected_bg_color;
+}
diff --git a/.themes/Flat-Remix-GTK-Violet-Dark/index.theme b/.themes/Flat-Remix-GTK-Violet-Dark/index.theme
new file mode 100644
index 0000000..23b43f3
--- /dev/null
+++ b/.themes/Flat-Remix-GTK-Violet-Dark/index.theme
@@ -0,0 +1,13 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Flat-Remix-GTK-Violet-Dark
+Comment=Flat-Remix-GTK-Violet-Dark theme"
+Encoding=UTF-8
+
+
+[X-GNOME-Metatheme]
+GtkTheme=Flat-Remix-GTK-Violet-Dark
+MetacityTheme=Flat-Remix-Dark-Metacity
+IconTheme=Flat-Remix-Violet-Dark
+CursorTheme=Adwaita
+ButtonLayout=:minimize,maximize,close