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 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + 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 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + 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 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + 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 @@ +Gnome Symbolic Icon Theme 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 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + 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 @@ +Gnome Symbolic Icon Theme 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 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + 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 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + 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 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + 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 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + 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 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + 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 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + 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