From a8ddb5d8e40547675e7eeee73a1685d98e9dcf1d Mon Sep 17 00:00:00 2001 From: V3n3RiX Date: Tue, 18 Jul 2017 18:20:40 +0100 Subject: rebase Redcore gtk theme on Numix --- Redcore-nighttime/gtk-3.0/apps/granite-widgets.css | 687 --- .../gtk-3.0/apps/lightdm-unity-greeter.css | 67 - Redcore-nighttime/gtk-3.0/assets/all-assets.svg | 4456 +++++++++++++++++++ Redcore-nighttime/gtk-3.0/assets/all-assets.txt | 38 + .../gtk-3.0/assets/bullet-symbolic.svg | 155 - .../gtk-3.0/assets/bullet-symbolic.symbolic.png | Bin 147 -> 0 bytes Redcore-nighttime/gtk-3.0/assets/change_dpi.sh | 4 + .../gtk-3.0/assets/check-symbolic.svg | 155 - .../gtk-3.0/assets/check-symbolic.symbolic.png | Bin 324 -> 0 bytes .../assets/checkbox-active-selectionmode.png | Bin 346 -> 0 bytes .../assets/checkbox-backdrop-selectionmode.png | Bin 352 -> 0 bytes .../checkbox-checked-active-selectionmode.png | Bin 583 -> 0 bytes .../checkbox-checked-backdrop-selectionmode.png | Bin 577 -> 0 bytes .../gtk-3.0/assets/checkbox-checked-dark.svg | 10 + .../checkbox-checked-hover-selectionmode.png | Bin 614 -> 0 bytes .../assets/checkbox-checked-insensitive-dark.svg | 9 + .../assets/checkbox-checked-insensitive.png | Bin 577 -> 0 bytes .../assets/checkbox-checked-insensitive.svg | 9 + .../gtk-3.0/assets/checkbox-checked.svg | 9 + .../assets/checkbox-hover-selectionmode.png | Bin 346 -> 0 bytes .../gtk-3.0/assets/checkbox-mixed-dark.svg | 9 + .../gtk-3.0/assets/checkbox-mixed-hover.png | Bin 388 -> 0 bytes .../assets/checkbox-mixed-insensitive-dark.svg | 9 + .../gtk-3.0/assets/checkbox-mixed-insensitive.png | Bin 385 -> 0 bytes .../gtk-3.0/assets/checkbox-mixed-insensitive.svg | 9 + .../gtk-3.0/assets/checkbox-mixed.png | Bin 381 -> 0 bytes .../gtk-3.0/assets/checkbox-mixed.svg | 9 + .../gtk-3.0/assets/checkbox-selectionmode.png | Bin 346 -> 0 bytes .../gtk-3.0/assets/checkbox-unchecked-dark.svg | 8 + .../assets/checkbox-unchecked-insensitive-dark.svg | 8 + .../assets/checkbox-unchecked-insensitive.png | Bin 352 -> 0 bytes .../assets/checkbox-unchecked-insensitive.svg | 8 + .../gtk-3.0/assets/checkbox-unchecked.svg | 8 + Redcore-nighttime/gtk-3.0/assets/dash-symbolic.svg | 153 - .../gtk-3.0/assets/dash-symbolic.symbolic.png | Bin 130 -> 0 bytes .../gtk-3.0/assets/grid-selection-checked-dark.svg | 9 + .../gtk-3.0/assets/grid-selection-checked.png | Bin 1131 -> 0 bytes .../gtk-3.0/assets/grid-selection-checked.svg | 9 + .../assets/grid-selection-unchecked-dark.svg | 8 + .../gtk-3.0/assets/grid-selection-unchecked.png | Bin 330 -> 0 bytes .../gtk-3.0/assets/grid-selection-unchecked.svg | 8 + .../assets/menuitem-checkbox-checked-hover.png | Bin 285 -> 0 bytes .../assets/menuitem-checkbox-checked-hover.svg | 8 + .../menuitem-checkbox-checked-insensitive.png | Bin 363 -> 0 bytes .../menuitem-checkbox-checked-insensitive.svg | 8 + .../gtk-3.0/assets/menuitem-checkbox-checked.png | Bin 367 -> 0 bytes .../gtk-3.0/assets/menuitem-checkbox-checked.svg | 8 + .../assets/menuitem-checkbox-mixed-hover.png | Bin 158 -> 0 bytes .../assets/menuitem-checkbox-mixed-hover.svg | 8 + .../assets/menuitem-checkbox-mixed-insensitive.png | Bin 167 -> 0 bytes .../assets/menuitem-checkbox-mixed-insensitive.svg | 8 + .../assets/menuitem-checkbox-mixed-selected.svg | 8 + .../gtk-3.0/assets/menuitem-checkbox-mixed.png | Bin 168 -> 0 bytes .../gtk-3.0/assets/menuitem-checkbox-mixed.svg | 8 + .../gtk-3.0/assets/menuitem-checkbox-unchecked.svg | 6 + .../assets/menuitem-radio-checked-hover.png | Bin 167 -> 0 bytes .../assets/menuitem-radio-checked-hover.svg | 8 + .../assets/menuitem-radio-checked-insensitive.png | Bin 181 -> 0 bytes .../assets/menuitem-radio-checked-insensitive.svg | 8 + .../gtk-3.0/assets/menuitem-radio-checked.png | Bin 205 -> 0 bytes .../gtk-3.0/assets/menuitem-radio-checked.svg | 8 + .../gtk-3.0/assets/menuitem-radio-mixed-hover.svg | 8 + .../assets/menuitem-radio-mixed-insensitive.svg | 8 + .../assets/menuitem-radio-mixed-selected.svg | 8 + .../gtk-3.0/assets/menuitem-radio-mixed.svg | 8 + .../gtk-3.0/assets/menuitem-radio-unchecked.svg | 6 + .../gtk-3.0/assets/pane-handle-vertical.svg | 49 + Redcore-nighttime/gtk-3.0/assets/pane-handle.png | Bin 0 -> 150 bytes Redcore-nighttime/gtk-3.0/assets/pane-handle.svg | 49 + Redcore-nighttime/gtk-3.0/assets/pane-handle@2.png | Bin 0 -> 161 bytes .../gtk-3.0/assets/pane-separator-vertical.png | Bin 148 -> 0 bytes .../gtk-3.0/assets/pane-separator.png | Bin 151 -> 0 bytes .../gtk-3.0/assets/radio-checked-dark.svg | 9 + .../assets/radio-checked-insensitive-dark.svg | 9 + .../gtk-3.0/assets/radio-checked-insensitive.svg | 9 + Redcore-nighttime/gtk-3.0/assets/radio-checked.svg | 9 + .../gtk-3.0/assets/radio-mixed-dark.svg | 9 + .../gtk-3.0/assets/radio-mixed-hover.png | Bin 583 -> 0 bytes .../assets/radio-mixed-insensitive-dark.svg | 9 + .../gtk-3.0/assets/radio-mixed-insensitive.png | Bin 563 -> 0 bytes .../gtk-3.0/assets/radio-mixed-insensitive.svg | 9 + Redcore-nighttime/gtk-3.0/assets/radio-mixed.png | Bin 578 -> 0 bytes Redcore-nighttime/gtk-3.0/assets/radio-mixed.svg | 9 + .../gtk-3.0/assets/radio-selected-hover.png | Bin 643 -> 0 bytes .../gtk-3.0/assets/radio-selected-insensitive.png | Bin 631 -> 0 bytes .../gtk-3.0/assets/radio-selected-insensitive.svg | 9 + .../gtk-3.0/assets/radio-selected.png | Bin 625 -> 0 bytes .../gtk-3.0/assets/radio-selected.svg | 9 + .../gtk-3.0/assets/radio-unchecked-dark.svg | 8 + .../assets/radio-unchecked-insensitive-dark.svg | 8 + .../gtk-3.0/assets/radio-unchecked-insensitive.svg | 8 + .../gtk-3.0/assets/radio-unchecked.svg | 8 + .../gtk-3.0/assets/radio-unselected-dark.svg | 6 + .../assets/radio-unselected-insensitive-dark.svg | 6 + .../assets/radio-unselected-insensitive.png | Bin 527 -> 0 bytes .../assets/radio-unselected-insensitive.svg | 8 + .../gtk-3.0/assets/radio-unselected.png | Bin 542 -> 0 bytes .../gtk-3.0/assets/radio-unselected.svg | 8 + Redcore-nighttime/gtk-3.0/assets/resize-grip.png | Bin 187 -> 0 bytes Redcore-nighttime/gtk-3.0/assets/sed.sh | 9 + .../gtk-3.0/assets/titlebutton-close-active.png | Bin 337 -> 0 bytes .../gtk-3.0/assets/titlebutton-close-hover.png | Bin 245 -> 0 bytes .../gtk-3.0/assets/titlebutton-close.png | Bin 252 -> 0 bytes .../gtk-3.0/assets/titlebutton-maximize-active.png | Bin 229 -> 0 bytes .../gtk-3.0/assets/titlebutton-maximize-hover.png | Bin 223 -> 0 bytes .../gtk-3.0/assets/titlebutton-maximize.png | Bin 222 -> 0 bytes .../gtk-3.0/assets/titlebutton-minimize-active.png | Bin 170 -> 0 bytes .../gtk-3.0/assets/titlebutton-minimize-hover.png | Bin 167 -> 0 bytes .../gtk-3.0/assets/titlebutton-minimize.png | Bin 183 -> 0 bytes Redcore-nighttime/gtk-3.0/assets/unsed.sh | 11 + Redcore-nighttime/gtk-3.0/gtk-contained.css | 4546 -------------------- Redcore-nighttime/gtk-3.0/gtk-contained.scss | 16 - Redcore-nighttime/gtk-3.0/gtk-dark.css | 1 + Redcore-nighttime/gtk-3.0/gtk.css | 2 +- Redcore-nighttime/gtk-3.0/gtk.gresource.xml | 96 +- Redcore-nighttime/gtk-3.0/scss/_colors.scss | 67 + Redcore-nighttime/gtk-3.0/scss/_functions.scss | 79 + Redcore-nighttime/gtk-3.0/scss/_global.scss | 89 + Redcore-nighttime/gtk-3.0/scss/_widgets.scss | 37 + Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss | 132 + .../gtk-3.0/scss/apps/_gnome-terminal.scss | 219 + Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss | 193 + .../gtk-3.0/scss/apps/_mate-applications.scss | 82 + Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss | 72 + Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss | 36 + Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss | 80 + Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss | 15 + .../gtk-3.0/scss/apps/_unity-greeter.scss | 119 + Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss | 74 + Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss | 26 + Redcore-nighttime/gtk-3.0/scss/gtk.scss | 3 + .../gtk-3.0/scss/widgets/_actionbar.scss | 106 + Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss | 104 + .../gtk-3.0/scss/widgets/_button.scss | 376 ++ .../gtk-3.0/scss/widgets/_calendar.scss | 38 + .../gtk-3.0/scss/widgets/_choosers.scss | 125 + Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss | 84 + Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss | 48 + .../gtk-3.0/scss/widgets/_infobar.scss | 38 + Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss | 267 ++ Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss | 227 + .../gtk-3.0/scss/widgets/_notebook.scss | 139 + Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss | 132 + .../gtk-3.0/scss/widgets/_overshoot.scss | 119 + .../gtk-3.0/scss/widgets/_progress.scss | 182 + .../gtk-3.0/scss/widgets/_scrollbar.scss | 86 + .../gtk-3.0/scss/widgets/_sidebar.scss | 114 + .../gtk-3.0/scss/widgets/_spinner.scss | 24 + .../gtk-3.0/scss/widgets/_toggle.scss | 128 + .../gtk-3.0/scss/widgets/_toolbar.scss | 132 + Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss | 233 + .../gtk-3.0/scss/widgets/_window.scss | 60 + Redcore-nighttime/gtk-3.0/settings.ini | 3 - 153 files changed, 9160 insertions(+), 5835 deletions(-) delete mode 100644 Redcore-nighttime/gtk-3.0/apps/granite-widgets.css delete mode 100644 Redcore-nighttime/gtk-3.0/apps/lightdm-unity-greeter.css create mode 100644 Redcore-nighttime/gtk-3.0/assets/all-assets.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/all-assets.txt delete mode 100644 Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.symbolic.png create mode 100755 Redcore-nighttime/gtk-3.0/assets/change_dpi.sh delete mode 100644 Redcore-nighttime/gtk-3.0/assets/check-symbolic.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/check-symbolic.symbolic.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-active-selectionmode.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-backdrop-selectionmode.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-active-selectionmode.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-checked.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-hover-selectionmode.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-hover.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-selectionmode.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-dark.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/dash-symbolic.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/dash-symbolic.symbolic.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/grid-selection-checked-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-unchecked.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-hover.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-selected.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/menuitem-radio-unchecked.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/pane-handle-vertical.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/pane-handle.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/pane-handle.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/pane-handle@2.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/pane-separator-vertical.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/pane-separator.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-checked-dark.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive-dark.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-checked.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed-hover.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-mixed.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-selected-hover.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-selected.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-selected.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unchecked-dark.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive-dark.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unchecked.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unselected-dark.svg create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive-dark.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unselected.png create mode 100644 Redcore-nighttime/gtk-3.0/assets/radio-unselected.svg delete mode 100644 Redcore-nighttime/gtk-3.0/assets/resize-grip.png create mode 100755 Redcore-nighttime/gtk-3.0/assets/sed.sh delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-close-active.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-close-hover.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-close.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-active.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-hover.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-active.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-hover.png delete mode 100644 Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize.png create mode 100755 Redcore-nighttime/gtk-3.0/assets/unsed.sh delete mode 100644 Redcore-nighttime/gtk-3.0/gtk-contained.css delete mode 100644 Redcore-nighttime/gtk-3.0/gtk-contained.scss create mode 100644 Redcore-nighttime/gtk-3.0/gtk-dark.css create mode 100644 Redcore-nighttime/gtk-3.0/scss/_colors.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/_functions.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/_global.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/_widgets.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_gnome-terminal.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_mate-applications.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_unity-greeter.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/gtk.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_actionbar.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_button.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_calendar.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_choosers.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_infobar.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_notebook.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_overshoot.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_progress.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_scrollbar.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_spinner.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_toggle.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_toolbar.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss create mode 100644 Redcore-nighttime/gtk-3.0/scss/widgets/_window.scss delete mode 100644 Redcore-nighttime/gtk-3.0/settings.ini (limited to 'Redcore-nighttime/gtk-3.0') diff --git a/Redcore-nighttime/gtk-3.0/apps/granite-widgets.css b/Redcore-nighttime/gtk-3.0/apps/granite-widgets.css deleted file mode 100644 index b21c119..0000000 --- a/Redcore-nighttime/gtk-3.0/apps/granite-widgets.css +++ /dev/null @@ -1,687 +0,0 @@ -/******************** - * dynamic notebook * - ********************/ -.dynamic-notebook { - background-color: shade(@theme_bg_color, 1.05); - background-image: none; -} - -.dynamic-notebook GtkLabel, -.dynamic-notebook GtkImage { - color: alpha(@theme_fg_color, 0.5); -} - -.dynamic-notebook .notebook { - -GtkNotebook-tab-overlap: 3px; - -GtkNotebook-initial-gap: 12px; - - border-width: 1px 0 0 0; - border-color: shade(@theme_bg_color, 0.8); - border-radius: 0; - padding: 0; -} - -.dynamic-notebook .notebook tab { - padding: 3px; - border-width: 1px; - border-color: shade(@theme_bg_color, 0.9); - border-radius: 3px; - background-color: @theme_bg_color; - background-image: none; - color: @theme_fg_color; -} - -.dynamic-notebook .notebook tab:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 1.05); - color: @theme_fg_color; -} - -.dynamic-notebook .notebook tab .entry { - border-radius: 3px; - padding: 3px; -} - -.dynamic-notebook .button:hover, -.dynamic-notebook .button:hover:active, -.dynamic-notebook .notebook .button, -.dynamic-notebook .notebook .button:hover, -.dynamic-notebook .notebook .button:hover:active { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -.dynamic-notebook .button:hover:active, -.dynamic-notebook .notebook .button:hover:active { - border-color: shade(@theme_bg_color, 0.6); - background-color: shade(@theme_bg_color, 0.85); - color: shade(@theme_fg_color, 0.7); -} - -.dynamic-notebook .menu GtkLabel { - color: @menu_fg_color; -} - -/**************** - * content view * - ****************/ -.content-view-window { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - border-radius: 2px; - background-color:@theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.content-view, -.content-view GtkViewport { - background-color: @theme_base_color; - background-image: none; -} - -.content-view * { - background-color: transparent; - background-image: none; -} - -.content-view .entry { - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.content-view .button { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - border-radius: 2px; - background-color: shade(@theme_base_color, 1.02); - background-image: none; - color: @theme_text_color; -} - -.content-view .button:hover { - border-color: shade(@theme_base_color, 0.7); - background-color: shade(@theme_base_color, 1.10); - background-image: none; -} - -.content-view .button:active { - border-color: shade(@theme_base_color, 0.6); - background-color: shade(@theme_base_color, 0.85); - background-image: none; -} - -.content-view .button:active:hover { - border-color: shade(@theme_base_color, 0.7); - color: shade(@theme_text_color, 1.10); -} - -.content-view .button:insensitive { - border-color: shade(@theme_base_color, 0.8); - background-color: shade(@theme_base_color, 0.95); - background-image: none; -} - -.content-view .help_button * { - color: @theme_text_color; -} - -.content-view .toolbar { - -GtkWidget-window-dragging: true; - - padding: 1px; - border-width: 0 0 1px 0; - border-style: solid; - border-color: shade(@theme_base_color, 0.8); - background-color: @theme_base_color; - background-image: none; -} - -.content-view .menu { - padding: 0; - border-radius: 0; - border-style: none; - background-color: @menu_bg_color; - background-image: none; - color: @menu_fg_color; -} - -/************** - * sourcelist * - **************/ -.source-list, -.source-list.view { - border-radius: 0; - background-color: @theme_bg_color; - background-image: none; - color: mix(@theme_fg_color, @theme_bg_color, 0.1); -} - -.source-list { - -GtkTreeView-horizontal-separator: 1; - -GtkTreeView-vertical-separator: 1; -} - -.source-list.view:selected, -.source-list.view:prelight:selected { - border-width: 1px 0; - border-style: solid; - border-top-color: shade(@theme_bg_color, 0.85); - border-bottom-color: shade(@theme_bg_color, 1.12); - background-image: linear-gradient(to bottom, - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.87), - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.95) 10%, - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.99) 92%, - shade(mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.1), 0.92) - ); - - color: mix(@theme_text_color, @theme_base_color, 0.3); -} - -.source-list.view:prelight { - border-color: mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.3); - background-color: mix(shade(@theme_base_color, 0.9), shade(@theme_selected_bg_color, 1.35), 0.3); - background-image: none; -} - -.source-list.badge, -.source-list.badge:prelight, -.source-list.badge:selected, -.source-list.badge:prelight:selected { - margin: 0 3px; - padding: 0 6px; - border-width: 0; - border-radius: 10px; - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.9) - ); - color: @theme_selected_fg_color; -} - -/****************** - * no undo button * - ******************/ -.button.noundo, -.content-view .button.noundo { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 1.05); - background-image: none; - color: @error_fg_color; -} - -.button.noundo:hover, -.content-view .button.noundo:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: @error_bg_color; - background-image: none; -} - -.button.noundo:active, -.content-view .button.noundo:active { - border-color: shade(@error_bg_color, 0.8); - background-color: shade(@error_bg_color, 0.95); - background-image: none; -} - -.button.noundo:active:hover, -.content-view .button.noundo:active:hover { - border-color: shade(@error_bg_color, 0.7); - background-color: shade(@error_bg_color, 0.97); - background-image: none; -} - -.button.noundo GtkLabel, -.button.noundo Gtklabel:prelight { - color: @error_fg_color; -} - -/********************** - * affirmative button * - **********************/ -.button.affirmative, -.content-view .button.affirmative { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 1.05); - background-image: none; - color: @theme_selected_fg_color; -} - -.button.affirmative:hover, -.content-view .button.affirmative:hover { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: @theme_selected_bg_color; - background-image: none; -} - -.button.affirmative:active, -.content-view .button.affirmative:active { - border-color: shade(@theme_selected_bg_color, 0.8); - background-color: shade(@theme_selected_bg_color, 0.95); - background-image: none; -} - -.button.affirmative:active:hover, -.content-view .button.affirmative:active:hover { - border-color: shade(@theme_selected_bg_color, 0.7); - background-color: shade(@theme_selected_bg_color, 0.97); - background-image: none; -} - -.button.affirmative GtkLabel, -.button.affirmative Gtklabel:prelight { - color: @theme_selected_fg_color; -} - -/********************** - * secondary toolbars * - **********************/ -.secondary-toolbar.toolbar { - padding: 2px; - border-color: shade(@toolbar_bg_color, 0.8); - background-color: @toolbar_bg_color; - background-image: none; -} - -.secondary-toolbar.toolbar .button { - border-color: shade(@toolbar_bg_color, 0.8); - background-color: shade(@toolbar_bg_color, 1.05); - background-image: none; - color: @toolbar_fg_color; -} - -.secondary-toolbar.toolbar .button:hover { - border-color: shade(@toolbar_bg_color, 0.7); - background-color: shade(@toolbar_bg_color, 1.10); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active { - border-color: shade(@toolbar_bg_color, 0.8); - background-color: shade(@toolbar_bg_color, 0.95); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active:hover { - border-color: shade(@toolbar_bg_color, 0.7); -} - -.secondary-toolbar.toolbar .button:focus, -.secondary-toolbar.toolbar .button:hover:focus, -.secondary-toolbar.toolbar .button:active:focus, -.secondary-toolbar.toolbar .button:active:hover:focus { - border-color: shade(@toolbar_bg_color, 0.7); -} - -.secondary-toolbar.toolbar .button:insensitive { - border-color: shade(@toolbar_bg_color, 0.85); - background-color: shade(@toolbar_bg_color, 0.9); - background-image: none; -} - -.secondary-toolbar.toolbar .button:active *:insensitive { - border-color: shade(@toolbar_bg_color, 0.75); - background-color: shade(@toolbar_bg_color, 0.80); - background-image: none; -} - -/******************* - * bottom toolbars * - *******************/ -.bottom-toolbar.toolbar { - padding: 6px; - border-width: 1px 0 0 0; - border-color: shade(@theme_bg_color, 0.8); - background-color: @theme_bg_color; - background-image: none; -} - -.bottom-toolbar.toolbar .button { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 1.05); - background-image: none; - color: @theme_fg_color; -} - -.bottom-toolbar.toolbar .button:hover { - border-color: shade(@theme_bg_color, 0.7); - background-color: shade(@theme_bg_color, 1.10); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active { - border-color: shade(@theme_bg_color, 0.8); - background-color: shade(@theme_bg_color, 0.95); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active:hover { - border-color: shade(@theme_bg_color, 0.7); -} - -.bottom-toolbar.toolbar .button:focus, -.bottom-toolbar.toolbar .button:hover:focus, -.bottom-toolbar.toolbar .button:active:focus, -.bottom-toolbar.toolbar .button:active:hover:focus { - border-color: shade(@theme_bg_color, 0.7); -} - -.bottom-toolbar.toolbar .button:insensitive { - border-color: shade(@theme_bg_color, 0.85); - background-color: shade(@theme_bg_color, 0.9); - background-image: none; -} - -.bottom-toolbar.toolbar .button:active *:insensitive { - border-color: shade(@theme_bg_color, 0.75); - background-color: shade(@theme_bg_color, 0.80); - background-image: none; -} - -/************* - * statusbar * - *************/ -GraniteWidgetsStatusBar { - padding: 1px; - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.0), - shade(@theme_bg_color, 0.88) - ); - - box-shadow: inset 0 1px shade(@theme_bg_color, 0.8); -} - -/*********** - * popover * - ***********/ -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 12; - -GraniteWidgetsPopOver-border-radius: 5px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 15; - - margin: 0; - border-style: solid; - border-color: shade(@menu_bg_color, 0.8); - color: @menu_fg_color; -} - -.popover_bg { - background-color: transparent; - background-image: linear-gradient(to bottom, - @menu_bg_color, - shade(@menu_bg_color, 0.98) - ); -} - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .sidebar.view:selected, -GraniteWidgetsPopOver .sidebar.view:selected:focus, -GraniteWidgetsPopOver *:selected, -GraniteWidgetsPopOver *:selected:focus { - background-color: @theme_selected_bg_color; - background-image: none; - color: @theme_selected_fg_color; -} - -GraniteWidgetsPopOver .button { - border-color: shade(@menu_bg_color, 0.8); - background-color: shade(@menu_bg_color, 1.08); - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .button:hover { - border-color: shade(@menu_bg_color, 0.7); - background-color: shade(@menu_bg_color, 1.10); - background-image: none; - color: shade(@menu_fg_color, 0.7); -} - -GraniteWidgetsPopOver .button:active { - border-color: shade(@menu_bg_color, 0.8); - background-color: shade(@menu_bg_color, 0.95); - background-image: none; -} - -GraniteWidgetsPopOver .button:active:hover { - border-color: shade(@menu_bg_color, 0.7); - color: shade(@menu_fg_color, 0.7); -} - -/* linked buttons */ -GraniteWidgetsPopOver .linked .button { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.9); -} - -GraniteWidgetsPopOver .linked .button:active { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.8), - inset 1px 1px alpha(@dark_shadow, 0.06), - inset -1px -1px alpha(@dark_shadow, 0.06); -} - -GraniteWidgetsPopOver .linked .button:insensitive { - box-shadow: inset -1px 0 shade(@menu_bg_color, 0.8), - inset 1px 1px alpha(@light_shadow, 0.2); -} - -GraniteWidgetsPopOver .linked .button:last-child, -GraniteWidgetsPopOver .linked .button:only-child, -GraniteWidgetsPopOver .linked .button:insensitive:last-child, -GraniteWidgetsPopOver .linked .button:insensitive:only-child, -GraniteWidgetsPopOver .linked .button:active *:insensitive:last-child, -GraniteWidgetsPopOver .linked .button:active *:insensitive:only-child { - box-shadow: inset 1px 1px alpha(@light_shadow, 0.4), - inset -1px 0 alpha(@light_shadow, 0.4); -} - -GraniteWidgetsPopOver .linked .button:active:last-child, -GraniteWidgetsPopOver .linked .button:active:only-child { - box-shadow: inset 1px 1px alpha(@dark_shadow, 0.06), - inset -1px -1px alpha(@dark_shadow, 0.06); -} - -GraniteWidgetsPopOver .entry { - border-color: shade(@menu_bg_color, 0.7); - background-color: @menu_bg_color; - background-image: none; - color: @menu_fg_color; -} - -GraniteWidgetsPopOver .entry:active, -GraniteWidgetsPopOver .entry:focus { - border-color: shade(@menu_bg_color, 0.7); -} - -GraniteWidgetsPopOver *.separator { - border-color: shade(@menu_bg_color, 0.9); - color: transparent; -} - -.button.app { - border-width: 0; - border-radius: 2px; - background-color: transparent; - background-image: none; -} - -.button.app:hover { - border-color: shade(@theme_selected_bg_color, 0.8); - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.9) - ); - - color: @theme_selected_fg_color; -} - -.button.app:focus { - border-color: shade(@theme_selected_bg_color, 0.8); - background-image: linear-gradient(to bottom, - shade(@theme_selected_bg_color, 1.1), - shade(@theme_selected_bg_color, 0.9) - ); - - color: @theme_selected_fg_color; -} - -/******** - * gala * - ********/ -.gala-workspaces-background { - border-width: 1px 0 0 0; - border-color: shade(@panel_bg_color, 0.8); - background-color: @panel_bg_color; - background-image: none; -} - -.gala-workspace-selected { - border-width: 1px; - border-radius: 2px; - border-color: shade(@theme_selected_bg_color, 0.9); - background-color: @theme_selected_bg_color; - background-image: none; -} - -/********* - * files * - *********/ -.files-overlay-bar { - margin: 3px; - padding: 3px 6px; - border-width: 1px; - border-color: shade(@theme_base_color, 0.7); - border-radius: 2px; - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.1), - shade(@theme_bg_color, 0.9) - ); -} - -.files-overlay-bar GtkLabel { - color: @theme_text_color; -} - -/********* - * noise * - *********/ -.album-list-view, -.album-list-view * { - border-color: shade(@theme_base_color, 0.7); - border-radius: 0; - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.album-list-view GtkTreeView { - -GtkTreeView-vertical-separator: 1; - -GtkTreeView-grid-line-width: 0; - - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.album-list-view GtkTreeView row:nth-child(even) { - border-width: 0; - border-style: none; - background-color: shade(@theme_base_color, 0.9); - background-image: none; -} - - -.album-list-view GtkTreeView row:nth-child(odd) { - border-width: 0; - border-style: none; - background-color: shade(@theme_base_color, 1.0); - background-image: none; -} - -.album-list-view GtkTreeView row:selected { - background-color: @selected_bg_color; - background-image: none; - color: @selected_fg_color; -} - -/********** - * birdie * - **********/ -BirdieWidgetsTweetList * { - background-color: transparent; - background-image: none; -} - -/********* - * tweet * - *********/ -.tweet { - padding: 0; -} - -/********** - * notify * - **********/ -.notify { - border-width: 1px; - border-style: solid; - border-color: shade(@theme_base_color, 0.7); - border-radius: 2px; - background-color: @theme_base_color; - background-image: none; - color: @theme_text_color; -} - -.notify .low { -} - -.notify .critical { -} - -/********* - * panel * - *********/ -.panel { - background-color: @panel_bg_color; - background-image: none; - color: @panel_fg_color; - font: bold; -} - -.panel .menubar .menuitem { - padding: 1px 3px; -} - -.shadow { - background-color: transparent; - background-image: linear-gradient(to bottom, - rgba(0, 0, 0, 0.3), - transparent - ); -} - -.composited-indicator, -.wingpanel-app-button, -.wingpanel-indicator-button { - padding: 0 2px; - background-color: transparent; - background-image: none; - color: @panel_fg_color; -} - -.composited-indicator.menuitem:active, -.composited-indicator.menuitem:prelight { - border-style: none; - background-image: none; -} diff --git a/Redcore-nighttime/gtk-3.0/apps/lightdm-unity-greeter.css b/Redcore-nighttime/gtk-3.0/apps/lightdm-unity-greeter.css deleted file mode 100644 index c0dd6f8..0000000 --- a/Redcore-nighttime/gtk-3.0/apps/lightdm-unity-greeter.css +++ /dev/null @@ -1,67 +0,0 @@ -.lightdm.menu { - background-image: none; - background-color: alpha(black, 0.6); - border-color: alpha(white, 0.2); - border-radius: 3px; - padding: 1px; - color: white; -} - -.lightdm-combo .menu { - background-color: alpha(black, 0.6); - border-radius: 0; - padding: 0; - color: white; -} - -.lightdm.menu .menuitem *, -.lightdm.menu .menuitem.check:active, -.lightdm.menu .menuitem.radio:active { - color: white; -} - -.lightdm.menubar { - background-image: none; - background-color: alpha(black, 0.5); -} - -.lightdm-combo.combobox-entry .button, -.lightdm-combo .cell, -.lightdm-combo .button, -.lightdm-combo .entry, -.lightdm.button, -.lightdm.entry { - background-image: none; - background-color: alpha(black, 0.3); - border-color: alpha(white, 0.6); - border-radius: 3px; - padding: 7px; - color: white; - text-shadow: none; -} - -.lightdm.button, -.lightdm.button:hover, -.lightdm.button:active, -.lightdm.button:active:focus, -.lightdm.entry, -.lightdm.entry:hover, -.lightdm.entry:active, -.lightdm.entry:active:focus { - background-image: none; -} - -.lightdm.button:focus, -.lightdm.entry:focus { - border-color: alpha(white, 0.9); - color: white; -} - -@keyframes dashentry_spinner { - to { -gtk-icon-transform: rotate(1turn); } -} - -.lightdm.entry:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: dashentry_spinner 1s infinite linear; -} diff --git a/Redcore-nighttime/gtk-3.0/assets/all-assets.svg b/Redcore-nighttime/gtk-3.0/assets/all-assets.svg new file mode 100644 index 0000000..6b2b9d7 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/all-assets.svg @@ -0,0 +1,4456 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/all-assets.txt b/Redcore-nighttime/gtk-3.0/assets/all-assets.txt new file mode 100644 index 0000000..6e738e3 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/all-assets.txt @@ -0,0 +1,38 @@ +checkbox-checked-dark +checkbox-checked-insensitive-dark +checkbox-checked-insensitive +checkbox-checked +checkbox-mixed-dark +checkbox-mixed-insensitive-dark +checkbox-mixed-insensitive +checkbox-mixed +checkbox-unchecked-dark +checkbox-unchecked-insensitive-dark +checkbox-unchecked-insensitive +checkbox-unchecked +grid-selection-checked-dark +grid-selection-checked +grid-selection-unchecked-dark +grid-selection-unchecked +menuitem-checkbox-checked-hover +menuitem-checkbox-checked-insensitive +menuitem-checkbox-checked +menuitem-checkbox-mixed-hover +menuitem-checkbox-mixed-insensitive +menuitem-checkbox-mixed +menuitem-radio-checked-hover +menuitem-radio-checked-insensitive +menuitem-radio-checked +pane-handle +radio-checked-dark +radio-checked-insensitive-dark +radio-checked-insensitive +radio-checked +radio-mixed-dark +radio-mixed-insensitive-dark +radio-mixed-insensitive +radio-mixed +radio-unchecked-dark +radio-unchecked-insensitive-dark +radio-unchecked-insensitive +radio-unchecked diff --git a/Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.svg b/Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.svg deleted file mode 100644 index c029973..0000000 --- a/Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.svg +++ /dev/null @@ -1,155 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.symbolic.png b/Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.symbolic.png deleted file mode 100644 index 2ccb0e8..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/bullet-symbolic.symbolic.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/change_dpi.sh b/Redcore-nighttime/gtk-3.0/assets/change_dpi.sh new file mode 100755 index 0000000..058dcc4 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/change_dpi.sh @@ -0,0 +1,4 @@ +#!/usr/bin/env bash +for f in $@; do + rsvg-convert -d 300 -p 300 -f svg $f -o $f.bak ; mv $f.bak $f +done diff --git a/Redcore-nighttime/gtk-3.0/assets/check-symbolic.svg b/Redcore-nighttime/gtk-3.0/assets/check-symbolic.svg deleted file mode 100644 index e8c8210..0000000 --- a/Redcore-nighttime/gtk-3.0/assets/check-symbolic.svg +++ /dev/null @@ -1,155 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/Redcore-nighttime/gtk-3.0/assets/check-symbolic.symbolic.png b/Redcore-nighttime/gtk-3.0/assets/check-symbolic.symbolic.png deleted file mode 100644 index ee7acdc..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/check-symbolic.symbolic.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-active-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-active-selectionmode.png deleted file mode 100644 index 283ae53..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-active-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-backdrop-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-backdrop-selectionmode.png deleted file mode 100644 index ad60a99..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-backdrop-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-active-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-active-selectionmode.png deleted file mode 100644 index 2f21288..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-active-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png deleted file mode 100644 index f29b801..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-backdrop-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-dark.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-dark.svg new file mode 100644 index 0000000..8f2e3ad --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-dark.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png deleted file mode 100644 index a6af0f7..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-hover-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg new file mode 100644 index 0000000..3c4c191 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.png deleted file mode 100644 index f29b801..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.svg new file mode 100644 index 0000000..3c4c191 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-checked.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked.svg new file mode 100644 index 0000000..251fb98 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-hover-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-hover-selectionmode.png deleted file mode 100644 index 283ae53..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-hover-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-dark.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-dark.svg new file mode 100644 index 0000000..0fd30cc --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-hover.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-hover.png deleted file mode 100644 index 35ceac1..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg new file mode 100644 index 0000000..493aea2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.png deleted file mode 100644 index 118d253..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.svg new file mode 100644 index 0000000..493aea2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.png deleted file mode 100644 index 7b266a1..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.svg new file mode 100644 index 0000000..0fd30cc --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-mixed.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-selectionmode.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-selectionmode.png deleted file mode 100644 index 283ae53..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-selectionmode.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-dark.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-dark.svg new file mode 100644 index 0000000..eeb6b00 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg new file mode 100644 index 0000000..4f4e3c0 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.png deleted file mode 100644 index ad60a99..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.svg new file mode 100644 index 0000000..4f4e3c0 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked.svg b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked.svg new file mode 100644 index 0000000..eeb6b00 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/checkbox-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/dash-symbolic.svg b/Redcore-nighttime/gtk-3.0/assets/dash-symbolic.svg deleted file mode 100644 index 7886d54..0000000 --- a/Redcore-nighttime/gtk-3.0/assets/dash-symbolic.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - image/svg+xml - - Gnome Symbolic Icon Theme - - - - - - - Gnome Symbolic Icon Theme - - - - - - - - - - - - - - - - - diff --git a/Redcore-nighttime/gtk-3.0/assets/dash-symbolic.symbolic.png b/Redcore-nighttime/gtk-3.0/assets/dash-symbolic.symbolic.png deleted file mode 100644 index c20d4ba..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/dash-symbolic.symbolic.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked-dark.svg b/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked-dark.svg new file mode 100644 index 0000000..a910cda --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.png b/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.png deleted file mode 100644 index d140eeb..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.svg b/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.svg new file mode 100644 index 0000000..a910cda --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/grid-selection-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked-dark.svg b/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked-dark.svg new file mode 100644 index 0000000..79ff2d1 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.png b/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.png deleted file mode 100644 index 318f417..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.svg b/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.svg new file mode 100644 index 0000000..79ff2d1 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/grid-selection-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.png deleted file mode 100644 index a0e3ca2..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg new file mode 100644 index 0000000..fa036a7 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png deleted file mode 100644 index 5b8c687..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg new file mode 100644 index 0000000..5888d2d --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.png deleted file mode 100644 index 6d6ab11..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.svg new file mode 100644 index 0000000..1eb9d50 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-checked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png deleted file mode 100644 index dc7f9bf..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg new file mode 100644 index 0000000..1433adc --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png deleted file mode 100644 index 69bc4d9..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg new file mode 100644 index 0000000..6b4ad0b --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg new file mode 100644 index 0000000..2e9a29b --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed-selected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.png deleted file mode 100644 index 28ef0f7..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.svg new file mode 100644 index 0000000..1433adc --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-mixed.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-unchecked.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-unchecked.svg new file mode 100644 index 0000000..711b8d2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-checkbox-unchecked.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.png deleted file mode 100644 index f1b8c38..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.svg new file mode 100644 index 0000000..f2c307e --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.png deleted file mode 100644 index 3bdc72a..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg new file mode 100644 index 0000000..422d9fa --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.png b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.png deleted file mode 100644 index e0c5c3e..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.svg new file mode 100644 index 0000000..c9ba592 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-checked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-hover.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-hover.svg new file mode 100644 index 0000000..968c157 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-hover.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-insensitive.svg new file mode 100644 index 0000000..627a68a --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-selected.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-selected.svg new file mode 100644 index 0000000..8a80d2e --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed-selected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed.svg new file mode 100644 index 0000000..968c157 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-mixed.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-unchecked.svg b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-unchecked.svg new file mode 100644 index 0000000..ab5588a --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/menuitem-radio-unchecked.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/pane-handle-vertical.svg b/Redcore-nighttime/gtk-3.0/assets/pane-handle-vertical.svg new file mode 100644 index 0000000..1779d49 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/pane-handle-vertical.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/pane-handle.png b/Redcore-nighttime/gtk-3.0/assets/pane-handle.png new file mode 100644 index 0000000..e67a9dc Binary files /dev/null and b/Redcore-nighttime/gtk-3.0/assets/pane-handle.png differ diff --git a/Redcore-nighttime/gtk-3.0/assets/pane-handle.svg b/Redcore-nighttime/gtk-3.0/assets/pane-handle.svg new file mode 100644 index 0000000..8275c7f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/pane-handle.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/pane-handle@2.png b/Redcore-nighttime/gtk-3.0/assets/pane-handle@2.png new file mode 100644 index 0000000..8a2cd07 Binary files /dev/null and b/Redcore-nighttime/gtk-3.0/assets/pane-handle@2.png differ diff --git a/Redcore-nighttime/gtk-3.0/assets/pane-separator-vertical.png b/Redcore-nighttime/gtk-3.0/assets/pane-separator-vertical.png deleted file mode 100644 index 060cf03..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/pane-separator-vertical.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/pane-separator.png b/Redcore-nighttime/gtk-3.0/assets/pane-separator.png deleted file mode 100644 index 616ec90..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/pane-separator.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-checked-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-checked-dark.svg new file mode 100644 index 0000000..efeac4f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-checked-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive-dark.svg new file mode 100644 index 0000000..b80e4aa --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive.svg new file mode 100644 index 0000000..b80e4aa --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-checked-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-checked.svg b/Redcore-nighttime/gtk-3.0/assets/radio-checked.svg new file mode 100644 index 0000000..efeac4f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-checked.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-dark.svg new file mode 100644 index 0000000..d0dceaa --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-hover.png b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-hover.png deleted file mode 100644 index 1dc344a..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive-dark.svg new file mode 100644 index 0000000..1c92c93 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.png deleted file mode 100644 index 152e911..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.svg new file mode 100644 index 0000000..1c92c93 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-mixed-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed.png b/Redcore-nighttime/gtk-3.0/assets/radio-mixed.png deleted file mode 100644 index c0db5e7..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-mixed.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-mixed.svg b/Redcore-nighttime/gtk-3.0/assets/radio-mixed.svg new file mode 100644 index 0000000..d0dceaa --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-mixed.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-selected-hover.png b/Redcore-nighttime/gtk-3.0/assets/radio-selected-hover.png deleted file mode 100644 index 01dba20..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-selected-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.png deleted file mode 100644 index c544b2d..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.svg new file mode 100644 index 0000000..b80e4aa --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-selected-insensitive.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-selected.png b/Redcore-nighttime/gtk-3.0/assets/radio-selected.png deleted file mode 100644 index 80f218f..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-selected.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-selected.svg b/Redcore-nighttime/gtk-3.0/assets/radio-selected.svg new file mode 100644 index 0000000..efeac4f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-selected.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-dark.svg new file mode 100644 index 0000000..7bfcda9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive-dark.svg new file mode 100644 index 0000000..0f27397 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive.svg new file mode 100644 index 0000000..0f27397 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unchecked.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked.svg new file mode 100644 index 0000000..7bfcda9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unchecked.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unselected-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-dark.svg new file mode 100644 index 0000000..214ed94 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive-dark.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive-dark.svg new file mode 100644 index 0000000..0fdfaf4 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.png b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.png deleted file mode 100644 index f8bb219..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.svg new file mode 100644 index 0000000..0f27397 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unselected-insensitive.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unselected.png b/Redcore-nighttime/gtk-3.0/assets/radio-unselected.png deleted file mode 100644 index 9667f92..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/radio-unselected.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/radio-unselected.svg b/Redcore-nighttime/gtk-3.0/assets/radio-unselected.svg new file mode 100644 index 0000000..7bfcda9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/radio-unselected.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/Redcore-nighttime/gtk-3.0/assets/resize-grip.png b/Redcore-nighttime/gtk-3.0/assets/resize-grip.png deleted file mode 100644 index 4aabef3..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/resize-grip.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/sed.sh b/Redcore-nighttime/gtk-3.0/assets/sed.sh new file mode 100755 index 0000000..98bcfc5 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/sed.sh @@ -0,0 +1,9 @@ +#!/bin/sh +sed -i \ + -e 's/#2d2d2d/rgb(0%,0%,0%)/g' \ + -e 's/#dedede/rgb(100%,100%,100%)/g' \ + -e 's/#2d2d2d/rgb(50%,0%,0%)/g' \ + -e 's/#990000/rgb(0%,50%,0%)/g' \ + -e 's/#2d2d2d/rgb(50%,0%,50%)/g' \ + -e 's/#dedede/rgb(0%,0%,50%)/g' \ + $@ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-close-active.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-close-active.png deleted file mode 100644 index bdba751..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-close-active.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-close-hover.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-close-hover.png deleted file mode 100644 index b962c9a..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-close-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-close.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-close.png deleted file mode 100644 index 7980938..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-close.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-active.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-active.png deleted file mode 100644 index e42c746..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-active.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-hover.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-hover.png deleted file mode 100644 index a351489..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize.png deleted file mode 100644 index 6375bc9..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-maximize.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-active.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-active.png deleted file mode 100644 index 8a1b071..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-active.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-hover.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-hover.png deleted file mode 100644 index 4c44d6a..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize-hover.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize.png b/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize.png deleted file mode 100644 index f49bdac..0000000 Binary files a/Redcore-nighttime/gtk-3.0/assets/titlebutton-minimize.png and /dev/null differ diff --git a/Redcore-nighttime/gtk-3.0/assets/unsed.sh b/Redcore-nighttime/gtk-3.0/assets/unsed.sh new file mode 100755 index 0000000..4e4ba2a --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/assets/unsed.sh @@ -0,0 +1,11 @@ +#!/bin/sh +sed -i \ + -e 's/rgb(0%,0%,0%)/#2d2d2d/g' \ + -e 's/rgb(100%,100%,100%)/#dedede/g' \ + -e 's/rgb(50%,0%,0%)/#2d2d2d/g' \ + -e 's/rgb(0%,50%,0%)/#990000/g' \ + -e 's/rgb(0%,50.196078%,0%)/#990000/g' \ + -e 's/rgb(50%,0%,50%)/#2d2d2d/g' \ + -e 's/rgb(50.196078%,0%,50.196078%)/#2d2d2d/g' \ + -e 's/rgb(0%,0%,50%)/#dedede/g' \ + $@ diff --git a/Redcore-nighttime/gtk-3.0/gtk-contained.css b/Redcore-nighttime/gtk-3.0/gtk-contained.css deleted file mode 100644 index a245695..0000000 --- a/Redcore-nighttime/gtk-3.0/gtk-contained.css +++ /dev/null @@ -1,4546 +0,0 @@ -* { - padding: 0; - -GtkToolButton-icon-spacing: 4; - -GtkTextView-error-underline-color: #cc0000; - -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: rgba(60, 60, 60, 0.3); - outline-style: dashed; - outline-offset: -3px; - outline-width: 1px; - -gtk-outline-radius: 2px; - -gtk-secondary-caret-color: #990000; } - -/*************** - * Base States * - ***************/ -.background { - color: #dedede; - background-color: #2d2d2d; } - .background:backdrop { - color: #858585; - background-color: #2d2d2d; - 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: #dedede; - background-color: #2d2d2d; - text-shadow: none; } - .gtkstyle-fallback:hover { - color: #dedede; - background-color: #e8e8e8; } - .gtkstyle-fallback:active { - color: #dedede; - background-color: #b5b5b5; } - .gtkstyle-fallback:disabled { - color: #858585; - background-color: #e0e0e0; } - .gtkstyle-fallback:selected { - color: #2d2d2d; - background-color: #990000; } - -.view, iconview, -.view text, -iconview text, -textview text { - color: #dedede; - background-color: #2d2d2d; } - .view:backdrop, iconview:backdrop, - .view text:backdrop, - iconview text:backdrop, - textview text:backdrop { - color: #4c4c4c; - background-color: #f9f9f9; } - .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: #e5e5e5; - background-image: image(rgba(0, 0, 0, 0.2)); - background-repeat: no-repeat; } - textview border:backdrop { - background-color: #e4e4e4; } - textview border.bottom { - background-size: 100% 1px; - background-position: top; } - textview border.top { - background-size: 100% 1px; - background-position: bottom; } - textview border.left { - background-size: 1px 100%; - background-position: right; } - textview border.right { - background-size: 1px 100%; - background-position: left; } - -.rubberband, -rubberband, -flowbox rubberband, -treeview.view rubberband, -.content-view rubberband { - border: 1px solid #1a74d3; - background-color: rgba(26, 116, 211, 0.2); } - -flowbox flowboxchild { - padding: 3px; - border-radius: 3px; } - flowbox flowboxchild:selected { - outline-offset: -2px; } - -label.separator { - color: #dedede; } - label.separator:backdrop { - color: #858585; } -label selection { - background-color: #990000; - color: #2d2d2d; } -label:disabled { - color: #858585; } - label:disabled:backdrop { - color: #a8a8a8; } -label:backdrop { - color: #858585; } - -.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, -headerbar .subtitle { - opacity: 0.55; - text-shadow: none; } - -assistant .sidebar { - background-color: #2d2d2d; - border-top: 1px solid #828282; } - assistant .sidebar:backdrop { - background-color: #f9f9f9; - border-color: #8a8a8a; } -assistant.csd .sidebar { - border-top-style: none; } -assistant .sidebar label { - padding: 6px 12px; } -assistant .sidebar label.highlight { - background-color: #b1b1b1; } - -.csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification, -.app-notification.frame, .osd .scale-popup, .osd { - color: #eeeeee; - border: none; - background-color: rgba(104, 104, 104, 0.2); - background-clip: padding-box; - outline-color: rgba(238, 238, 238, 0.3); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop { - color: shade(#eeeeee, 1.2); - background-color: shade(rgba(104, 104, 104, 0.2), 1.6); - 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:checked { - opacity: 1; - animation: spin 1s linear infinite; } - spinner:checked:disabled { - opacity: 0.5; } - -/**************** - * Text Entries * - ****************/ -spinbutton:not(.vertical), -entry { - min-height: 28px; - padding-left: 4px; - padding-right: 4px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #dedede; - border-color: #828282; - background-image: linear-gradient(to bottom, #c5c5c5, #f8f8f8 2px, #2d2d2d 90%); - box-shadow: inset 0 0 0 1px rgba(57, 142, 231, 0); } - spinbutton:not(.vertical) image.left, - entry image.left { - padding-left: 0; - padding-right: 6px; } - spinbutton:not(.vertical) image.right, - entry image.right { - padding-left: 6px; - padding-right: 0; } - spinbutton:not(.vertical) undershoot.left, - entry undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; - box-shadow: none; } - spinbutton:not(.vertical) undershoot.right, - entry undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; - box-shadow: none; } - spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical), - entry.flat:focus, - entry.flat { - min-height: 0; - padding: 2px; - background-image: none; - border-color: transparent; - border-radius: 0; } - spinbutton:focus:not(.vertical), - entry:focus { - border-color: #990000; } - spinbutton:disabled:not(.vertical), - entry:disabled { - color: #858585; - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - box-shadow: none; } - spinbutton:backdrop:not(.vertical), - entry:backdrop { - color: #4c4c4c; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #f9f9f9); - box-shadow: none; - transition: 200ms ease-out; } - spinbutton:backdrop:disabled:not(.vertical), - entry:backdrop:disabled { - color: #a8a8a8; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - box-shadow: none; } - spinbutton.error:not(.vertical), - entry.error { - color: #cc0000; - border-color: #cc0000; } - spinbutton.error:focus:not(.vertical), - entry.error:focus { - border-color: #cc0000; } - spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), - entry.error:selected:focus, - entry.error:selected { - background-color: #cc0000; } - spinbutton.warning:not(.vertical), - entry.warning { - color: #f57900; - border-color: #f57900; } - spinbutton.warning:focus:not(.vertical), - entry.warning:focus { - border-color: #f57900; } - spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), - entry.warning:selected:focus, - entry.warning:selected { - background-color: #f57900; } - spinbutton:not(.vertical) image, - entry image { - color: #626262; } - spinbutton:not(.vertical) image:hover, - entry image:hover { - color: #dedede; } - spinbutton:not(.vertical) image:active, - entry image:active { - color: #990000; } - spinbutton:not(.vertical) image:backdrop, - entry image:backdrop { - color: #9c9c9c; } - spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), - entry:drop(active):focus, - entry:drop(active) { - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } - .osd spinbutton:not(.vertical), .osd - entry { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, 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: #990000; - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5)); - background-clip: padding-box; - box-shadow: inset 0 0 0 1px #990000; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - .osd spinbutton:backdrop:not(.vertical), .osd - entry:backdrop { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, 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: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 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: #990000; - 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) > -entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:focus + button, .linked:not(.vertical) > -entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + -entry, .linked:not(.vertical) > -entry:focus + -entry { - border-left-color: #990000; } -.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) > -entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > -entry:drop(active) + button, .linked:not(.vertical) > -entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + -entry, .linked:not(.vertical) > -entry:drop(active) + -entry { - border-left-color: #4e9a06; } -.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: #d7d7d7; - background-image: linear-gradient(to bottom, #2d2d2d); } - .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: #d8d8d8; - background-image: linear-gradient(to bottom, #f9f9f9); } -.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: #d7d7d7; } -.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: #990000; } -.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: #4e9a06; } -.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: #990000; } -.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: #4e9a06; } - -treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { - background-color: #2d2d2d; - transition-property: color, background; } -treeview entry.flat, treeview entry { - border-radius: 0; - background-image: none; - background-color: #2d2d2d; } - treeview entry.flat:focus, treeview entry:focus { - border-color: #990000; } - -/*********** - * Buttons * - ***********/ -@keyframes needs_attention { - from { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#990000), to(transparent)); } - to { - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), to(transparent)); } } -notebook > header > tabs > arrow, button.titlebutton, -button { - min-height: 24px; - min-width: 16px; - padding: 1px 2px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 1.02), 1.05), shade(shade(#2d2d2d, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton, - 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; } - notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover, - button.flat:hover { - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - transition-duration: 500ms; } - notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton: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.titlebutton:hover, - button:hover { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.15), shade(#2d2d2d, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); - -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked, - button:active, - button:checked { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 0.85), 1.05), shade(shade(#2d2d2d, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, - button:backdrop.flat, - button:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; - -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop, - button:backdrop.flat label, - button:backdrop.flat, - button:backdrop label, - button:backdrop { - color: #858585; } - notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, - button:backdrop.flat:active, - button:backdrop.flat:checked, - button:backdrop:active, - button:backdrop:checked { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #b6b6b6); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked, - button:backdrop.flat:active label, - button:backdrop.flat:active, - button:backdrop.flat:checked label, - button:backdrop.flat:checked, - button:backdrop:active label, - button:backdrop:active, - button:backdrop:checked label, - button:backdrop:checked { - color: #858585; } - notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, - button:backdrop.flat:disabled, - button:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled, - button:backdrop.flat:disabled label, - button:backdrop.flat:disabled, - button:backdrop:disabled label, - button:backdrop:disabled { - color: #a8a8a8; } - notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, - button:backdrop.flat:disabled:active, - button:backdrop.flat:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, lightgray); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, - button:backdrop.flat:disabled:active label, - button:backdrop.flat:disabled:checked label, - button:backdrop:disabled:active label, - button:backdrop:disabled:checked label { - color: #a8a8a8; } - notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, - button.flat:backdrop, - button.flat:disabled, - 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.titlebutton:disabled, - button:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled, - button:disabled label, - button:disabled { - color: #858585; } - notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, - button:disabled:active, - button:disabled:checked { - border-color: #828282; - background-image: linear-gradient(to bottom, #d7d7d7, #e0e0e0); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked, - button:disabled:active label, - button:disabled:active, - button:disabled:checked label, - button:disabled:checked { - color: #858585; } - notebook > header > tabs > arrow.image-button, button.image-button.titlebutton, - button.image-button { - min-width: 24px; - padding-left: 4px; - padding-right: 4px; } - notebook > header > tabs > arrow.text-button, button.text-button.titlebutton, - button.text-button { - padding-left: 8px; - padding-right: 8px; } - notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton, - button.text-button.image-button { - padding-left: 4px; - padding-right: 4px; } - notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label, - button.text-button.image-button label { - padding-left: 4px; - padding-right: 4px; } - combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active), - button:drop(active) { - color: #4e9a06; - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } -row:selected -button { - border-color: #0f4278; } - 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: #2d2d2d; - 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: #f9f9f9; } -button.osd { - min-width: 24px; - min-height: 32px; - color: #eeeeee; - border-radius: 5px; - outline-color: rgba(238, 238, 238, 0.3); - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); - border: none; - box-shadow: none; } - button.osd.image-button { - min-width: 32px; } - button.osd:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.2)); - 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(238, 238, 238, 0.3); - border: none; - box-shadow: none; } - button.osd:active, - button.osd:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 238, 0.3); - border: none; - box-shadow: none; } - button.osd:disabled:backdrop, - button.osd:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } - button.osd:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - border: none; } -.csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button, -.app-notification.frame button, .osd -button { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); } - popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd - button:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.2)); - 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(238, 238, 238, 0.3); } - popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd - button:active:backdrop, .osd - button:active, .osd - button:checked:backdrop, .osd - button:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 238, 0.3); } - popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd - button:disabled:backdrop, .osd - button:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd - button:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .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; } - popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd - button.flat:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.2)); - 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(238, 238, 238, 0.3); } - popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd - button.flat:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 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; } - popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, .osd - button.flat:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd - button.flat:active, .osd - button.flat:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 238, 0.3); } -button.suggested-action { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#990000, 1.02), 1.05), shade(shade(#990000, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .selection-mode button.titlebutton, - 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: #990000; } - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(#990000, 1.15), shade(#990000, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - button.suggested-action:active, - button.suggested-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(shade(#990000, 0.85), 1.05), shade(shade(#990000, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .selection-mode button.titlebutton:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop { - border-color: #990000; - background-image: linear-gradient(to bottom, #990000); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop, - button.suggested-action:backdrop label, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop label, - button.suggested-action.flat:backdrop { - color: #d7e8fa; } - .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked { - border-color: #1a74d3; - background-image: linear-gradient(to bottom, #1a74d3); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked, - button.suggested-action:backdrop:active label, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked label, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active label, - button.suggested-action.flat:backdrop:active, - button.suggested-action.flat:backdrop:checked label, - button.suggested-action.flat:backdrop:checked { - color: #d1e3f6; } - .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action:backdrop:disabled label, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled label, - button.suggested-action.flat:backdrop:disabled { - color: #a8a8a8; } - .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked, - 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 { - border-color: #3f92e7; - background-image: linear-gradient(to bottom, #3f92e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label, - button.suggested-action:backdrop:disabled:active label, - button.suggested-action:backdrop:disabled:checked label, - button.suggested-action.flat:backdrop:disabled:active label, - button.suggested-action.flat:backdrop:disabled:checked label { - color: #82b8ef; } - .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, - button.suggested-action.flat:backdrop, - button.suggested-action.flat:disabled, - 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(57, 142, 231, 0.8); } - button.suggested-action:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled label, - button.suggested-action:disabled { - color: #858585; } - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - border-color: #114f8f; - background-image: linear-gradient(to bottom, #3a8bde, #3f92e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.suggested-action:disabled:active label, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked label, - button.suggested-action:disabled:checked { - color: #b2d3f5; } - .osd - button.suggested-action { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(57, 142, 231, 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(238, 238, 238, 0.3); } - .osd - button.suggested-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(57, 142, 231, 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(238, 238, 238, 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: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #990000); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 238, 0.3); } - .osd - button.suggested-action:disabled:backdrop, .osd - button.suggested-action:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - button.suggested-action:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(57, 142, 231, 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-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#ef2929, 1.02), 1.05), shade(shade(#ef2929, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - 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: #ef2929; } - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, shade(#ef2929, 1.15), shade(#ef2929, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - button.destructive-action:active, - button.destructive-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, shade(shade(#ef2929, 0.85), 1.05), shade(shade(#ef2929, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop { - border-color: #ef2929; - background-image: linear-gradient(to bottom, #ef2929); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop label, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop label, - button.destructive-action.flat:backdrop { - color: #fcd4d4; } - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked { - border-color: #d51010; - background-image: linear-gradient(to bottom, #d51010); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:active label, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked label, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active label, - button.destructive-action.flat:backdrop:active, - button.destructive-action.flat:backdrop:checked label, - button.destructive-action.flat:backdrop:checked { - color: #f7cfcf; } - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:disabled label, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled label, - button.destructive-action.flat:backdrop:disabled { - color: #a8a8a8; } - 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 { - border-color: #ef3131; - background-image: linear-gradient(to bottom, #ef3131); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:backdrop:disabled:active label, - button.destructive-action:backdrop:disabled:checked label, - button.destructive-action.flat:backdrop:disabled:active label, - button.destructive-action.flat:backdrop:disabled:checked label { - color: #f57979; } - 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(239, 41, 41, 0.8); } - button.destructive-action:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled label, - button.destructive-action:disabled { - color: #858585; } - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #e52d2d, #ef3131); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - button.destructive-action:disabled:active label, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked label, - button.destructive-action:disabled:checked { - color: #f9adad; } - .osd - button.destructive-action { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 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(238, 238, 238, 0.3); } - .osd - button.destructive-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 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(238, 238, 238, 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: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #ef2929); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 238, 0.3); } - .osd - button.destructive-action:disabled:backdrop, .osd - button.destructive-action:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd - button.destructive-action:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 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; } -.inline-toolbar -button, .inline-toolbar -button:backdrop { - border-radius: 2px; - border-width: 1px; } -.primary-toolbar -button { - -gtk-icon-shadow: none; } - -.stack-switcher > -button.needs-attention > label, -.stack-switcher > -button.needs-attention > image, stacksidebar row.needs-attention > label { - animation: needs_attention 150ms ease-in; - background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#990000), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); - background-size: 6px 6px, 6px 6px; - background-repeat: no-repeat; - background-position: right 3px, right 4px; } - .stack-switcher > - button.needs-attention > label:backdrop, - .stack-switcher > - button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { - background-size: 6px 6px, 0 0; } - .stack-switcher > - button.needs-attention > label:dir(rtl), - .stack-switcher > - button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { - background-position: left 3px, left 4px; } - -.inline-toolbar toolbutton > button { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 1.02), 1.05), shade(shade(#2d2d2d, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - .inline-toolbar toolbutton > button:hover { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.15), shade(#2d2d2d, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 0.85), 1.05), shade(shade(#2d2d2d, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .inline-toolbar toolbutton > button:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { - color: #858585; } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - border-color: #828282; - background-image: linear-gradient(to bottom, #d7d7d7, #e0e0e0); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { - color: #858585; } - .inline-toolbar toolbutton > button:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop { - color: #858585; } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #b6b6b6); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked { - color: #858585; } - .inline-toolbar toolbutton > button:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled { - color: #a8a8a8; } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, lightgray); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label { - color: #a8a8a8; } - -toolbar.inline-toolbar toolbutton > button.flat, -toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > -entry, .inline-toolbar -button, .inline-toolbar -button:backdrop, .linked > -button, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { - border-radius: 0; - border-right-style: none; } - -.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, -toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } -.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, -toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-right-style: solid; } -.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, -toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo { - border-radius: 3px; - border-style: solid; } - -.linked.vertical > spinbutton:not(.vertical), .linked.vertical > -entry, .linked.vertical > -button, .linked.vertical > -button:hover, .linked.vertical > -button:active, .linked.vertical > -button:checked, .linked.vertical > -button:backdrop, .linked.vertical > combobox > box > button.combo { - border-style: solid solid none solid; - border-radius: 0; } - -.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > -entry:first-child, .linked.vertical > -button:first-child, .linked.vertical > combobox:first-child > box > button.combo { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } -.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > -entry:last-child, .linked.vertical > -button:last-child, .linked.vertical > combobox:last-child > box > button.combo { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-style: solid; } -.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > -entry:only-child, .linked.vertical > -button:only-child, .linked.vertical > combobox:only-child > box > button.combo { - border-radius: 3px; - border-style: solid; } - -modelbutton.flat, popover.background checkbutton, -popover.background radiobutton, -.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, -popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, -popover.background radiobutton:backdrop:hover, -.menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, button:link, -button:visited, button:link:hover, button:link:active, button:link:checked, -button:visited:hover, -button:visited:active, -button:visited:checked, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { - 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, popover.background checkbutton, -popover.background radiobutton, -.menuitem.button.flat { - min-height: 26px; - padding-left: 5px; - padding-right: 5px; - border-radius: 3px; - outline-offset: -2px; } - modelbutton.flat:hover, popover.background checkbutton:hover, - popover.background radiobutton:hover, - .menuitem.button.flat:hover { - background-color: #990000; } - modelbutton.flat check:last-child, popover.background checkbutton check:last-child, - popover.background radiobutton check:last-child, - modelbutton.flat radio:last-child, - popover.background checkbutton radio:last-child, - popover.background radiobutton radio:last-child, - .menuitem.button.flat check:last-child, - .menuitem.button.flat radio:last-child { - margin-left: 8px; } - modelbutton.flat check:first-child, popover.background checkbutton check:first-child, - popover.background radiobutton check:first-child, - modelbutton.flat radio:first-child, - popover.background checkbutton radio:first-child, - popover.background radiobutton radio:first-child, - .menuitem.button.flat check:first-child, - .menuitem.button.flat radio:first-child { - margin-right: 8px; } - -modelbutton.flat arrow, popover.background checkbutton arrow, -popover.background radiobutton arrow { - background: none; } - modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, - popover.background radiobutton arrow:hover { - background: none; } - modelbutton.flat arrow.left, popover.background checkbutton arrow.left, - popover.background radiobutton arrow.left { - -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } - modelbutton.flat arrow.right, popover.background checkbutton arrow.right, - popover.background radiobutton arrow.right { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - -button.color { - padding: 4px; } - button.color colorswatch:only-child { - box-shadow: 0 1px rgba(255, 255, 255, 0.76923); } - button.color colorswatch:only-child, button.color colorswatch:only-child overlay { - border-radius: 0; } - button.color colorswatch:only-child:disabled, button.color colorswatch:only-child:backdrop { - box-shadow: none; } - -/********* - * Links * - *********/ -*:link, button:link, -button:visited { - color: #990000; } - *:link:visited, - button:visited { - color: #145ba6; } - *:selected *:link:visited, *:selected button:visited:link, - *:selected button:visited { - color: #b0d2f5; } - *:link:hover, button:hover:link, - button:hover:visited { - color: #468ad2; } - *:selected *:link:hover, *:selected button:hover:link, - *:selected button:hover:visited { - color: #ebf4fd; } - *:link:active, button:active:link, - button:active:visited { - color: #990000; } - *:selected *:link:active, *:selected button:active:link, - *:selected button:active:visited { - color: #d7e8fa; } - *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, - button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, - button:backdrop:backdrop:hover:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, - headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link, - button:backdrop:visited { - color: #990000; } - .info *:link, .info button:link, - .info button:visited, - .question *:link, - .question button:link, - .question button:visited, - .warning *:link, - .warning button:link, - .warning button:visited, - .error *:link, - .error button:link, - .error button:visited, *:link:selected, button:selected:link, - button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link, - headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, - *:selected button:visited { - color: #d7e8fa; } - -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:not(.vertical) { - padding: 0; } - 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) button { - min-height: 16px; - margin: 0; - padding-bottom: 0; - padding-top: 0; - color: #4f4f4f; - background-image: none; - border-style: none none none solid; - border-color: rgba(130, 130, 130, 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: #dedede; - background-color: rgba(60, 60, 60, 0.05); } - spinbutton:not(.vertical) button:disabled { - color: rgba(133, 133, 133, 0.3); } - 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: #919191; - background-color: transparent; - border-color: rgba(138, 138, 138, 0.3); - transition: 200ms ease-out; } - spinbutton:not(.vertical) button:backdrop:disabled { - color: rgba(168, 168, 168, 0.3); - background-image: none; - border-style: none none none solid; } - spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { - border-style: none solid none none; } -.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: #eeeeee; - border-style: none none none solid; - border-color: rgba(0, 0, 0, 0.4); - 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: #eeeeee; - border-color: rgba(0, 0, 0, 0.5); - background-color: rgba(238, 238, 238, 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: #eeeeee; - 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: #ababab; - border-color: rgba(0, 0, 0, 0.5); - -gtk-icon-shadow: none; - box-shadow: none; } - .osd spinbutton:not(.vertical) button:last-child { - border-radius: 0 3px 3px 0; } - .osd spinbutton:not(.vertical) button:dir(rtl):first-child { - border-radius: 3px 0 0 3px; } -spinbutton.vertical:disabled { - color: #858585; } -spinbutton.vertical:backdrop:disabled { - color: #a8a8a8; } -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: 3px 3px 0 0; - border-style: solid solid none solid; } -spinbutton.vertical button.down { - border-radius: 0 0 3px 3px; - border-style: none solid solid solid; } -.osd spinbutton.vertical button:first-child { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); } - .osd spinbutton.vertical button:first-child:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.2)); - 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(238, 238, 238, 0.3); } - .osd spinbutton.vertical button:first-child:active { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 238, 0.3); } - .osd spinbutton.vertical button:first-child:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd spinbutton.vertical button:first-child:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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 * - ************/ -toolbar, .inline-toolbar, searchbar, -.location-bar { - -GtkWidget-window-dragging: true; - padding: 4px; - background-color: #2d2d2d; } - -toolbar { - padding: 4px 3px 3px 4px; } - .osd toolbar { - background-color: transparent; } - toolbar.osd { - padding: 13px; - border: none; - border-radius: 5px; - background-color: rgba(104, 104, 104, 0.2); } - 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) switch, - toolbar:not(.inline-toolbar):not(.osd) scale, - toolbar:not(.inline-toolbar):not(.osd) entry, - toolbar:not(.inline-toolbar):not(.osd) spinbutton, - toolbar:not(.inline-toolbar):not(.osd) button { - margin-right: 1px; - margin-bottom: 1px; } - -.inline-toolbar { - padding: 3px; - border-width: 0 1px 1px; - border-radius: 0 0 5px 5px; } - -searchbar, -.location-bar { - border-width: 0 0 1px; - padding: 3px; } - -.inline-toolbar, searchbar, -.location-bar { - border-style: solid; - border-color: #828282; - background-color: #b7b7b7; } - .inline-toolbar:backdrop, searchbar:backdrop, - .location-bar:backdrop { - border-color: #8a8a8a; - background-color: #b6b6b6; - box-shadow: none; - transition: 200ms ease-out; } - -/*************** - * Header bars * - ***************/ -.titlebar:not(headerbar), -headerbar { - padding: 0 6px; - min-height: 46px; - border-width: 0 0 1px; - border-style: solid; - border-color: #828282; - border-radius: 0; - background: #2d2d2d linear-gradient(to bottom, #2d2d2d, shade(#2d2d2d, 0.88)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); } - .titlebar:backdrop:not(headerbar), - headerbar:backdrop { - border-color: #8a8a8a; - background-color: #2d2d2d; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); - transition: 200ms ease-out; } - .titlebar:not(headerbar) .title, - headerbar .title { - font-weight: bold; - padding-left: 12px; - padding-right: 12px; } - .titlebar:not(headerbar) .subtitle, - headerbar .subtitle { - font-size: smaller; - padding-left: 12px; - padding-right: 12px; } - .selection-mode.titlebar:not(headerbar), - headerbar.selection-mode { - color: #2d2d2d; - text-shadow: none; - border-color: #0f4278; - background: #990000 linear-gradient(to bottom, #990000, shade(#990000, 0.88)); - box-shadow: inset 0 1px rgba(136, 187, 241, 0.9); } - .selection-mode.titlebar:backdrop:not(headerbar), - headerbar.selection-mode:backdrop { - background-color: #990000; - background-image: none; - box-shadow: inset 0 1px rgba(156, 199, 243, 0.88); } - .selection-mode.titlebar:not(headerbar) button, - headerbar.selection-mode button { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#990000, 1.02), 1.05), shade(shade(#990000, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .selection-mode.titlebar:not(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, - headerbar.selection-mode button:hover { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(#990000, 1.15), shade(#990000, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, - headerbar.selection-mode button:active, - headerbar.selection-mode button:checked { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(shade(#990000, 0.85), 1.05), shade(shade(#990000, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, - headerbar.selection-mode button:backdrop.flat, - headerbar.selection-mode button:backdrop { - border-color: #990000; - background-image: linear-gradient(to bottom, #990000); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - -gtk-icon-effect: none; - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop, - headerbar.selection-mode button:backdrop.flat label, - headerbar.selection-mode button:backdrop.flat, - headerbar.selection-mode button:backdrop label, - headerbar.selection-mode button:backdrop { - color: #d7e8fa; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(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 { - border-color: #1a74d3; - background-image: linear-gradient(to bottom, #1a74d3); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, - headerbar.selection-mode button:backdrop.flat:active label, - headerbar.selection-mode button:backdrop.flat:active, - headerbar.selection-mode button:backdrop.flat:checked label, - headerbar.selection-mode button:backdrop.flat:checked, - headerbar.selection-mode button:backdrop:active label, - headerbar.selection-mode button:backdrop:active, - headerbar.selection-mode button:backdrop:checked label, - headerbar.selection-mode button:backdrop:checked { - color: #d1e3f6; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, - headerbar.selection-mode button:backdrop.flat:disabled, - headerbar.selection-mode button:backdrop:disabled { - border-color: #569fea; - background-image: linear-gradient(to bottom, #569fea); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, - headerbar.selection-mode button:backdrop.flat:disabled label, - headerbar.selection-mode button:backdrop.flat:disabled, - headerbar.selection-mode button:backdrop:disabled label, - headerbar.selection-mode button:backdrop:disabled { - color: #91c1f1; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, - headerbar.selection-mode button:backdrop.flat:disabled:active, - headerbar.selection-mode button:backdrop.flat:disabled:checked, - headerbar.selection-mode button:backdrop:disabled:active, - headerbar.selection-mode button:backdrop:disabled:checked { - border-color: #3f92e7; - background-image: linear-gradient(to bottom, #3f92e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label, - headerbar.selection-mode button:backdrop.flat:disabled:active label, - headerbar.selection-mode button:backdrop.flat:disabled:checked label, - headerbar.selection-mode button:backdrop:disabled:active label, - headerbar.selection-mode button:backdrop:disabled:checked label { - color: #82b8ef; } - .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, - headerbar.selection-mode button.flat:backdrop, - headerbar.selection-mode button.flat:disabled, - 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, - headerbar.selection-mode button:disabled { - border-color: #114f8f; - background-image: linear-gradient(to bottom, #569fea); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled, - headerbar.selection-mode button:disabled label, - headerbar.selection-mode button:disabled { - color: #abcff5; } - .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, - headerbar.selection-mode button:disabled:active, - headerbar.selection-mode button:disabled:checked { - border-color: #114f8f; - background-image: linear-gradient(to bottom, #3a8bde, #3f92e7); - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked, - headerbar.selection-mode button:disabled:active label, - headerbar.selection-mode button:disabled:active, - headerbar.selection-mode button:disabled:checked label, - headerbar.selection-mode button:disabled:checked { - color: #b2d3f5; } - .selection-mode.titlebar:not(headerbar) button.suggested-action, - headerbar.selection-mode button.suggested-action { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 1.02), 1.05), shade(shade(#2d2d2d, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, - headerbar.selection-mode button.suggested-action:hover { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.15), shade(#2d2d2d, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:active, - headerbar.selection-mode button.suggested-action:active { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 0.85), 1.05), shade(shade(#2d2d2d, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, - headerbar.selection-mode button.suggested-action:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, - headerbar.selection-mode button.suggested-action:disabled label, - headerbar.selection-mode button.suggested-action:disabled { - color: #858585; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, - headerbar.selection-mode button.suggested-action:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, - headerbar.selection-mode button.suggested-action:backdrop label, - headerbar.selection-mode button.suggested-action:backdrop { - color: #858585; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, - headerbar.selection-mode button.suggested-action:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #0f4278; } - .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, - headerbar.selection-mode button.suggested-action:backdrop:disabled label, - headerbar.selection-mode button.suggested-action:backdrop:disabled { - color: #a8a8a8; } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, - headerbar.selection-mode .selection-menu:backdrop, - headerbar.selection-mode .selection-menu { - border-color: rgba(57, 142, 231, 0); - background-image: linear-gradient(to bottom, rgba(57, 142, 231, 0)); - box-shadow: none; - padding-left: 10px; - padding-right: 10px; } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, - headerbar.selection-mode .selection-menu:backdrop GtkArrow, - headerbar.selection-mode .selection-menu GtkArrow { - -GtkArrow-arrow-scaling: 1; } - .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(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:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled - headerbar:backdrop, .tiled - headerbar, .maximized - headerbar:backdrop, .maximized - headerbar { - border-radius: 0; } - .default-decoration.titlebar:not(headerbar), - headerbar.default-decoration { - padding: 4px; - min-height: 28px; } - .default-decoration.titlebar:not(headerbar) button.titlebutton, - headerbar.default-decoration button.titlebutton { - min-height: 26px; - min-width: 26px; - margin: 0; - padding: 0; } - -headerbar entry, -headerbar spinbutton, -headerbar separator, -headerbar button { - margin-top: 6px; - margin-bottom: 6px; } -headerbar switch { - margin-top: 9px; - margin-bottom: 9px; } - -.background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { - border-top-left-radius: 7px; - border-top-right-radius: 7px; } - -window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child { - border-top-left-radius: 7px; } -window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { - border-top-right-radius: 7px; } - -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: #828282; } - -/************ - * 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: #9c9c9c; - border-top-color: #2d2d2d; } - * { - -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: #9cc7f3; - border-top-color: rgba(60, 60, 60, 0.1); } - treeview.view:disabled { - color: #858585; } - treeview.view:disabled:selected { - color: #88bbf1; } - treeview.view:disabled:selected:backdrop { - color: #73aeec; } - treeview.view:disabled:backdrop { - color: #a8a8a8; } - treeview.view.separator { - min-height: 2px; - color: #2d2d2d; } - treeview.view.separator:backdrop { - color: rgba(206, 206, 206, 0.1); } - treeview.view:backdrop { - border-left-color: #aaaaaa; - border-top: #2d2d2d; } - treeview.view:drop(active) { - border-style: solid none; - border-width: 1px; - border-color: #0f4278; } - 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: #767676; } - treeview.view.expander:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - treeview.view.expander:hover { - color: #dedede; } - treeview.view.expander:selected { - color: #c4ddf8; } - treeview.view.expander:selected:hover { - color: #2d2d2d; } - treeview.view.expander:selected:backdrop { - color: #bfd9f4; } - treeview.view.expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.expander:backdrop { - color: #a8a8a8; } - treeview.view.progressbar { - color: #2d2d2d; - border: 1px solid #0f4278; - border-radius: 4px; - background-color: #990000; - background-image: linear-gradient(to bottom, #990000, #1a74d3); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } - treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { - border-radius: 4px; - color: #990000; - box-shadow: none; - background-image: linear-gradient(to bottom, #2d2d2d, #e3e3e3); } - treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { - color: #990000; - border-color: #0f4278; - background-color: #f9f9f9; } - treeview.view.progressbar:backdrop { - color: #f9f9f9; - background-image: none; - box-shadow: none; } - treeview.view.trough { - background-color: rgba(60, 60, 60, 0.1); - border-radius: 4px; } - treeview.view.trough:selected:focus, treeview.view.trough:selected { - background-color: rgba(255, 255, 255, 0.3); - border-radius: 4px; - border-width: 1px 0; - border-style: solid; - border-color: #990000; } - treeview.view header button { - color: #9c9c9c; - background-color: #2d2d2d; - font-weight: bold; - text-shadow: none; - box-shadow: none; } - treeview.view header button:hover { - color: #6c6c6c; - box-shadow: none; - transition: none; } - treeview.view header button:active { - color: #dedede; - transition: none; } - treeview.view header button:last-child:backdrop, treeview.view header button:last-child { - border-right-style: 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; - transition: none; - background-image: none; - background-color: #990000; - color: #2d2d2d; - border-radius: 0; - border-style: none; - box-shadow: inset 0 0 0 1px #2d2d2d; - text-shadow: none; } - treeview.view acceleditor > label { - background-color: #990000; } - -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { - padding: 0 6px; - border-radius: 0; - background-image: none; - text-shadow: none; - border-style: none solid solid none; - border-color: #2d2d2d; } - treeview.view header button:disabled { - border-color: #2d2d2d; - background-image: none; } - treeview.view header button:backdrop { - border-color: #2d2d2d; - border-style: none solid solid none; - color: #aaaaaa; - background-image: none; - background-color: #f9f9f9; } - treeview.view header button:backdrop:disabled { - border-color: #2d2d2d; - background-image: none; } - -/********* - * Menus * - *********/ -menubar, -.menubar { - -GtkWidget-window-dragging: true; - padding: 0px; } - menubar:backdrop, - .menubar:backdrop { - background-color: #2d2d2d; } - menubar > menuitem, - .menubar > menuitem { - min-height: 16px; - padding: 3px 8px; - border: 1px solid transparent; } - menubar > menuitem:hover, - .menubar > menuitem:hover { - background-image: linear-gradient(to bottom, shade(#990000, 1.2), shade(#990000, 1)); - color: #2d2d2d; - border-color: shade(#990000, 1.1); } - menubar > menuitem:disabled, - .menubar > menuitem:disabled { - color: #858585; - box-shadow: none; } - -menu, -.menu { - margin: 4px; - padding: 2px 0px; - background-color: #2d2d2d; - border: 1px solid #828282; } - .csd menu, .csd - .menu { - border: none; } - menu:backdrop, - .menu:backdrop { - background-color: #f9f9f9; } - menu menuitem, - .menu menuitem { - min-height: 16px; - min-width: 40px; - padding: 4px 6px; - text-shadow: none; } - menu menuitem:hover, - .menu menuitem:hover { - color: #2d2d2d; - background-image: linear-gradient(to bottom, shade(#990000, 1.2), shade(#990000, 1)); - box-shadow: inset 1px 1px shade(#990000, 0.8), inset -1px -1px shade(#990000, 0.8); } - menu menuitem:disabled, - .menu menuitem:disabled { - color: #858585; } - menu menuitem:disabled:backdrop, - .menu menuitem:disabled:backdrop { - color: #a8a8a8; } - menu menuitem:backdrop, menu menuitem:backdrop:hover, - .menu menuitem:backdrop, - .menu menuitem:backdrop:hover { - color: #858585; - background-color: transparent; } - menu menuitem arrow, - .menu menuitem arrow { - min-height: 16px; - min-width: 16px; } - menu menuitem arrow:dir(ltr), - .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) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); - margin-right: 10px; } - menu > arrow, - .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: #2d2d2d; - border-radius: 0; } - menu > arrow.top, - .menu > arrow.top { - margin-top: -6px; - border-bottom: 1px solid #e9e9e9; - -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } - menu > arrow.bottom, - .menu > arrow.bottom { - margin-bottom: -6px; - border-top: 1px solid #e9e9e9; - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - menu > arrow:hover, - .menu > arrow:hover { - background-color: #e9e9e9; } - menu > arrow:backdrop, - .menu > arrow:backdrop { - background-color: #f9f9f9; } - menu > arrow:disabled, - .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; - border-radius: 5px; - background-color: #2d2d2d; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } - .csd popover.background, popover.background { - border: 1px solid #828282; } - popover.background:backdrop { - background-color: #2d2d2d; - 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.frame { - border-style: none; } -notebook > header { - padding: 1px; - background-color: #2d2d2d; } - notebook > header:backdrop { - border-color: #8a8a8a; - background-color: #2d2d2d; } - notebook > header tabs { - margin: -1px; } - notebook > header.top > stack { - border-top-style: none; } - notebook > header.top > tabs { - margin-bottom: -2px; } - notebook > header.top > tabs > tab { - border-radius: 3px 3px 0 0; - border: 1px solid shade(#2d2d2d, 0.9); } - notebook > header.top > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.top > tabs > tab:checked { - border-width: 1px 1px 0 1px; } - notebook > header.bottom > stack { - border-bottom-style: none; } - notebook > header.bottom > tabs { - margin-top: -2px; } - notebook > header.bottom > tabs > tab { - border-radius: 0 0 3px 3px; } - notebook > header.bottom > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.bottom > tabs > tab:checked { - border-width: 0 1px 1px 1px; } - notebook > header.left > stack { - border-left-style: none; } - notebook > header.left > tabs { - margin-right: -2px; } - notebook > header.left > tabs > tab { - border-radius: 3px 0 0 3px; } - notebook > header.left > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.left > tabs > tab:checked { - border-width: 1px 0 1px 1px; } - notebook > header.right > stack { - border-right-style: none; } - notebook > header.right > tabs { - margin-left: -2px; } - notebook > header.right > tabs > tab { - border-radius: 0 3px 3px 0; } - notebook > header.right > tabs > tab:backdrop { - box-shadow: none; } - notebook > header.right > tabs > tab:checked { - border-width: 1px 1px 1px 0; } - 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: 24px; - min-width: 30px; - padding: 3px 12px; - outline-offset: -5px; - color: #858585; - background-color: #2d2d2d; - border-width: 1px; - border-radius: 3px; - border-color: shade(#2d2d2d, 0.9); - border-style: solid; } - notebook > header tab:hover { - color: #616161; } - notebook > header tab:hover.reorderable-page { - border-color: rgba(130, 130, 130, 0.3); - background-color: rgba(206, 206, 206, 0.2); } - notebook > header tab:backdrop { - color: #a2a2a2; } - notebook > header tab:backdrop.reorderable-page { - border-color: transparent; - background-color: transparent; } - notebook > header tab:checked { - color: #dedede; - background-color: shade(#2d2d2d, 1.05); - border-width: 1px 1px 0 1px; } - notebook > header tab:checked:backdrop { - background-color: #2d2d2d; } - notebook > header tab:checked.reorderable-page { - border-color: rgba(130, 130, 130, 0.5); - background-color: shade(#2d2d2d, 1.05); } - notebook > header tab:backdrop:checked { - color: #858585; } - notebook > header tab:backdrop:checked.reorderable-page { - border-color: #8a8a8a; - background-color: #2d2d2d; } - 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: 0; } - notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { - margin-left: 2px; - margin-right: 2px; } - notebook > header.top tabs:first-child, notebook > header.bottom tabs:first-child { - margin-left: -3px; } - notebook > header.top tabs:last-child, notebook > header.bottom tabs:last-child { - margin-right: -3px; } - notebook > header.top tabs tab, notebook > header.bottom tabs tab { - margin-left: 2px; - margin-right: 2px; } - notebook > header.left tabs, notebook > header.right tabs { - padding: 0; } - notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { - margin-top: 2px; - margin-bottom: 2px; } - notebook > header.left tabs:first-child, notebook > header.right tabs:first-child { - margin-top: -3px; } - notebook > header.left tabs:last-child, notebook > header.right tabs:last-child { - margin-bottom: -3px; } - notebook > header.left tabs tab, notebook > header.right tabs tab { - margin-top: 2px; - margin-bottom: 2px; } - notebook > header.top tab { - padding-bottom: 4px; } - notebook > header.bottom tab { - padding-top: 4px; } -notebook > stack:not(:only-child) { - background-color: shade(#2d2d2d, 1.05); - border: 1px solid shade(#2d2d2d, 0.9); } - notebook > stack:not(:only-child):backdrop { - background-color: #2d2d2d; } - -/************** - * Scrollbars * - **************/ -scrollbar { - background-image: linear-gradient(to right, #e8e8e8, white); - transition: 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 #dbdbdb; } - scrollbar.bottom { - border-top: 1px solid #dbdbdb; } - scrollbar.left { - border-right: 1px solid #dbdbdb; } - scrollbar.right { - border-left: 1px solid #dbdbdb; } - scrollbar:backdrop { - background-color: #c6c6c6; - border-color: #dbdbdb; - transition: 200ms ease-out; } - scrollbar slider { - min-width: 7px; - min-height: 7px; - margin: 3px; - border: 1px solid #828282; - border-radius: 10px; - background-clip: padding-box; - background-image: linear-gradient(to right, #dbdbdb, #d1d1d1); } - scrollbar slider:hover { - background-image: linear-gradient(to right, #c1c1c1, #cbcbcb); } - scrollbar slider:hover:active { - background-color: #1a74d3; } - scrollbar slider:backdrop { - background-color: white; } - scrollbar slider:disabled { - background-color: transparent; } - scrollbar.fine-tune slider { - min-width: 4px; - min-height: 4px; } - 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: 6px; - min-height: 6px; - background-color: shade(#dedede, 0.9); - background-image: none; - border: 1px solid white; } - scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { - min-width: 5px; - min-height: 5px; - background-color: shade(#dedede, 0.9); - background-image: none; - background-clip: padding-box; - border-radius: 100%; - border: 1px solid white; - -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: #2d2d2d; } - 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: #595959; } - 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: #1a74d3; } - 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(206, 206, 206, 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: white; } - 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(255, 255, 255, 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-right-symbolic"); } - scrollbar.horizontal button.up { - -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); } - -treeview ~ scrollbar.vertical { - border-top: 1px solid #828282; - margin-top: -1px; } - -/********** - * Switch * - **********/ -switch { - font-weight: bold; - font-size: smaller; - outline-offset: -4px; - box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent; - border: 1px solid #828282; - border-radius: 3px; - color: #dedede; - background-image: linear-gradient(to bottom, #b0b0b0); - text-shadow: 0 1px rgba(0, 0, 0, 0.1); } - switch:checked { - color: white; - border-color: #0f4278; - background-color: #990000; - background-image: none; - box-shadow: 0 1px transparent; - text-shadow: 0 1px rgba(15, 66, 120, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } - switch:disabled { - color: #858585; - border-color: #828282; - background-image: none; - background-color: #e0e0e0; - box-shadow: 0 1px transparent; - text-shadow: none; } - switch:backdrop { - color: #858585; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #b6b6b6); - box-shadow: none; - text-shadow: none; - transition: 200ms ease-out; } - switch:backdrop:checked { - color: #2d2d2d; - border-color: #990000; - background-image: linear-gradient(to bottom, #990000); - box-shadow: none; } - switch:disabled { - color: #a8a8a8; - border-color: #8a8a8a; - background-image: none; - background-color: #e0e0e0; } - switch slider { - margin: -1px; - min-width: 44px; - min-height: 26px; - border: 1px solid; - border-radius: 3px; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #dbdbdb 20%, #2d2d2d 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #afafaf, 0 1px rgba(0, 0, 0, 0.1); } - switch:hover slider { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #e5e5e5 10%, #d8d8d8 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #dbdbdb, inset 0 -1px #b5b5b5, 0 1px rgba(0, 0, 0, 0.1); } - switch:checked slider { - border: 1px solid #0f4278; } - switch:disabled slider { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:disabled slider label, switch:disabled slider { - color: #858585; } - switch:backdrop slider { - transition: 200ms ease-out; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:backdrop slider label, switch:backdrop slider { - color: #858585; } - switch:backdrop:checked slider { - border-color: #990000; } - switch:backdrop:disabled slider { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - switch:backdrop:disabled slider label, switch:backdrop:disabled slider { - color: #a8a8a8; } - row:selected switch { - box-shadow: none; - border-color: #0f4278; } - row:selected switch:backdrop { - border-color: #0f4278; } - row:selected switch.slider:dir(rtl) { - border-left-color: #828282; } - row:selected switch.slider:dir(ltr) { - border-right-color: #828282; } - row:selected switch.slider:checked, row:selected switch.slider { - border-color: #0f4278; } - -/************************* - * Check and Radio items * - *************************/ -.view.content-view.check:not(list), iconview.content-view.check:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png")); - background-color: transparent; } - -.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) { - -gtk-icon-shadow: none; - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png")); - background-color: transparent; } - -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; - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #dbdbdb 20%, #2d2d2d 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #afafaf, 0 1px rgba(0, 0, 0, 0.1); } - check:only-child, - radio:only-child { - margin: 0; } - check:hover, - radio:hover { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #e5e5e5 10%, #d8d8d8 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #dbdbdb, inset 0 -1px #b5b5b5, 0 1px rgba(0, 0, 0, 0.1); } - check:active, - radio:active { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 0.85), 1.05), shade(shade(#2d2d2d, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - check:disabled, - radio:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - check:disabled label, check:disabled, - radio:disabled label, - radio:disabled { - color: #858585; } - check:backdrop, - radio:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - transition: 200ms ease-out; } - check:backdrop label, check:backdrop, - radio:backdrop label, - radio:backdrop { - color: #858585; } - check:backdrop:disabled, - radio:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - check:backdrop:disabled label, check:backdrop:disabled, - radio:backdrop:disabled label, - radio:backdrop:disabled { - color: #a8a8a8; } - row:selected check, row:selected - radio { - border-color: #0f4278; } - .osd check, .osd - radio { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); } - .osd check:hover, .osd - radio:hover { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); } - .osd check:active, .osd - radio:active { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 238, 0.3); } - .osd check:backdrop, .osd - radio:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd check:disabled, .osd - radio:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 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 - radio, menu menuitem - radio:hover, menu menuitem - radio: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; - animation: none; } - -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"))); } - -@keyframes check_check { - from { - -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); } - to { - -gtk-icon-transform: unset; } } -@keyframes check_radio { - from { - -gtk-icon-transform: scale(0); } - to { - -gtk-icon-transform: unset; } } -@keyframes check_indeterminate { - from { - -gtk-icon-transform: scale(0, 1); } - to { - -gtk-icon-transform: unset; } } -check:not(:indeterminate):checked { - animation: check_check 400ms; } - -radio:not(:indeterminate):checked { - animation: check_radio 400ms; } - -check:indeterminate:checked, radio:indeterminate:checked { - animation: check_indeterminate 400ms; } - -menu menuitem check:not(:indeterminate):checked, -menu menuitem radio:not(:indeterminate):checked, -menu menuitem check:indeterminate:checked:active, -menu menuitem radio:indeterminate:checked { - animation: none; } - -treeview.view check:selected:focus, treeview.view check:selected, -treeview.view radio:selected:focus, -treeview.view radio:selected { - color: #dedede; - border-color: #0f4278; } -treeview.view check:selected:disabled, -treeview.view radio:selected:disabled { - color: #858585; } - treeview.view check:selected:disabled:backdrop, - treeview.view radio:selected:disabled:backdrop { - color: #a8a8a8; } -treeview.view check:backdrop:selected, treeview.view check:backdrop, -treeview.view radio:backdrop:selected, -treeview.view radio:backdrop { - color: #858585; } - -/************ - * GtkScale * - ************/ -scale trough, scale fill, progressbar trough { - border: 1px solid #828282; - border-radius: 3px; - background-color: #b3b3b3; - box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } - scale trough:disabled, scale fill:disabled, progressbar trough:disabled { - background-color: #e0e0e0; - box-shadow: none; } - scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough { - background-color: #b6b6b6; - border-color: #8a8a8a; - box-shadow: none; - transition: 200ms ease-out; } - scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled { - background-color: #e0e0e0; } - row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough { - box-shadow: none; } - row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled { - border-color: #0f4278; } - .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough { - border-color: rgba(0, 0, 0, 0.7); - background-color: rgba(0, 0, 0, 0.5); - box-shadow: none; - outline-color: rgba(238, 238, 238, 0.2); } - .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(117, 117, 117, 0.5); } - -scale highlight, progressbar progress { - border: 1px solid shade(#990000, 0.7); - border-radius: 3px; - background-image: linear-gradient(to bottom, shade(#990000, 1.1), shade(#990000, 0.9)); } - scale highlight:disabled, progressbar progress:disabled { - background-color: transparent; - border-color: transparent; } - scale highlight:backdrop, progressbar progress:backdrop, progressbar:backdrop progress { - border-color: #990000; } - scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled { - background-color: transparent; - border-color: transparent; } - row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress { - border-color: #0f4278; } - .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress { - border-color: rgba(0, 0, 0, 0.7); } - .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled { - border-color: transparent; } - -scale { - min-height: 10px; - min-width: 10px; - padding: 12px; } - scale fill, - scale highlight { - margin: -2px; } - scale slider { - min-height: 13px; - min-width: 13px; - margin: -7px; } - 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 { - padding: 1px; - outline-offset: 2px; - -gtk-outline-radius: 5px; } - scale fill, scale fill:backdrop { - background-color: #828282; - box-shadow: none; } - scale fill:disabled, scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - .osd scale fill { - background-color: rgba(91, 91, 91, 0.775); } - .osd scale fill:disabled, .osd scale fill:disabled:backdrop { - border-color: transparent; - background-color: transparent; } - scale slider { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 1.02), 1.05), shade(shade(#2d2d2d, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.45), shade(#2d2d2d, 1.15)); - border: 1px solid #7a7a7a; - 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: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, #e5e5e5 10%, #d8d8d8 90%); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #dbdbdb, inset 0 -1px #b5b5b5, 0 1px rgba(0, 0, 0, 0.1); } - scale slider:active { - border-color: #0f4278; } - scale slider:disabled { - border-color: #828282; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:disabled label, scale slider:disabled { - color: #858585; } - scale slider:backdrop { - transition: 200ms ease-out; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:backdrop label, scale slider:backdrop { - color: #858585; } - scale slider:backdrop:disabled { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #e0e0e0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - scale slider:backdrop:disabled label, scale slider:backdrop:disabled { - color: #a8a8a8; } - row:selected scale slider, row:selected scale slider:disabled { - border-color: #0f4278; } - .osd scale slider { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - 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(238, 238, 238, 0.3); - border-color: rgba(0, 0, 0, 0.7); - background-color: #2d2d2d; } - .osd scale slider:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(135, 135, 135, 0.2)); - 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(238, 238, 238, 0.3); } - .osd scale slider:active { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 238, 0.3); } - .osd scale slider:disabled { - color: #ababab; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(117, 117, 117, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd scale slider:backdrop { - color: #eeeeee; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(104, 104, 104, 0.2)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - scale value { - color: alpha(currentColor,0.6); } - scale marks { - color: alpha(currentColor,0.4); } - scale.color { - min-height: 0; - min-width: 0; } - scale.color trough { - background-image: linear-gradient(to top, #828282); - 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(60, 60, 60, 0.4); } - progressbar.horizontal trough { - min-height: 6px; } - progressbar.horizontal progress { - min-height: 8px; } - progressbar.vertical trough { - min-width: 6px; } - progressbar.vertical progress { - min-width: 8px; } - progressbar.horizontal progress, progressbar.vertical progress { - margin: 0; } - progressbar:backdrop { - box-shadow: none; - transition: 200ms ease-out; } - progressbar progress { - border-width: 0; - box-shadow: inset 1px 1px shade(#990000, 0.7), inset -1px -1px shade(#990000, 0.7); - border-radius: 3px; } - progressbar progress.left { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - progressbar progress.right { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - progressbar progress.top { - border-top-right-radius: 3px; - border-top-left-radius: 3px; } - progressbar progress.bottom { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; } - progressbar:backdrop progress { - box-shadow: none; } - 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; } - -/************* - * Level Bar * - *************/ -levelbar block { - min-width: 32px; - min-height: 1px; } -levelbar.vertical block { - min-width: 1px; - min-height: 32px; } -levelbar:backdrop { - transition: 200ms ease-out; } -levelbar trough { - border: 1px solid; - padding: 2px; - border-radius: 3px; - color: #dedede; - border-color: #828282; - background-image: linear-gradient(to bottom, #c5c5c5, #f8f8f8 2px, #2d2d2d 90%); - box-shadow: inset 0 0 0 1px rgba(57, 142, 231, 0); } - levelbar trough:backdrop { - color: #4c4c4c; - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #f9f9f9); - box-shadow: none; } -levelbar.horizontal.discrete block { - margin: 0 1px; } -levelbar.vertical.discrete block { - margin: 1px 0; } -levelbar block { - border: 1px solid; - border-radius: 1px; - box-shadow: 0 1px rgba(0, 0, 0, 0.2); } - levelbar block:backdrop { - box-shadow: none; } - levelbar block.low { - border-color: #8f4700; - background-color: #f57900; } - levelbar block.low:backdrop { - border-color: #f57900; } - levelbar block.high, levelbar block:not(.empty) { - border-color: #145ba6; - background-color: #990000; } - levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { - border-color: #990000; } - levelbar block.full { - border-color: #1c3802; - background-color: #4e9a06; } - levelbar block.full:backdrop { - border-color: #4e9a06; } - levelbar block.empty { - background-color: transparent; - border-color: rgba(60, 60, 60, 0.2); - box-shadow: none; } - levelbar block.empty:backdrop { - border-color: rgba(133, 133, 133, 0.15); } - -/**************** - * Print dialog * -*****************/ -printdialog paper { - color: #dedede; - border: 1px solid #828282; - background: white; - padding: 0; } - printdialog paper:backdrop { - color: #858585; - border-color: #8a8a8a; } -printdialog .dialog-action-box { - margin: 12px; } - -/********** - * Frames * - **********/ -frame > border, -.frame { - box-shadow: none; - margin: 0; - padding: 0; - border-radius: 0; - border: 1px solid #828282; } - frame > border.flat, - .frame.flat { - border-style: none; } - frame > border:backdrop, - .frame:backdrop { - border-color: #8a8a8a; } - -actionbar > revealer > box { - padding: 6px; - border-top: 1px solid #828282; } - actionbar > revealer > box:backdrop { - border-color: #8a8a8a; } - -scrolledwindow viewport.frame { - border-style: none; } -scrolledwindow overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#2d2d2d), to(rgba(104, 104, 104, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(60, 60, 60, 0.07)), to(rgba(60, 60, 60, 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(#8a8a8a), to(rgba(138, 138, 138, 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(#2d2d2d), to(rgba(104, 104, 104, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(60, 60, 60, 0.07)), to(rgba(60, 60, 60, 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(#8a8a8a), to(rgba(138, 138, 138, 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(#2d2d2d), to(rgba(104, 104, 104, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(60, 60, 60, 0.07)), to(rgba(60, 60, 60, 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(#8a8a8a), to(rgba(138, 138, 138, 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(#2d2d2d), to(rgba(104, 104, 104, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(60, 60, 60, 0.07)), to(rgba(60, 60, 60, 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(#8a8a8a), to(rgba(138, 138, 138, 0))); - background-size: 5% 100%; - background-repeat: no-repeat; - background-position: right center; - background-color: transparent; - border: none; - box-shadow: none; } -scrolledwindow undershoot.top { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-top: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center top; - border: none; - box-shadow: none; } -scrolledwindow undershoot.bottom { - background-color: transparent; - background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-bottom: 1px; - background-size: 10px 1px; - background-repeat: repeat-x; - background-origin: content-box; - background-position: center bottom; - border: none; - box-shadow: none; } -scrolledwindow undershoot.left { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-left: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: left center; - border: none; - box-shadow: none; } -scrolledwindow undershoot.right { - background-color: transparent; - background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); - padding-right: 1px; - background-size: 1px 10px; - background-repeat: repeat-y; - background-origin: content-box; - background-position: right center; - border: none; - box-shadow: none; } -scrolledwindow junction { - border-color: transparent; - border-image: linear-gradient(to bottom, #828282 1px, transparent 1px) 0 0 0 1/0 1px stretch; - background-color: #b1b1b1; } - scrolledwindow junction:dir(rtl) { - border-image-slice: 0 1 0 0; } - scrolledwindow junction:backdrop { - border-image-source: linear-gradient(to bottom, #8a8a8a 1px, transparent 1px); - background-color: #c6c6c6; - transition: 200ms ease-out; } - -separator { - background: rgba(0, 0, 0, 0.1); - min-width: 1px; - min-height: 1px; } - -/********* - * Lists * - *********/ -list { - color: #dedede; - background-color: #2d2d2d; - border-color: #828282; } - list:backdrop { - background-color: #f9f9f9; - border-color: #8a8a8a; } - 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(60, 60, 60, 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: #3986d6; } - row.activatable:selected:backdrop { - background-color: #990000; } - -/********************* - * App Notifications * - *********************/ -.app-notification, -.app-notification.frame { - padding: 10px; - border-radius: 0 0 5px 5px; - background-color: rgba(104, 104, 104, 0.2); - 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 arrow { - min-width: 16px; - min-height: 16px; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - expander arrow:dir(rtl) { - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } - expander arrow:hover { - color: #898989; } - expander arrow:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -/************ - * Calendar * - ***********/ -calendar { - color: #dedede; - border: 1px solid #828282; } - calendar:selected { - border-radius: 3px; } - calendar.header { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0; } - calendar.header:backdrop { - border-color: rgba(0, 0, 0, 0.1); } - calendar.button { - color: rgba(60, 60, 60, 0.45); } - calendar.button:hover { - color: #dedede; } - calendar.button:backdrop { - color: rgba(133, 133, 133, 0.45); } - calendar.button:disabled { - color: rgba(133, 133, 133, 0.45); } - calendar:indeterminate, calendar:indeterminate:backdrop { - color: alpha(currentColor,0.55); } - calendar.highlight, calendar.highlight:backdrop { - font-size: smaller; - color: #dedede; } - calendar:backdrop { - color: #4c4c4c; - border-color: #8a8a8a; } - -/*********** - * Dialogs * - ***********/ -messagedialog .titlebar { - min-height: 20px; - background-image: none; - background-color: #2d2d2d; - border-style: none; - border-top-left-radius: 7px; - border-top-right-radius: 7px; } -messagedialog.csd.background { - border-bottom-left-radius: 9px; - border-bottom-right-radius: 9px; } -messagedialog.csd .dialog-action-area button { - padding: 10px 14px; - border-radius: 0; - border-left-style: solid; - border-right-style: none; - border-bottom-style: none; } - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 7px; - -gtk-outline-bottom-left-radius: 5px; } - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 7px; - -gtk-outline-bottom-right-radius: 5px; } - -filechooser .dialog-action-box { - border-top: 1px solid #828282; } - filechooser .dialog-action-box:backdrop { - border-top-color: #8a8a8a; } -filechooser #pathbarbox { - border-bottom: 1px solid #2d2d2d; } - filechooser #pathbarbox stack { - background-color: #2d2d2d; } - -filechooserbutton:drop(active) { - box-shadow: none; - border-color: transparent; } - -/*********** - * Sidebar * - ***********/ -.sidebar { - border-style: none; - background-color: #dae0e6; - -gtk-icon-style: regular; } - .sidebar row:selected { - background-image: linear-gradient(to bottom, shade(#dae0e6, 0.87), shade(#dae0e6, 0.95) 10%, shade(#dae0e6, 0.99) 92%, shade(#dae0e6, 0.92)); - box-shadow: 0 -1px shade(#2d2d2d, 0.85), 0 1px shade(#2d2d2d, 1.12); } - .sidebar row:selected label { - color: #dedede; } - .sidebar row:selected label:backdrop { - color: #858585; } - .sidebar row:backdrop { - background-color: transparent; } - stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) { - border-right: 1px solid #828282; - border-left-style: none; } - stacksidebar.sidebar:dir(rtl) list - .sidebar:dir(rtl), stacksidebar.sidebar.right list - .sidebar:dir(rtl), .sidebar.right { - border-left: 1px solid #828282; - border-right-style: none; } - .sidebar:backdrop { - background-color: #e4e4e4; - border-color: #8a8a8a; - transition: 200ms ease-out; } - .sidebar list, .sidebar treeview { - background-color: transparent; } - .sidebar list:backdrop, .sidebar treeview:backdrop { - 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; } - -/**************** - * File chooser * - ****************/ -placessidebar > viewport.frame { - border-style: none; } -placessidebar row { - min-height: 24px; - padding: 0px; } - placessidebar row > revealer { - padding: 0 14px; } - placessidebar row:selected { - color: #dedede; } - placessidebar row:disabled { - color: #858585; } - placessidebar row:backdrop { - color: #858585; - background-color: #2d2d2d; } - placessidebar row:backdrop:selected { - color: #858585; } - placessidebar row:backdrop:disabled { - color: #a8a8a8; } - 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(#4e9a06); - background-clip: content-box; } - placessidebar row.sidebar-new-bookmark-row { - color: #990000; } - placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } - placessidebar row:drop(active):not(:disabled):selected { - color: #2d2d2d; - background-image: linear-gradient(to bottom, #9dc8f2, #c1dcf7 10%, #d3e6f9 92%, #b4d5f5); } - -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(#828282); - background-size: 1px 1px; } - paned > separator:selected { - background-image: image(#990000); } - paned > separator:backdrop { - background-image: image(#8a8a8a); } - paned > separator.wide { - min-width: 5px; - min-height: 5px; - background-color: #2d2d2d; - background-image: image(#828282), image(#828282); - background-size: 1px 1px, 1px 1px; } - paned > separator.wide:backdrop { - background-color: #2d2d2d; - background-image: image(#8a8a8a), image(#8a8a8a); } -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; } - -.info, -.question, -.warning, -.error { - text-shadow: 0 1px #1a74d3; } - .info:backdrop, .info, - .question:backdrop, - .question, - .warning:backdrop, - .warning, - .error:backdrop, - .error { - background-color: #990000; - border-color: #1a74d3; } - .info:backdrop label, .info:backdrop, .info label, .info, - .question:backdrop label, - .question:backdrop, - .question label, - .question, - .warning:backdrop label, - .warning:backdrop, - .warning label, - .warning, - .error:backdrop label, - .error:backdrop, - .error label, - .error { - color: #2d2d2d; } - .info:backdrop, - .question:backdrop, - .warning:backdrop, - .error:backdrop { - text-shadow: none; } - .info button, - .question button, - .warning button, - .error button { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#990000, 1.02), 1.05), shade(shade(#990000, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .info button:hover, - .question button:hover, - .warning button:hover, - .error button:hover { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(#990000, 1.15), shade(#990000, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); } - .info button:active, .info button:checked, - .question button:active, - .question button:checked, - .warning button:active, - .warning button:checked, - .error button:active, - .error button:checked { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #114f8f; - background-image: linear-gradient(to bottom, shade(shade(#990000, 0.85), 1.05), shade(shade(#990000, 0.85), 0.97)); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); } - .info button:disabled, - .question button:disabled, - .warning button:disabled, - .error button:disabled { - border-color: #114f8f; - background-image: linear-gradient(to bottom, #569fea); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - .info button:disabled label, .info button:disabled, - .question button:disabled label, - .question button:disabled, - .warning button:disabled label, - .warning button:disabled, - .error button:disabled label, - .error button:disabled { - color: #abcff5; } - .info button:backdrop, - .question button:backdrop, - .warning button:backdrop, - .error button:backdrop { - border-color: #990000; - background-image: linear-gradient(to bottom, #990000); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #114f8f; } - .info button:backdrop label, .info button:backdrop, - .question button:backdrop label, - .question button:backdrop, - .warning button:backdrop label, - .warning button:backdrop, - .error button:backdrop label, - .error button:backdrop { - color: #d7e8fa; } - .info button:backdrop:disabled, - .question button:backdrop:disabled, - .warning button:backdrop:disabled, - .error button:backdrop:disabled { - border-color: #569fea; - background-image: linear-gradient(to bottom, #569fea); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); - border-color: #114f8f; } - .info button:backdrop:disabled label, .info button:backdrop:disabled, - .question button:backdrop:disabled label, - .question button:backdrop:disabled, - .warning button:backdrop:disabled label, - .warning button:backdrop:disabled, - .error button:backdrop:disabled label, - .error button:backdrop:disabled { - color: #91c1f1; } - .info label:selected:focus, .info label:selected:hover, .info label:selected, - .question label:selected:focus, - .question label:selected:hover, - .question label:selected, - .warning label:selected:focus, - .warning label:selected:hover, - .warning label:selected, - .error label:selected:focus, - .error label:selected:hover, - .error label:selected { - background-color: #1a74d3; } - -/************* - * Buttonbox * - *************/ -buttonbox { - padding: 6px; } - -/************ - * Tooltips * - ************/ -tooltip { - padding: 1px; - /* 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: 1px; - background-color: transparent; - color: white; } - -/***************** - * Color Chooser * - *****************/ -colorswatch, colorswatch:drop(active) { - 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: #2d2d2d; } - colorswatch.dark overlay:hover { - border-color: rgba(0, 0, 0, 0.8); } - colorswatch.dark overlay:backdrop { - color: #f9f9f9; } -colorswatch.light overlay { - color: #dedede; } - colorswatch.light overlay:hover { - border-color: rgba(0, 0, 0, 0.5); } - colorswatch.light overlay:backdrop { - color: #4c4c4c; } -colorswatch:drop(active) { - box-shadow: none; } - colorswatch:drop(active).light overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; } - colorswatch:drop(active).dark overlay { - border-color: #4e9a06; - box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; } -colorswatch overlay { - box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7); - border: 1px solid rgba(0, 0, 0, 0.3); } - colorswatch overlay:hover { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } - colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { - border-color: rgba(0, 0, 0, 0.3); - 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: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-top-color: shade(#2d2d2d, 0.8); - border-right-color: shade(#2d2d2d, 0.72); - border-left-color: shade(#2d2d2d, 0.72); - border-bottom-color: shade(#2d2d2d, 0.7); - background-image: linear-gradient(to bottom, shade(shade(#2d2d2d, 1.02), 1.05), shade(shade(#2d2d2d, 1.02), 0.97)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - colorswatch#add-color-button overlay:hover { - color: #dedede; - outline-color: rgba(60, 60, 60, 0.3); - border-color: #828282; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.15), shade(#2d2d2d, 1.07)); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); } - colorswatch#add-color-button overlay:backdrop { - border-color: #8a8a8a; - background-image: linear-gradient(to bottom, #2d2d2d); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0); } - colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop { - color: #858585; } -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 #2d2d2d; } -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: #bcbcbc; } - .content-view:hover { - -gtk-icon-effect: highlight; } - .content-view:backdrop { - background-color: #bcbcbc; } - -.osd .scale-popup button.flat { - border-style: none; - border-radius: 5px; } -.scale-popup button:hover { - background-color: rgba(60, 60, 60, 0.1); - border-radius: 5px; } - -/********************** - * Window Decorations * - *********************/ -decoration { - border-radius: 7px 7px 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.23); - 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.18); - transition: 200ms ease-out; } - .maximized decoration, .fullscreen decoration, .tiled decoration { - border-radius: 0; } - .popup decoration { - box-shadow: none; } - .ssd decoration { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } - .csd.popup decoration { - border-radius: 0; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - tooltip.csd decoration { - border-radius: 5px; - box-shadow: none; } - messagedialog.csd decoration { - border-radius: 7px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } - .solid-csd decoration { - border-radius: 0; - margin: 4px; - background-color: #2d2d2d; - border: solid 1px #8a8a8a; - box-shadow: none; } - -button.titlebutton { - text-shadow: 0 1px rgba(255, 255, 255, 0.76923); - -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); } - button.titlebutton:backdrop { - -gtk-icon-shadow: none; } - -headerbar.selection-mode button.titlebutton, -.titlebar.selection-mode button.titlebutton { - text-shadow: 0 -1px rgba(0, 0, 0, 0.54824); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54824); } - headerbar.selection-mode button.titlebutton:backdrop, - .titlebar.selection-mode button.titlebutton:backdrop { - -gtk-icon-shadow: none; } - -.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, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, -textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, -entry selection:focus, -entry selection, modelbutton.flat:selected, popover.background checkbutton:selected, -popover.background radiobutton:selected, -.menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - background-color: #990000; } - row:selected label, label:selected, .selection-mode button.titlebutton, .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, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, - textview text selection:focus, - textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection:focus, spinbutton:not(.vertical) selection, - entry selection:focus, - entry selection, modelbutton.flat:selected, popover.background checkbutton:selected, - popover.background radiobutton:selected, - .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected { - color: #2d2d2d; - outline-color: rgba(255, 255, 255, 0.3); } - row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected, - iconview text:disabled:selected:focus, - textview text:disabled:selected:focus, - .view text:disabled:selected, - iconview text:disabled:selected, - textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, - textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled, - entry selection:disabled, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected, - popover.background radiobutton:disabled:selected, - .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected { - color: #9cc7f3; } - row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, - iconview text:backdrop:selected:focus, - textview text:backdrop:selected:focus, - .view text:backdrop:selected, - iconview text:backdrop:selected, - textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop, - textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop, - entry selection:backdrop, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected, - popover.background radiobutton:backdrop:selected, - .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected { - color: #f9f9f9; } - row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected, - .view text:backdrop:disabled:selected, - iconview text:backdrop:disabled:selected, - textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled, - textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled, - entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected, - popover.background radiobutton:backdrop:disabled:selected, - .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected { - color: #73aeec; } - -.monospace { - font: 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.png"), url("assets/text-select-start@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.png"), url("assets/text-select-end@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.png"), url("assets/slider-horz-scale-has-marks-above@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.png"), url("assets/text-select-start-hover@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.png"), url("assets/text-select-end-hover@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.png"), url("assets/slider-horz-scale-has-marks-above-hover@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.png"), url("assets/text-select-start-active@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.png"), url("assets/text-select-end-active@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.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } - -.context-menu { - font: initial; } - -button.circular { - border-radius: 20px; - -gtk-outline-radius: 20px; } - button.circular label { - padding: 0; } - -.keycap { - min-width: 20px; - min-height: 25px; - margin-top: 2px; - padding-bottom: 3px; - padding-left: 6px; - padding-right: 6px; - color: #dedede; - background-color: #2d2d2d; - border: 1px solid; - border-color: #a8a8a8; - border-radius: 5px; - box-shadow: inset 0 -3px #d7d7d7; - font-size: smaller; } - .keycap:backdrop { - background-color: #f9f9f9; - color: #858585; - transition: 200ms ease-out; } - -*:drop(active):focus, -*:drop(active) { - border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } - -stackswitcher button.text-button { - min-width: 100px; } - -stackswitcher button.circular, -stackswitcher button.text-button.circular { - min-width: 32px; - min-height: 32px; - padding: 0; } - -/* GTK NAMED COLORS - ---------------- - use responsibly! */ -/* -widget text/foreground color */ -@define-color theme_fg_color #dedede; -/* -text color for entries, views and content in general */ -@define-color theme_text_color #dedede; -/* -widget base background color */ -@define-color theme_bg_color #2d2d2d; -/* -text widgets and the like base background color */ -@define-color theme_base_color #2d2d2d; -/* -base background color of selections */ -@define-color theme_selected_bg_color #990000; -/* -text/foreground color of selections */ -@define-color theme_selected_fg_color #2d2d2d; -/* -base background color of insensitive widgets */ -@define-color insensitive_bg_color #e0e0e0; -/* -text foreground color of insensitive widgets */ -@define-color insensitive_fg_color #858585; -/* -insensitive text widgets and the like base background color */ -@define-color insensitive_base_color #2d2d2d; -/* -widget text/foreground color on backdrop windows */ -@define-color theme_unfocused_fg_color #858585; -/* -text color for entries, views and content in general on backdrop windows */ -@define-color theme_unfocused_text_color #dedede; -/* -widget base background color on backdrop windows */ -@define-color theme_unfocused_bg_color #2d2d2d; -/* -text widgets and the like base background color on backdrop windows */ -@define-color theme_unfocused_base_color #f9f9f9; -/* -base background color of selections on backdrop windows */ -@define-color theme_unfocused_selected_bg_color #990000; -/* -text/foreground color of selections on backdrop windows */ -@define-color theme_unfocused_selected_fg_color #2d2d2d; -/* -widgets main borders color */ -@define-color borders #828282; -/* -widgets main borders color on backdrop windows */ -@define-color unfocused_borders #8a8a8a; -/* -these are pretty self explicative */ -@define-color warning_color #f57900; -@define-color error_color #cc0000; -@define-color success_color #4e9a06; -/* -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(#dedede, 1.8); -@define-color wm_unfocused_title #858585; -@define-color wm_highlight rgba(255, 255, 255, 0.8); -@define-color wm_borders_edge rgba(255, 255, 255, 0.8); -@define-color wm_bg_a shade(#2d2d2d, 1.2); -@define-color wm_bg_b #2d2d2d; -@define-color wm_shadow alpha(black, 0.35); -@define-color wm_border alpha(black, 0.18); -@define-color wm_button_hover_color_a shade(#2d2d2d, 1.3); -@define-color wm_button_hover_color_b #2d2d2d; -@define-color wm_button_active_color_a shade(#2d2d2d, 0.85); -@define-color wm_button_active_color_b shade(#2d2d2d, 0.89); -@define-color wm_button_active_color_c shade(#2d2d2d, 0.9); -@define-color content_view_bg #2d2d2d; -.XfceHeading { - margin: 0; - padding: 0; - border-width: 0; - background-image: none; - background-color: shade(#2d2d2d, 1.18); - color: #dedede; - text-shadow: 0px 1px rgba(0, 0, 0, 0.1); } - -.xfce4-panel { - background-color: shade(#2d2d2d, 0.35); - color: #2d2d2d; - font: normal; } - .xfce4-panel button { - background-image: none; - background-color: transparent; - border-radius: 0; - border-color: transparent; - box-shadow: none; - padding: 0 1px; - color: #2d2d2d; - text-shadow: 0px 1px rgba(0, 0, 0, 0.1); } - .xfce4-panel button:active, .xfce4-panel button:checked { - background-image: none; - background-color: shade(#2d2d2d, 0.7); - border-color: shade(#2d2d2d, 0.6); - color: #2d2d2d; - transition: none; } - .xfce4-panel button:hover, .xfce4-panel button:active:hover, .xfce4-panel button:checked:hover { - border-color: shade(#990000, 0.6); - background-image: linear-gradient(to bottom, shade(#990000, 0.88), shade(#990000, 0.85)); - color: #2d2d2d; - box-shadow: inset 0 -1px alpha(white,0), inset 1px 0 alpha(white,0.15), inset -1px 0 alpha(white,0.15), inset 0 1px alpha(white,0.15); - transition: none; } - .xfce4-panel menu { - -gtk-icon-effect: none; - text-shadow: none; } - -#XfceNotifyWindow { - background-color: shade(#2d2d2d, 0.3); - color: #2d2d2d; - border-color: shade(#2d2d2d, 0.6); } - #XfceNotifyWindow button { - border-color: shade(#2d2d2d, 0.35); - border-radius: 3px; } - #XfceNotifyWindow label#summary { - font-weight: bold; } - #XfceNotifyWindow progressbar { - min-height: 6px; - border-radius: 3px; } - #XfceNotifyWindow progressbar progress { - background-image: none; - background-color: #2d2d2d; } - #XfceNotifyWindow progressbar trough { - background-image: linear-gradient(to bottom, shade(#2d2d2d, 0.65), shade(#2d2d2d, 1.25)); - border: 1px solid shade(#2d2d2d, 0.2); - border-radius: 3px; } - -.lightdm-gtk-greeter { - /********* - * panel * - *********/ - /**************** - * login window * - ****************/ } - .lightdm-gtk-greeter #panel_window { - background-color: shade(#2d2d2d, 0.35); - color: #2d2d2d; - font-weight: bold; - text-shadow: 0 1px transparentize black, 0.5; - -gtk-icon-shadow: 0 1px transparentize black, 0.5; - box-shadow: inset 0 -1px transparentize black, 0.5; } - .lightdm-gtk-greeter #panel_window menubar { - background-color: shade(#2d2d2d, 0.35); - text-shadow: 0 1px transparentize black, 0.5; - -gtk-icon-shadow: 0 1px transparentize black, 0.5; } - .lightdm-gtk-greeter #panel_window menubar menu menuitem { - font-weight: normal; - text-shadow: none; } - .lightdm-gtk-greeter #login_window, - .lightdm-gtk-greeter #shutdown_dialog, - .lightdm-gtk-greeter #restart_dialog { - border-style: none; - border-radius: 5px; - background-color: #2d2d2d; - color: #dedede; - box-shadow: inset 1px 0 shade(#2d2d2d, 0.6), inset -1px 0 shade(#2d2d2d, 0.6), inset 0 1px shade(#2d2d2d, 0.6), inset 0 -1px shade(#2d2d2d, 0.6); } - .lightdm-gtk-greeter #login_window button, - .lightdm-gtk-greeter #shutdown_dialog button, - .lightdm-gtk-greeter #restart_dialog button { - padding: 3px 15px; - /*********************** - * login/unlock button * - ***********************/ - /******************* - * shutdown button * - *******************/ - /****************** - * restart button * - ******************/ } - .lightdm-gtk-greeter #login_window button#login_button, - .lightdm-gtk-greeter #shutdown_dialog button#login_button, - .lightdm-gtk-greeter #restart_dialog button#login_button { - border-color: shade(#990000, 0.8); - background-image: linear-gradient(to bottom, shade(#990000, 1.02), shade(#990000, 0.95) 90%, shade(#990000, 0.9)); - color: #2d2d2d; } - .lightdm-gtk-greeter #login_window button#login_button:hover, .lightdm-gtk-greeter #login_window button#login_button:active, - .lightdm-gtk-greeter #shutdown_dialog button#login_button:hover, - .lightdm-gtk-greeter #shutdown_dialog button#login_button:active, - .lightdm-gtk-greeter #restart_dialog button#login_button:hover, - .lightdm-gtk-greeter #restart_dialog button#login_button:active { - border-color: shade(#990000, 0.7); - background-image: linear-gradient(to bottom, shade(#990000, 1.12), shade(#990000, 1.05) 90%, shade(#990000, 1)); } - .lightdm-gtk-greeter #login_window button#shutdown_button, - .lightdm-gtk-greeter #shutdown_dialog button#shutdown_button, - .lightdm-gtk-greeter #restart_dialog button#shutdown_button { - border-color: shade(#cc0000, 0.8); - background-image: linear-gradient(to bottom, shade(#cc0000, 1.02), shade(#cc0000, 0.95) 90%, shade(#cc0000, 0.9)); - color: #2d2d2d; } - .lightdm-gtk-greeter #login_window button#shutdown_button:hover, .lightdm-gtk-greeter #login_window button#shutdown_button:active, - .lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:hover, - .lightdm-gtk-greeter #shutdown_dialog button#shutdown_button:active, - .lightdm-gtk-greeter #restart_dialog button#shutdown_button:hover, - .lightdm-gtk-greeter #restart_dialog button#shutdown_button:active { - border-color: shade(#cc0000, 0.7); - background-image: linear-gradient(to bottom, shade(#cc0000, 1.12), shade(#cc0000, 1.05) 90%, shade(#cc0000, 1)); } - .lightdm-gtk-greeter #login_window button#restart_button, - .lightdm-gtk-greeter #shutdown_dialog button#restart_button, - .lightdm-gtk-greeter #restart_dialog button#restart_button { - border-color: shade(#f57900, 0.8); - background-image: linear-gradient(to bottom, shade(#f57900, 1.02), shade(#f57900, 0.95) 90%, shade(#f57900, 0.9)); - color: #2d2d2d; } - .lightdm-gtk-greeter #login_window button#restart_button:hover, .lightdm-gtk-greeter #login_window button#restart_button:active, - .lightdm-gtk-greeter #shutdown_dialog button#restart_button:hover, - .lightdm-gtk-greeter #shutdown_dialog button#restart_button:active, - .lightdm-gtk-greeter #restart_dialog button#restart_button:hover, - .lightdm-gtk-greeter #restart_dialog button#restart_button:active { - border-color: shade(#f57900, 0.7); - background-image: linear-gradient(to bottom, shade(#f57900, 1.12), shade(#f57900, 1.05) 90%, shade(#f57900, 1)); } - .lightdm-gtk-greeter #content_frame { - padding-bottom: 14px; } - .lightdm-gtk-greeter #login_window menu { - border-radius: 1px; } - .lightdm-gtk-greeter #login_window combobox button.combo { - color: #dedede; - padding: 0; - background: none; - border-style: none; - box-shadow: none; } - .lightdm-gtk-greeter #login_window #user_combobox { - color: #dedede; - font: 18px; } - .lightdm-gtk-greeter #login_window #user_combobox menu { - font: normal; } - .lightdm-gtk-greeter #login_window #user_image { - padding: 3px; - border-radius: 3px; - box-shadow: inset 1px 0 shade(#2d2d2d, 0.75), inset -1px 0 shade(#2d2d2d, 0.75), inset 0 1px shade(#2d2d2d, 0.55), inset 0 -1px shade(#2d2d2d, 0.85); } - .lightdm-gtk-greeter #login_window #user_image_border { - border-radius: 3px; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 0.9), shade(#2d2d2d, 0.98) 10%, shade(#2d2d2d, 1) 99%, shade(#2d2d2d, 1)); - box-shadow: inset 0 1px shade(#2d2d2d, 0.8), inset 0 -1px shade(#2d2d2d, 0.55); } - .lightdm-gtk-greeter #buttonbox_frame { - padding-top: 20px; - padding-bottom: 0px; - border-style: none; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 0.85), shade(#2d2d2d, 0.98) 10%, shade(#2d2d2d, 1) 99%, shade(#2d2d2d, 1)); - box-shadow: inset 1px 0 shade(#2d2d2d, 0.6), inset -1px 0 shade(#2d2d2d, 0.6), inset 0 1px shade(#2d2d2d, 0.6), inset 0 -1px shade(#2d2d2d, 0.6); } - -/************************ - * NAUTILUS (aka Files) * - ************************/ -.nautilus-window { - background-color: #2d2d2d; } - .nautilus-window notebook, .nautilus-window notebook > stack { - background-color: #2d2d2d; } - -/* Floating status bar */ -.floating-bar { - background-color: #2d2d2d; - border-style: solid; - border-color: #828282; } - .floating-bar.left { - border-radius: 0 3px 0 0; - border-width: 1px 1px 0 0; } - .floating-bar.right { - border-radius: 3px 0 0 0; - border-width: 1px 0 0 1px; } - .floating-bar:backdrop { - background-color: #2d2d2d; - border-color: #8a8a8a; } - .floating-bar button { - padding: 0px; } - -/* Searchbar */ -.search-bar { - box-shadow: none; } - -/* View */ -.nautilus-list-view .view, .nautilus-list-view iconview { - border-bottom: 1px solid #2d2d2d; - /* Hide superfluous treeview drop target indication */ } - .nautilus-list-view .view.dnd, .nautilus-list-view iconview.dnd { - border-style: none; } - -UnityDecoration { - -UnityDecoration-extents: 28px 1px 1px 1px; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 1px; - -UnityDecoration-shadow-offset-y: 1px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.7); - -UnityDecoration-active-shadow-radius: 8px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.5); - -UnityDecoration-inactive-shadow-radius: 5px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #990000; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; } - UnityDecoration .top { - border: 1px solid shade(#2d2d2d, 0.7); - border-bottom-width: 0; - border-radius: 4px 4px 0 0; - padding: 1px 8px 0 8px; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.07), #2d2d2d); - color: #dedede; - text-shadow: 0 1px shade(#2d2d2d, 1.2); } - UnityDecoration .top:backdrop { - border: 1px solid shade(#2d2d2d, 0.8); - border-bottom-width: 0; - background-image: linear-gradient(to bottom, shade(#2d2d2d, 1.02), #2d2d2d); - color: #dedede; - text-shadow: 0 1px shade(#2d2d2d, 1.1); } - UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom { - background-color: shade(#2d2d2d, 0.7); } - UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { - background-color: shade(#2d2d2d, 0.8); } - -UnityPanelWidget, -.unity-panel { - border-width: 0 0 1px 0; - border-style: solid; - border-color: shade(#2d2d2d, 1); - background-color: shade(#2d2d2d, 0.35); } - UnityPanelWidget.menuitem, UnityPanelWidget .menuitem, - .unity-panel.menuitem, - .unity-panel .menuitem { - border-width: 0 1px; - color: #2d2d2d; } - UnityPanelWidget.menuitem:hover, UnityPanelWidget.menuitem *:hover, UnityPanelWidget .menuitem:hover, UnityPanelWidget .menuitem *:hover, - .unity-panel.menuitem:hover, - .unity-panel.menuitem *:hover, - .unity-panel .menuitem:hover, - .unity-panel .menuitem *:hover { - border-color: shade(#2d2d2d, 0.8); - background-color: shade(#2d2d2d, 0.75); - color: #2d2d2d; } - -@keyframes playbackmenuitem_spinner { - to { - -gtk-icon-transform: rotate(1turn); } } -.menu IdoPlaybackMenuItem.menuitem:active { - -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); - animation: playbackmenuitem_spinner 1s infinite linear; - color: #dedede; } diff --git a/Redcore-nighttime/gtk-3.0/gtk-contained.scss b/Redcore-nighttime/gtk-3.0/gtk-contained.scss deleted file mode 100644 index e1ed31b..0000000 --- a/Redcore-nighttime/gtk-3.0/gtk-contained.scss +++ /dev/null @@ -1,16 +0,0 @@ -// General guidelines: -// - very unlikely you want to edit something else than _common.scss -// - keep the number of defined colors to a minimum, use the color blending functions if -// you need a subtle shade -// - if you need to inverse a color function use the @if directive to match for dark $variant - -$variant: 'light'; - -@import 'colors'; -@import 'drawing'; -@import 'common'; -@import 'colors-public'; -@import 'xfce'; -@import 'lightdm-gtk-greeter'; -@import 'gnome-apps'; -@import 'unity'; diff --git a/Redcore-nighttime/gtk-3.0/gtk-dark.css b/Redcore-nighttime/gtk-3.0/gtk-dark.css new file mode 100644 index 0000000..b00626d --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/gtk-dark.css @@ -0,0 +1 @@ +@import url("resource:///org/numixproject/gtk/dist/gtk-dark.css"); diff --git a/Redcore-nighttime/gtk-3.0/gtk.css b/Redcore-nighttime/gtk-3.0/gtk.css index 20b78fd..c6eab95 100644 --- a/Redcore-nighttime/gtk-3.0/gtk.css +++ b/Redcore-nighttime/gtk-3.0/gtk.css @@ -1 +1 @@ -@import url("gtk-contained.css"); +@import url("resource:///org/numixproject/gtk/dist/gtk.css"); diff --git a/Redcore-nighttime/gtk-3.0/gtk.gresource.xml b/Redcore-nighttime/gtk-3.0/gtk.gresource.xml index 84310b7..8281d70 100644 --- a/Redcore-nighttime/gtk-3.0/gtk.gresource.xml +++ b/Redcore-nighttime/gtk-3.0/gtk.gresource.xml @@ -1,56 +1,48 @@ - - assets/bullet-symbolic.svg - assets/bullet-symbolic.symbolic.png - assets/checkbox-active-selectionmode.png - assets/checkbox-backdrop-selectionmode.png - assets/checkbox-checked-active-selectionmode.png - assets/checkbox-checked-backdrop-selectionmode.png - assets/checkbox-checked-hover-selectionmode.png - assets/checkbox-checked-insensitive.png - assets/checkbox-hover-selectionmode.png - assets/checkbox-mixed-hover.png - assets/checkbox-mixed-insensitive.png - assets/checkbox-mixed.png - assets/checkbox-selectionmode.png - assets/checkbox-unchecked-insensitive.png - assets/check-symbolic.svg - assets/check-symbolic.symbolic.png - assets/dash-symbolic.svg - assets/dash-symbolic.symbolic.png - assets/grid-selection-checked.png - assets/grid-selection-unchecked.png - assets/menuitem-checkbox-checked-hover.png - assets/menuitem-checkbox-checked-insensitive.png - assets/menuitem-checkbox-checked.png - assets/menuitem-checkbox-mixed-hover.png - assets/menuitem-checkbox-mixed-insensitive.png - assets/menuitem-checkbox-mixed.png - assets/menuitem-radio-checked-hover.png - assets/menuitem-radio-checked-insensitive.png - assets/menuitem-radio-checked.png - assets/pane-separator.png - assets/pane-separator-vertical.png - assets/radio-mixed-hover.png - assets/radio-mixed-insensitive.png - assets/radio-mixed.png - assets/radio-selected-hover.png - assets/radio-selected-insensitive.png - assets/radio-selected.png - assets/radio-unselected-insensitive.png - assets/radio-unselected.png - assets/resize-grip.png - assets/titlebutton-close-active.png - assets/titlebutton-close-hover.png - assets/titlebutton-close.png - assets/titlebutton-maximize-active.png - assets/titlebutton-maximize-hover.png - assets/titlebutton-maximize.png - assets/titlebutton-minimize-active.png - assets/titlebutton-minimize-hover.png - assets/titlebutton-minimize.png - gtk-contained.css - gtk-contained-dark.css + + assets/checkbox-checked-dark.svg + assets/checkbox-checked-insensitive-dark.svg + assets/checkbox-checked-insensitive.svg + assets/checkbox-checked.svg + assets/checkbox-mixed-dark.svg + assets/checkbox-mixed-insensitive-dark.svg + assets/checkbox-mixed-insensitive.svg + assets/checkbox-mixed.svg + assets/checkbox-unchecked-dark.svg + assets/checkbox-unchecked-insensitive-dark.svg + assets/checkbox-unchecked-insensitive.svg + assets/checkbox-unchecked.svg + assets/grid-selection-checked-dark.svg + assets/grid-selection-checked.svg + assets/grid-selection-unchecked-dark.svg + assets/grid-selection-unchecked.svg + assets/menuitem-checkbox-checked-hover.svg + assets/menuitem-checkbox-checked-insensitive.svg + assets/menuitem-checkbox-checked.svg + assets/menuitem-checkbox-unchecked.svg + assets/menuitem-checkbox-mixed-hover.svg + assets/menuitem-checkbox-mixed-insensitive.svg + assets/menuitem-checkbox-mixed.svg + assets/menuitem-radio-checked-hover.svg + assets/menuitem-radio-checked-insensitive.svg + assets/menuitem-radio-checked.svg + assets/menuitem-radio-unchecked.svg + assets/radio-checked-dark.svg + assets/radio-checked-insensitive-dark.svg + assets/radio-checked-insensitive.svg + assets/radio-checked.svg + assets/radio-mixed-dark.svg + assets/radio-mixed-insensitive-dark.svg + assets/radio-mixed-insensitive.svg + assets/radio-mixed.svg + assets/radio-unchecked-dark.svg + assets/radio-unchecked-insensitive-dark.svg + assets/radio-unchecked-insensitive.svg + assets/radio-unchecked.svg + assets/pane-handle.png + assets/pane-handle@2.png + dist/gtk.css + dist/gtk-dark.css diff --git a/Redcore-nighttime/gtk-3.0/scss/_colors.scss b/Redcore-nighttime/gtk-3.0/scss/_colors.scss new file mode 100644 index 0000000..cdd7499 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/_colors.scss @@ -0,0 +1,67 @@ +@import "global"; + +/* dark color scheme */ +@define-color dark_bg_color #{"" + $dark_bg_color}; +@define-color dark_fg_color #{"" + $dark_fg_color}; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color #{"" + $bg_color}; +@define-color theme_fg_color #{"" + $fg_color}; +@define-color theme_base_color #{"" + $base_color}; +@define-color theme_text_color #{"" + $text_color}; +@define-color theme_selected_bg_color #{"" + $selected_bg_color}; +@define-color theme_selected_fg_color #{"" + $selected_fg_color}; +@define-color theme_tooltip_bg_color #{"" + $tooltip_bg_color}; +@define-color theme_tooltip_fg_color #{"" + $tooltip_fg_color}; + +/* shadow effects */ +@define-color light_shadow #{"" + $light_shadow}; +@define-color dark_shadow #{"" + $dark_shadow}; + +/* misc colors used by gtk+ */ +@define-color info_fg_color #{"" + $info_fg_color}; +@define-color info_bg_color #{"" + $info_bg_color}; +@define-color warning_fg_color #{"" + $warning_fg_color}; +@define-color warning_bg_color #{"" + $warning_bg_color}; +@define-color question_fg_color #{"" + $question_fg_color}; +@define-color question_bg_color #{"" + $question_bg_color}; +@define-color error_fg_color #{"" + $error_fg_color}; +@define-color error_bg_color #{"" + $error_bg_color}; +@define-color link_color #{"" + $link_color}; +@define-color success_color #{"" + $success_color}; +@define-color warning_color #{"" + $warning_color}; +@define-color error_color #{"" + $error_color}; + +/* widget colors */ +@define-color titlebar_bg_color @dark_bg_color; +@define-color titlebar_fg_color @dark_fg_color; +@define-color menubar_bg_color @dark_bg_color; +@define-color menubar_fg_color @dark_fg_color; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @dark_bg_color; +@define-color menu_fg_color @dark_fg_color; +@define-color panel_bg_color @dark_bg_color; +@define-color panel_fg_color @dark_fg_color; + +/* osd */ +@define-color osd_base #{"" + $osd_base}; +@define-color osd_bg #{"" + $osd_bg}; +@define-color osd_fg #{"" + $osd_fg}; + +/* lightdm greeter colors */ +@define-color lightdm_bg_color #{"" + $lightdm_bg_color}; +@define-color lightdm_fg_color #{"" + $lightdm_fg_color}; + +/* window manager colors */ +@define-color wm_bg #{"" + $wm_bg}; +@define-color wm_border_focused #{"" + $wm_border_focused}; +@define-color wm_border_unfocused #{"" + $wm_border_unfocused}; +@define-color wm_title_focused #{"" + $wm_title_focused}; +@define-color wm_title_unfocused #{"" + $wm_title_unfocused}; +@define-color wm_icons_focused #{"" + $wm_icons_focused}; +@define-color wm_icons_focused_prelight #{"" + $wm_icons_focused_prelight}; +@define-color wm_icons_focused_pressed #{"" + $wm_icons_unfocused_pressed}; +@define-color wm_icons_unfocused #{"" + $wm_icons_unfocused}; +@define-color wm_icons_unfocused_prelight #{"" + $wm_icons_unfocused_prelight}; +@define-color wm_icons_unfocused_pressed #{"" + $wm_icons_unfocused_pressed}; diff --git a/Redcore-nighttime/gtk-3.0/scss/_functions.scss b/Redcore-nighttime/gtk-3.0/scss/_functions.scss new file mode 100644 index 0000000..0de71b6 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/_functions.scss @@ -0,0 +1,79 @@ +$modules: () !default; + +@mixin exports($name) { + @if (not index($modules, $name)) { + $modules: append($modules, $name) !global; + + @content; + } +} + +@function alpha($color, $amount) { + @if type-of($color) == "color" { + @return fade-out($color, (1 - $amount)); + } @else { + @return unquote("alpha(#{$color},#{$amount})"); + } +} + +@function shade($color, $amount) { + @if type-of($color) == "color" { + @if ($amount > 1) { + @return lighten($color, ($amount - 1) * lightness($color)) + } @else { + @return darken($color, (1 - $amount) * lightness($color)) + } + } @else { + @return unquote("shade(#{$color},#{$amount})"); + } +} + +@function mix($color1, $color2, $amount) { + @return unquote("mix(#{$color1},#{$color2},#{$amount})"); +} + +@function border_normal($color) { + @return shade($color, $contrast); +} + +@function border_focus($color) { + @return shade($color, ($contrast - .05)); +} + +@function border_active($color) { + @return shade($color, ($contrast - .1)); +} + +@function border_insensitive($color) { + @return shade($color, ($contrast + .05)); +} + +@mixin linear-gradient($color, $direction: to bottom) { + @if $gradient == 0 { + background-color: $color; + background-image: none; + } @else { + $amount: $gradient / 2; + + background-color: $color; + background-image: linear-gradient($direction, + shade($color, (1 + $amount)), + shade($color, (1 - $amount)) + ); + } +} + +@mixin border($color) { + border-color: border_normal($color); + + &:focus, &:hover { border-color: border_focus($color); } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { border-color: border_active($color); } + + &:insensitive { border-color: border_insensitive($color); } + + &:active:insensitive, &:checked:insensitive { border-color: border_normal($color); } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/_global.scss b/Redcore-nighttime/gtk-3.0/scss/_global.scss new file mode 100644 index 0000000..0cc82b2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/_global.scss @@ -0,0 +1,89 @@ +// scss-lint:disable ColorVariable + +@import "functions"; + +// default color scheme +$bg_color: if($variant == "dark", #dedede, #2d2d2d); +$fg_color: if($variant == "dark", #2d2d2d, #dedede); +$base_color: if($variant == "dark", #dedede, #2d2d2d); +$text_color: if($variant == "dark", #2d2d2d, #dedede); +$button_bg_color: if($variant == "dark", #dedede, #2d2d2d); +$button_fg_color: if($variant == "dark", #2d2d2d, #dedede); +$header_button_bg_color: #2d2d2d; +$header_button_fg_color: #dedede; +$selected_bg_color: #990000; +$selected_fg_color: #dedede; +$tooltip_bg_color: #2d2d2d; +$tooltip_fg_color: #dedede; + +// dark colors +$dark_bg_color: #2d2d2d; +$dark_fg_color: #dedede; + +// shadows +$dark_shadow: #000; +$light_shadow: #fff; + +// caret +$primary_caret_color: #dedede; +$secondary_caret_color: #dedede; +$caret_aspect_ratio: 0.04; + +// white and black +$black: #000; +$white: #fff; + +// misc colors used by gtk+ +$info_fg_color: #fff; +$info_bg_color: #03a9f4; +$warning_fg_color: #fff; +$warning_bg_color: #ef6c00; +$question_fg_color: #fff; +$question_bg_color: #673ab7; +$error_fg_color: #fff; +$error_bg_color: #f44336; +$link_color: #990000; +$success_color: #4caf50; +$warning_color: #ef6c00; +$error_color: #f44336; + +$toolbar_bg_color: $bg_color; +$toolbar_fg_color: $fg_color; + +$titlebar_bg_color: $dark_bg_color; +$titlebar_fg_color: $dark_fg_color; + +$menu_bg_color: $dark_bg_color; +$menu_fg_color: $dark_fg_color; + +$menubar_bg_color: $dark_bg_color; +$menubar_fg_color: $dark_fg_color; + +$panel_bg_color: $dark_bg_color; +$panel_fg_color: $dark_fg_color; + +$osd_base: $dark_bg_color; +$osd_fg: $dark_fg_color; +$osd_bg: alpha($osd_base, 0.8); + +$lightdm_bg_color: $dark_bg_color; +$lightdm_fg_color: $dark_fg_color; + +$wm_bg: $titlebar_bg_color; +$wm_border_focused: #990000; +$wm_border_unfocused: #2d2d2d; +$wm_title_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); +$wm_title_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); +$wm_icons_focused: mix($titlebar_fg_color, $titlebar_bg_color, .1); +$wm_icons_focused_prelight: $selected_bg_color; +$wm_icons_focused_pressed: shade($selected_bg_color, .8); +$wm_icons_unfocused: mix($titlebar_fg_color, $titlebar_bg_color, .4); +$wm_icons_unfocused_prelight: $selected_bg_color; +$wm_icons_unfocused_pressed: shade($selected_bg_color, .8); + +// widget styles +$roundness: 0px; +$spacing: 3px; +$gradient: 0.0; + +$contrast: .8; diff --git a/Redcore-nighttime/gtk-3.0/scss/_widgets.scss b/Redcore-nighttime/gtk-3.0/scss/_widgets.scss new file mode 100644 index 0000000..db51b05 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/_widgets.scss @@ -0,0 +1,37 @@ +@import "functions"; +@import "global"; +@import "colors"; + + +@import "widgets/base"; +@import "widgets/button"; +@import "widgets/entry"; +@import "widgets/actionbar"; +@import "widgets/calendar"; +@import "widgets/choosers"; +@import "widgets/grid"; +@import "widgets/infobar"; +@import "widgets/menu"; +@import "widgets/misc"; +@import "widgets/notebook"; +@import "widgets/osd"; +@import "widgets/overshoot"; +@import "widgets/progress"; +@import "widgets/scrollbar"; +@import "widgets/sidebar"; +@import "widgets/spinner"; +@import "widgets/toggle"; +@import "widgets/toolbar"; +@import "widgets/view"; +@import "widgets/window"; + +@import "apps/unity-greeter"; +@import "apps/gedit"; +@import "apps/nautilus"; +@import "apps/nemo"; +@import "apps/panel"; +@import "apps/synaptic"; +@import "apps/xfce"; +@import "apps/unity"; +@import "apps/lightdm"; +@import "apps/gnome-terminal"; diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss new file mode 100644 index 0000000..f1614a6 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_gedit.scss @@ -0,0 +1,132 @@ +/********* + ! Gedit * +**********/ + +@include exports("gedit") { + GeditWindow .pane-separator { + border-width: 0 1px 0 0; + border-style: solid; + + &, &:hover { + border-color: shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + + .gedit-document-panel { + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + .list-row { + padding: $spacing; + + .button { + padding: 1px; + border-radius: $roundness; + border-style: solid; + border-color: transparent; + border-width: 1px; + background-color: transparent; + background-image: none; + color: transparent; + icon-shadow: none; + } + } + + .prelight-row .button { + border-color: alpha($black, .1); + color: alpha($white, .8); + + &:active { + border-color: alpha($black, .2); + background-color: alpha($black, .08); + color: $white; + } + } + + list-row, .prelight-row { + .button:hover { + border-color: alpha($black, .1); + color: $white; + } + } + } + + .gedit-document-panel-group-row { + &, &:hover { + border-top: 1px solid shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + + .gedit-document-panel-document-row { + &:hover { background-color: shade($bg_color, 1.05); } + + &:selected { + &, &:hover { @extend %selected; } + } + } + + .gedit-document-panel-dragged-row { + border: 1px solid alpha($black, .1); + background-color: alpha($black, .5); + color: $white; + } + + .gedit-document-panel-placeholder-row { + border: 0; + background-color: alpha($black, .08); + transition: all 200ms ease-in; + } + + GeditStatusbar { border-top: 1px solid border_normal($bg_color); } + + GeditStatusbar GeditSmallButton, GeditStatusMenuButton { + text-shadow: none; + + .button { + border-style: solid; + border-width: 0 1px; + border-color: transparent; + border-radius: 0; + padding: 1px 6px 2px 4px; + + &:hover, &:active, &:active:hover { border-color: border_normal($bg_color); } + + &:active { + background-color: shade($bg_color, .95); + color: $fg_color; + } + } + } + + GeditViewFrame .gedit-search-slider { + padding: $spacing; + border-radius: 0 0 $roundness $roundness; + border-width: 0 1px 1px; + border-style: solid; + border-color: border_normal($base_color); + background-color: $base_color; + + .not-found { + background-color: $error_bg_color; + background-image: none; + color: $error_fg_color; + + &:selected { @extend %selected; } + } + } + + GeditFileBrowserWidget .toolbar { + padding: $spacing / 2; + border-top: 0; + background-color: $bg_color; + background-image: none; + } + + .gedit-search-entry-occurrences-tag { + margin: $spacing / 2; + padding: $spacing / 2; + color: mix($text_color, $base_color, .5); + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_gnome-terminal.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_gnome-terminal.scss new file mode 100644 index 0000000..178f741 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_gnome-terminal.scss @@ -0,0 +1,219 @@ +/********************** + ! Genome Terminal * +***********************/ + +@include exports("gnome-terminal") { + VteTerminal { + background-color: $osd_base; + color: $osd_fg; + } + TerminalWindow { + .scrollbars-junction { + background-color: $osd_base; + } + .scrollbar { + &.trough { + background-color: $osd_base; + } + &.button { + color: shade($osd_base, 0.6); + &:active { + color: shade($osd_base, 0.6); + &:hover { + color: shade($osd_base, 0.6); + } + } + } + &.slider { + border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.21); + background-color: mix($osd_base, $osd_fg, 0.21); + &:hover { + border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31); + background-color: mix($osd_base, $osd_fg, 0.31); + } + &.vertical { + &:hover { + border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31); + background-color: mix($osd_base, $osd_fg, 0.31); + } + &:active { + border-color: shade($selected_bg_color, 0.9); + background-color: $selected_bg_color; + } + } + &:active { + border-color: shade($selected_bg_color, 0.9); + background-color: $selected_bg_color; + } + } + } + GtkNotebook.notebook { + border-right-width: 0; + border-bottom-width: 0; + border-left-width: 0; + } + } + + TerminalNotebook.notebook { //use dark variant by default + padding: 0; + border-width: 1px 0 0; + border-style: solid; + border-color: border_active($osd_base); + border-radius: 0; + @include linear-gradient($osd_base); + background-clip: border-box; + color: $osd_fg; + + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + + &.frame { border-width: 1px; } + + &.header { + border-width: 0; + background-color: shade($osd_base, .85); + + &.frame { + border-color: border_focus($osd_base); + + &.top { border-width: 1px 1px 0 1px; } + + &.right { border-width: 1px 1px 1px 0; } + + &.bottom { border-width: 0 1px 1px 1px; } + + &.left { border-width: 1px 0 1px 1px; } + } + } + + GtkViewport { + border-width: 0; + background-color: $osd_base; + color: $osd_fg; + } + + tab { + padding: ($spacing + 1px) $spacing * 2; + border: 1px solid transparent; + background-color: transparent; + background-image: none; + + &:active { + background-color: transparent; + background-image: none; + } + + &.top { + border-bottom-width: 2px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + + &:hover { + border-bottom-color: alpha($selected_bg_color, 0.3); + } + + &:active { + border-bottom-color: $selected_bg_color; + } + } + + &.right { + border-left-width: 2px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + + &:hover { + border-left-color: alpha($selected_bg_color, 0.3); + } + + &:active { + border-left-color: $selected_bg_color; + } + } + + &.bottom { + border-top-width: 2px; + border-top-right-radius: 0; + border-top-left-radius: 0; + + &:hover { + border-top-color: alpha($selected_bg_color, 0.3); + } + + &:active { + border-top-color: $selected_bg_color; + } + } + + &.left { + border-right-width: 2px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:hover { + border-right-color: alpha($selected_bg_color, 0.3); + } + + &:active { + border-right-color: $selected_bg_color; + } + } + + GtkLabel { color: mix($osd_fg, $osd_base, .3); } + + &.reorderable-page { + &:hover { + background-color: shade($osd_base, .85); + border-left: 0; + border-right: 0; + /* using box shadows instead of borders due to slanted edges */ + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($osd_base, .7), inset -1px 0 shade($osd_base, .7); + } + + &:active { + background-color: shade($osd_base, .9); + border-left: 0; + border-right: 0; + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($osd_base, .75), inset -1px 0 shade($osd_base, .75); + } + } + + /* close button styling */ + .button { + &, &:active, &:checked, &:hover { + padding: 1px; + border-width: 1px; + border-radius: 2px; + border-style: solid; + border-color: transparent; + background-image: none; + background-color: transparent; + color: mix($osd_fg, $osd_base, 0.5); + } + + &:hover { + color: $osd_fg; + border-color: shade($osd_base, 0.8); + } + + &:active, &:checked, &:active:hover, &:checked:hover { + border-color: shade($osd_base, 0.7); + background-color: shade($osd_base, 0.95); + } + } + + } + + .prelight-page { + &, GtkLabel { color: mix($osd_fg, $osd_base, .15); } + } + + .active-page { + &, GtkLabel { color: $osd_fg; } + } + + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss new file mode 100644 index 0000000..52eda61 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_lightdm.scss @@ -0,0 +1,193 @@ +/*********************** + ! LightDM GTK Greeter * + ***********************/ + +@include exports("lightdm") { + #panel_window { + background-color: transparent; + background-image: none; + color: $white; + font: bold; + text-shadow: 0 1px alpha($black, .5); + icon-shadow: 0 1px alpha($black, .5); + + .menubar { + &, > .menuitem { + background-color: transparent; + background-image: none; + color: $white; + font: bold; + text-shadow: 0 1px alpha($black, .5); + icon-shadow: 0 1px alpha($black, .5); + + *:hover { color: $white; } + + &:hover { + border-style: none; + background-color: alpha($white, .2); + background-image: none; + color: $white; + } + + &:insensitive { color: alpha($white, .7); } + + .menu { + border-radius: 1px; + + .menuitem { + font: normal; + text-shadow: none; + } + } + } + } + } + + #content_frame { padding-bottom: 14px; } + + #login_window, #shutdown_dialog, #restart_dialog { + border-style: none; + border-radius: $roundness; + background-color: $lightdm_bg_color; + color: $lightdm_fg_color; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21), + inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21); + + .button { + padding: 3px 15px; + border-width: 1px; + border-radius: $roundness; + border-style: solid; + border-color: shade($lightdm_bg_color, .8); + background-color: shade($lightdm_bg_color, 1.08); + background-image: none; + color: $lightdm_fg_color; + transition: all 150ms ease-out; + + &.default, &:focus, &:active:focus { + border-color: shade($selected_bg_color, .8); + background-color: shade($selected_bg_color, 1.08); + background-image: none; + color: $selected_fg_color; + + &:hover { + border-color: shade($selected_bg_color, .7); + background-color: $selected_bg_color; + } + } + } + } + + + #login_window { + .menu { border-radius: 1px; } + + GtkComboBox .button { + &, &:hover, &:active, &:active:hover, + &:focus, &:hover:focus, &:active:focus, &:active:hover:focus { + padding: 0; + background: none; + border-style: none; + box-shadow: none; + } + } + + .entry { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border-color: shade($lightdm_bg_color, .8); + border-radius: $roundness; + background-color: shade($lightdm_bg_color, .9); + background-image: none; + color: $lightdm_fg_color; + box-shadow: none; + transition: all 150ms ease-out; + + &:focus, &:hover { + border-color: shade($lightdm_bg_color, .7); + + box-shadow: inset 1px 0 alpha($dark_shadow, .1), + inset 0 1px alpha($dark_shadow, .12), + inset -1px 0 alpha($dark_shadow, .1), + inset 0 -1px alpha($dark_shadow, .05); + } + } + } + + #user_combobox { + color: $lightdm_fg_color; + font: 18px; + + .menu { font: normal; } + + .arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); } + } + + #user_image { + padding: 3px; + border-radius: $roundness; + + /* draw border using box-shadow */ + box-shadow: inset 1px 0 shade($lightdm_bg_color, .7), + inset -1px 0 shade($lightdm_bg_color, .7), + inset 0 1px shade($lightdm_bg_color, .7), + inset 0 -1px shade($lightdm_bg_color, .7); + } + + #user_image_border { + border-radius: $roundness; + background-color: shade($lightdm_bg_color, .9); + background-image: none; + box-shadow: inset 1px 0 alpha($dark_shadow, .07), + inset 0 1px alpha($dark_shadow, .08), + inset -1px 0 alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + } + + #buttonbox_frame { + padding-top: 10px; + padding-bottom: 0; + border-style: none; + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + background-color: transparent; + background-image: none; + box-shadow: none; + } + + + + /* shutdown button */ + #shutdown_button { + border-color: shade($error_bg_color, .8); + background-color: shade($error_bg_color, 1.08); + background-image: none; + color: $error_fg_color; + + &:hover, &:active, &:active:hover { + border-color: shade($error_bg_color, .7); + background-color: $error_bg_color; + } + } + + /* restart button */ + #restart_button { + border-color: shade($warning_bg_color, .8); + background-color: shade($warning_bg_color, 1.08); + background-image: none; + color: $warning_fg_color; + + &:hover, &:active, &:active:hover { + border-color: shade($warning_bg_color, .7); + background-color: $warning_bg_color; + } + } + + /* password warning */ + #greeter_infobar { font: bold; } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_mate-applications.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_mate-applications.scss new file mode 100644 index 0000000..a7a3e1f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_mate-applications.scss @@ -0,0 +1,82 @@ +@import "panel"; + +/**************** + ! MATE styles * +*****************/ + +@include exports("mate-applications") { + .mate-panel-menu-bar { + @extend %panel; + + border: 0; + padding: 0; + text-shadow: none; + } + + MatePanelApplet .label, + PanelMenuBar.menubar > .menuitem { + color: $panel_fg_color; + } + + PanelSeparator, MatePanelAppletFrameDBus { + border-width: 0; + color: transparent; + background-image: -gtk-scaled(url("../assets/pane-handle.png"), + url("../assets/pane-handle@2.png")); + background-color: transparent; + background-repeat: no-repeat; + background-position: left; + } + + MatePanelApplet .button, + MatePanelApplet .button.flat, + MatePanelApplet .button.toggle + MatePanelApplet .button.flat.toggle { + background-image: none; + background-color: transparent; + border-color: transparent; + border-style: solid; + border-radius: 0; + border-width: 1px; + color: $panel_fg_color; + text-shadow: none; + box-shadow: none; + padding: 2px; + } + + MatePanelApplet .button:hover:active, + MatePanelApplet .button:checked, + MatePanelApplet .button:checked:hover, + MatePanelApplet .button.flat:hover:active, + MatePanelApplet .button.flat:checked, + MatePanelApplet .button.flat:checked:hover, + MatePanelApplet .button.toggle:hover:active, + MatePanelApplet .button.toggle:checked, + MatePanelApplet .button.toggle:checked:hover, + MatePanelApplet .button.flat.toggle:hover:active, + MatePanelApplet .button.flat.toggle:checked, + MatePanelApplet .button.flat.toggle:checked:hover { + background-image: none; + background-color: darker($panel_bg_color); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: lighter($panel_fg_color); + text-shadow: none; + padding: 2px; + } + + MatePanelApplet .button:hover, + MatePanelApplet .button.flat:hover, + MatePanelApplet .button.toggle:hover, + MatePanelApplet .button.flat.toggle:hover { + background-image: none; + background-color: shade($panel_bg_color, 1.3); + border-color: transparent; + border-radius: 0; + border-width: 1px; + color: $selected_fg_color; + text-shadow: none; + padding: 2px; + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss new file mode 100644 index 0000000..e81a128 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_nautilus.scss @@ -0,0 +1,72 @@ +/************ + ! Nautilus * +*************/ + +@include exports("nautilus") { + .nautilus-desktop.nautilus-canvas-item { + color: $white; + text-shadow: 1px 1px $black; + + &:active { color: $fg_color; } + + &:selected { color: $selected_fg_color; } + + &:active, &:hover, &:selected { text-shadow: none; } + } + + NautilusWindow { + .toolbar { + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($toolbar_bg_color); + } + + .sidebar .frame { border: 0; } + + GtkPaned { + border-width: 0 1px 0 0; + border-style: solid; + + &, &:hover { + border-color: shade($bg_color, ($contrast + .1)); + background-color: $bg_color; + } + } + } + + NautilusNotebook { + &.notebook { + border-right-width: 0; + border-left-width: 0; + border-bottom-width: 0; + } + + .frame { border: 0; } + } + + NautilusQueryEditor { + .toolbar { + padding-top: $spacing - 1px; + padding-bottom: $spacing - 2px; + border-width: 1px 0 0; + border-style: solid; + border-color: $toolbar_bg_color; + background-color: shade($toolbar_bg_color, .9); + + &:nth-child(2) { border-color: border_normal($toolbar_bg_color); } + + &.search-bar { + border-top-width: 0; + border-bottom-width: 0; + } + + &, &.search-bar { + &:last-child, &:only-child { + border-bottom-width: 1px; + border-bottom-color: border_normal($toolbar_bg_color); + } + } + + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss new file mode 100644 index 0000000..d0aec8d --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_nemo.scss @@ -0,0 +1,36 @@ +/******** + ! Nemo * +*********/ + +@include exports("nemo") { + .nemo-desktop.nemo-canvas-item { + color: $white; + text-shadow: 1px 1px $black; + + &:active { color: $fg_color; } + + &:selected { color: $selected_fg_color; } + + &:active, &:hover, &:selected { text-shadow: none; } + } + + NemoPathbarButton { + @include button($toolbar_bg_color, $toolbar_fg_color); + + -NemoPathbarButton-border-radius: $roundness; + } + + NemoPlacesTreeView { + -NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, .8); + -NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color; + -NemoPlacesTreeView-disk-full-bar-width: 1px; + -NemoPlacesTreeView-disk-full-bar-radius: 1px; + -NemoPlacesTreeView-disk-full-bottom-padding: 2px; + -NemoPlacesTreeView-disk-full-max-length: 70px; + + &:selected { + -NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color; + -NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2); + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss new file mode 100644 index 0000000..56a8774 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_panel.scss @@ -0,0 +1,80 @@ +/*********************** + ! Fallback mode panel * +************************/ + +@include exports("panel") { + %panel { + @include linear-gradient($panel_bg_color); + + color: $panel_fg_color; + } + + %panelbutton { + border-width: 0 1px; + border-radius: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + color: $panel_fg_color; + + &:hover, &:hover { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11)); + + border-color: mix($panel_bg_color, $panel_fg_color, .11); + color: shade($panel_fg_color, 1.08); + } + + &:active, &:checked { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top); + + border-color: mix($panel_bg_color, $panel_fg_color, .21); + color: shade($panel_fg_color, 1.08); + + &:hover { + @include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top); + + border-color: mix($panel_bg_color, $panel_fg_color, .31); + } + } + } + + PanelWidget, PanelApplet, PanelToplevel { + @extend %panel; + + padding: 0; + } + + PanelApplet { + border: 0; + + .button { + @extend %panelbutton; + + -GtkButton-inner-border: 2; + } + } + + PanelSeparator { + @extend %panel; + + border: 0; + } + + PanelApplet > GtkMenuBar.menubar, PanelMenuBar.menubar, .gnome-panel-menu-bar { + &.menuitem { + @extend %panel; + + border: 0; + + -PanelMenuBar-icon-visible: true; + } + } + + PanelAppletFrame { + @extend %panel; + + border: 0; + } + + WnckPager, WnckTasklist { @extend %panel; } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss new file mode 100644 index 0000000..c19b78e --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_synaptic.scss @@ -0,0 +1,15 @@ +/************ + ! Synaptic * +*************/ + +@include exports("synaptic") { + GtkWindow > GtkVBox > .dock { + &, > GtkHBox > GtkToolbar { + @include linear-gradient($toolbar-bg-color); + + padding: $spacing; + border: 0; + color: $toolbar_fg_color; + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_unity-greeter.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_unity-greeter.scss new file mode 100644 index 0000000..f0c7da7 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_unity-greeter.scss @@ -0,0 +1,119 @@ +/*********************** + ! Unity Greeter * + ***********************/ + +@include exports("unity-greeter") { + + + .lightdm.menu { + background-image: none; + background-color: fade-out($black, .4); + border-color: fade-out($white, .8); + border-radius: 4px; + padding: 1px; + + color: $white; + } + + .lightdm-combo .menu { + background-color: shade($dark_bg_color, 1.08); + border-radius: 0; + padding: 0; + color: $white; + } + + .lightdm.menu .menuitem *, + .lightdm.menu .menuitem.check:active, + .lightdm.menu .menuitem.radio:active { + color: $white; + } + + .lightdm.menubar *, + .lightdm.menubar .menuitem { + padding: 2px; + } + + .lightdm-combo.combobox-entry .button, + .lightdm-combo .cell, + .lightdm-combo .button, + .lightdm-combo .entry, + + .lightdm.button{ + background-image: none; + background-color: fade-out($black, .7); + border-color: fade-out($white, .1); + border-radius: 5px; + padding: 5px; + color: $white; + } + .lightdm.button:hover { + background-image: none; + background-color: fade-out($white, .7); + border-color: fade-out($white, .4); + border-radius: 5px; + padding: 5px; + color: $white; + text-shadow: none; + } + .lightdm.button:active, + .lightdm.button:active:focus, + .lightdm.button:focus, + + .lightdm.entry { + background-image: none; + background-color: fade-out($black, .7); + border-color: fade-out($white, .4); + border-radius: 5px; + padding: 6px; + color: $white; + text-shadow: none; + } + .lightdm.entry:hover, + .lightdm.entry:active, + .lightdm.entry:active:focus { + background-image: none; + border-image: none; + } + .lightdm.entry:focus { + border-color: fade-out($white, .4); + border-width: 1px; + border-style: solid; + color: $white; + } + .lightdm.entry:selected { + background-color: fade-out($white, .8); + } + + @keyframes dashentry_spinner { + to { -gtk-icon-transform: rotate(1turn); } + } + + .lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; + } + + .lightdm.option-button { + background: none; + border-width: 0; + } + + .lightdm.option-button:insensitive:insensitive { + background: none; + } + + .lightdm.toggle-button { + background: none; + border-width: 0; + } + .lightdm.toggle-button.selected:hover { + background-color: fade-out($white, .7); + border-color: fade-out($white, .7); + border-width: 1px; + } + .lightdm.toggle-button.selected { + background-color: fade-out($black, .7); + border-color: fade-out($white, .7); + border-width: 1px; + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss new file mode 100644 index 0000000..6bc77a9 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_unity.scss @@ -0,0 +1,74 @@ +@import "panel"; + +/**************** + ! Unity styles * +*****************/ + +@include exports("unity") { + UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 1px; + -UnityDecoration-shadow-offset-y: 1px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, .7); + -UnityDecoration-active-shadow-radius: 8px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5); + -UnityDecoration-inactive-shadow-radius: 5px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0; + + + &.top { + border: 1px solid mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); + border-bottom: 0; + border-radius: 2px 2px 0 0; + padding: 1px 8px 0 8px; + background-color: $titlebar_bg_color; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + text-shadow: none; + + &:backdrop { + border: 1px solid mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12); + border-bottom: 0; + background-color: $titlebar_bg_color; + color: mix($titlebar_fg_color, $titlebar_bg_color, .4); + } + } + + &.left, &.right, &.bottom { + background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); + + &:backdrop { + background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12); + } + } + } + + UnityPanelWidget, .unity-panel { + @extend %panel; + + border: 0; + } + + .unity-panel { + &.menuitem, .menuitem { + border-width: 0 1px; + color: $panel_fg_color; + + &:hover, *:hover { + border-color: mix($panel_bg_color, $panel_fg_color, .21); + background-color: mix($panel_bg_color, $panel_fg_color, .21); + background-image: none; + color: shade($panel_fg_color, 1.08); + } + } + } + + SheetStyleDialog.unity-force-quit { background-color: $bg_color; } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss b/Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss new file mode 100644 index 0000000..dc38a86 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/apps/_xfce.scss @@ -0,0 +1,26 @@ +@import "panel"; + +/*************** + ! Xfce styles * +****************/ + +@include exports("xfce") { + XfceHeading { + margin: 0; + padding: 0; + border: 0; + background-image: none; + background-color: $base_color; + color: $text_color; + } + + .xfce4-panel { + @extend %panel; + + font: normal; + + .button { @extend %panelbutton; } + + .menu { -gtk-image-effect: none; } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/gtk.scss b/Redcore-nighttime/gtk-3.0/scss/gtk.scss new file mode 100644 index 0000000..4455669 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/gtk.scss @@ -0,0 +1,3 @@ +$variant: "light"; + +@import "widgets"; diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_actionbar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_actionbar.scss new file mode 100644 index 0000000..749f549 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_actionbar.scss @@ -0,0 +1,106 @@ +@import "button"; +@import "toolbar"; + +/************** + ! Action-bar * +***************/ + +@include exports("actionbar") { + .action-bar { + @include linear-gradient($bg_color); + + padding: $spacing; + border-width: 1px 0 0; + border-style: solid; + border-color: border_normal($bg_color); + color: $fg_color; + + .button { + &.text-button { padding: $spacing - 1px; } + + &.image-button { padding: $spacing + 1px; } + } + + .title { + font: bold; + padding: 0 ($spacing * 2); + } + + .subtitle { + font: smaller; + padding: 0 ($spacing * 2); + } + } +} + + +/*************** + ! Search bars * +****************/ + +@include exports("searchbar") { + .search-bar { + @include linear-gradient(shade($bg_color, .98)); + + border-width: 0 0 1px; + border-style: solid; + border-color: border_normal($bg_color); + color: $fg_color; + + .button.close-button { padding: $spacing; } + } +} + + +/****************** + ! Action buttons * +*******************/ + +@include exports("actionbuttons") { + $types: ( + suggested: $success_color, + destructive: $error-color + ); + + @each $type, $color in $types { + .#{$type}-action.button { + @include button($color, $selected_fg_color); + } + } +} + + +/****************** +* selection mode * +******************/ + +@include exports("selectionmode") { + .selection-mode { + &.header-bar, &.toolbar { + @include toolbar($selected_bg_color, $selected_fg_color); + + .button { + @include button($selected_bg_color, $selected_fg_color); + + &.suggested-action { @extend .suggested-action.button; } + } + + .selection-menu.button { + border: 0; + background-color: transparent; + background-image: none; + color: shade($selected_bg_color, $contrast); + + &:hover { color: shade($selected_bg_color, ($contrast - .1)); } + + &:active { color: shade($selected_bg_color, ($contrast - .05)); } + } + + .dim-label, { + &, .selection-menu.button & { color: shade($selected_bg_color, ($contrast - .1)); } + } + } + + &.toolbar { padding: $spacing; } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss new file mode 100644 index 0000000..730bbec --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_base.scss @@ -0,0 +1,104 @@ +/************** + ! GTK settings +***************/ + +* { + -GtkArrow-arrow-scaling: .5; + -GtkExpander-expander-size: 8; + -GtkStatusbar-shadow-type: none; + -GtkToolItemGroup-expander-size: 8; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + + -GtkWidget-cursor-color: $primary_caret_color; + -GtkWidget-secondary-cursor-color: $secondary_caret_color; + -GtkWidget-cursor-aspect-ratio: $caret_aspect_ratio; + + outline-color: alpha($selected_bg_color, .5); + outline-style: dashed; + outline-width: 1px; + outline-offset: -1px; + outline-radius: $roundness; +} + + +/************* + ! Base states + *************/ + +%selected { + &, &:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +* { + /* hyperlinks */ + -GtkHTML-link-color: $link_color; + -GtkIMHtml-hyperlink-color: $link_color; + -GtkWidget-link-color: $link_color; + -GtkWidget-visited-link-color: $link_color; + + &:selected { @extend %selected; } + + &:insensitive, + &:insensitive:insensitive { color: mix($fg_color, $bg_color, .5); } + + &:insensitive { -gtk-image-effect: dim; } + + &:hover { -gtk-image-effect: highlight; } + + &:link, &:visited { color: $link_color; } +} + +.background { + background-color: $bg_color; + color: $fg_color; + + &:backdrop { + text-shadow: none; + icon-shadow: none; + } + + &.csd { background-color: $bg_color; } +} + +.gtkstyle-fallback { + background-color: alpha($bg_color, .5); + color: $fg_color; + + &:hover { + background-color: shade($bg_color, 1.1); + color: $fg_color; + } + + &:active { + background-color: shade($bg_color, .9); + color: $fg_color; + } + + &:insensitive { + background-color: shade(shade($bg_color, .95), 1.05); + color: mix($fg_color, $bg_color, .5); + } + + &:selected { @extend %selected; } +} + +GtkImage, GtkLabel, GtkBox, GtkGrid { + &, &:insensitive { background-color: transparent; } +} + +GtkLabel { + &.separator { + @extend .dim-label; + + color: $fg_color; + } + + &:selected { @extend %selected; } + + &:insensitive { color: mix($fg_color, $bg_color, .5); } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_button.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_button.scss new file mode 100644 index 0000000..6d26c9f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_button.scss @@ -0,0 +1,376 @@ +/********* + ! Buttons +**********/ + +@include exports("button_extends") { + %button { + padding: $spacing ($spacing + 2px); + border-width: 1px; + border-style: solid; + border-radius: $roundness; + transition: 150ms ease; + outline-color: transparent; + + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + &:focus, &:hover, &:active { transition: none; } + } + + %linked_middle { + border-radius: 0; + border-left-style: none; + border-right-style: solid; + + &:dir(rtl) { + border-radius: 0; // needed when including %linked_middle:dir(rtl) + border-right-style: none; + border-left-style: solid; + } + } + + %linked_button { + border-width: 1px; + border-style: solid; + border-radius: 0; + border-right-style: none; + border-left-style: none; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-left-style: solid; + border-right-style: none; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:dir(rtl) { + border-left-style: none; + border-right-style: solid; + } + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-style: none; + border-right-style: solid; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + + &:dir(rtl) { + border-left-style: solid; + border-right-style: none; + } + } + + &:only-child, &:first-child:only-child { + border-width: 1px; + border-style: solid; + border-radius: $roundness; + } + } +} + +@mixin linked_button($bg) { + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + @extend %linked_button; + + box-shadow: inset -1px 0 border_normal(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + &:focus, &:hover { + box-shadow: inset -1px 0 border_focus(rgba(0, 0, 0, .12 + $border_strength)), + 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + } + + &:active, &:active:hover, + &:active:focus, &:active:hover:focus, + &:checked, &:checked:hover, + &:checked:focus, &:checked:hover:focus { + box-shadow: inset -1px 0 border_active(rgba(0, 0, 0, .12 + $border_strength)), + inset 0 1px alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + } + + &:insensitive { box-shadow: inset -1px 0 shade($bg, .8); } + + &:last-child, &:only-child { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); } + + &:last-child:hover, &:only-child:hover { box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); } + + &:insensitive:last-child, &:insensitive:only-child, + &:active:insensitive:last-child, &:active:insensitive:only-child, + &:checked:insensitive:last-child, &:checked:insensitive:only-child { box-shadow: none; } + + &:active:last-child, &:active:last-child:focus, &:active:last-child:hover, &:active:last-child:hover:focus, + &:checked:last-child, &:checked:last-child:focus, &:checked:last-child:hover, &:checked:last-child:hover:focus { + box-shadow: inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } + + &:active:only-child, &:active:only-child:focus, &:active:only-child:hover, &:active:only-child:hover:focus, + &:checked:only-child, &:checked:only-child:focus, &:checked:only-child:hover, &:checked:only-child:hover:focus { + box-shadow: inset 1px 0 alpha($dark_shadow, .06), + inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06); + } +} + +@mixin button($bg, $fg) { + $border_strength: if(lightness($bg) > 50, 0, .1); + $shadow_strength: if(lightness($bg) > 50, 0, .1); + + /*$button_bg: if(hue($bg) == 0deg, shade($bg, 1.2), $bg);*/ + $button_bg: $bg; + + @extend %button; + @include linear-gradient($button_bg); + @include border(rgba(0, 0, 0, .12 + $border_strength)); + + color: $fg; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12 + $shadow_strength); + + &.flat { + border-color: alpha($button_bg, 0); + background-color: alpha($button_bg, 0); + background-image: none; + box-shadow: none; + } + + &, &.flat { + &:focus, &:hover { + @include linear-gradient(shade($button_bg, 1.2)); + @include border(rgba(0, 0, 0, .2 + $border_strength)); + + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .32 + $shadow_strength); + } + + &:active, &:checked { + @include linear-gradient(shade($button_bg, .7), to top); + + color: $selected_fg_color; + box-shadow: inset 1px 0 alpha($dark_shadow, .06), + inset 0 1px alpha($dark_shadow, .07), + inset -1px 0 alpha($dark_shadow, .06), + inset 0 -1px alpha($dark_shadow, .05); + + &:focus, &:hover { + @include linear-gradient(shade($button_bg, .65), to top); + + color: $selected_fg_color; + } + } + + &:focus, &:hover { color: $fg; } + + &:active:insensitive, &:checked:insensitive { + @include linear-gradient(shade($button_bg, .9)); + + color: $fg; + box-shadow: none; + } + + &:insensitive:insensitive { + @if (lightness($button_bg) > 50) { + @include linear-gradient(shade($button_bg, .95)); + } @else { + @include linear-gradient(alpha($button_bg, .3)); + } + + color: mix($button_bg, $fg, .5); + box-shadow: none; + } + } + + // Fixed: https://github.com/numixproject/numix-gtk-theme/issues/572 + // Webkitgtk workaround start + &:active { color: $fg; } + // Webkitgtk workaround end + + &.flat { + &:insensitive:insensitive { + background-color: transparent; + background-image: none; + color: mix($bg, $fg, .5); + box-shadow: none; + } + } + + &.separator, .separator { + border: 1px solid currentColor; + color: shade($button_bg, ($contrast + .1)); + + &:insensitive { color: shade($button_bg, .85); } + } +} + +@include exports("button") { + * { + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + -GtkButton-default-border: 0; + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 1; + -GtkButton-interior-focus: true; + -GtkButtonBox-child-min-height: 24; + -GtkButtonBox-child-internal-pad-y: 1; + -GtkToolButton-icon-spacing: 6; + } + + %close_button { + border: 1px solid transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + + &:focus, &:hover { + border: 1px solid alpha($black, .3); + background-color: alpha($white, .2); + background-image: none; + box-shadow: none; + } + + &:active, &:checked, &:active:hover, &:checked:hover { + border: 1px solid alpha($black, .3); + background-color: alpha($black, .1); + background-image: none; + box-shadow: none; + } + } + + .button { + @include button($button_bg_color, $button_fg_color); + + &.default { @include button($selected_bg_color, $selected_fg_color); } + + &.linked, .linked & { @include linked_button($button_bg_color); } + + .spinbutton & { + color: mix($text_color, $base_color, .4); + padding: $spacing ($spacing * 2); + border: 0; + border-radius: 0; + border-style: none; + background-color: transparent; + background-image: none; + box-shadow: inset 1px 0 shade($base_color, .9); + + &:insensitive { + color: mix($text_color, $base_color, .7); + box-shadow: inset 1px 0 shade($base_color, .85); + } + + &:active, &:checked, &:hover { color: $text_color; } + + &:first-child { + border-radius: $roundness 0 0 $roundness; + box-shadow: none; + } + + &:last-child { border-radius: 0 $roundness $roundness 0; } + + &:dir(rtl) { box-shadow: inset -1px 0 shade($base_color, .9); } + } + + .spinbutton.vertical & { + border: 1px solid shade($bg_color, .8); + border-radius: $roundness; + background-color: shade($bg_color, 1.08); + background-image: none; + color: $fg_color; + box-shadow: none; + + &:hover { + border-color: shade($bg_color, .7); + background-color: shade($bg_color, 1.1); + background-image: none; + } + + &:active, &:checked { + border-color: shade($bg_color, .8); + background-color: shade($bg_color, .95); + background-image: none; + } + + &:active:hover, &:checked:hover { + border-color: shade($bg_color, .7); + } + + &:focus, &:hover:focus, &:active:focus, &:active:hover:focus { border-color: shade($bg_color, .7); } + + &:insensitive { + border-color: shade($bg_color, .85); + background-color: shade($bg_color, .9); + background-image: none; + } + + &:first-child { + border-width: 1px; + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &:last-child { + border-width: 1px; + border-top-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + } + + .spinbutton.vertical.entry { + border-width: 1px; + border-style: solid; + border-radius: 0; + } + } +} + + +/****************** +! ComboBoxes * +*******************/ + +@include exports("combobox") { + GtkComboBox { + > .button { + padding: ($spacing - 2px) ($spacing + 1px); + + -GtkComboBox-arrow-scaling: .5; + -GtkComboBox-shadow-type: none; + } + + &.combobox-entry { + .entry, .button { @extend %linked_button; } + } + + .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; + + border-style: none; + } + } + + .linked > GtkComboBox { + > .button { + // the combo is a composite widget so the way we do button linked doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + &:dir(ltr) { @extend %linked_middle; } // specificity bump + &:dir(rtl) { @extend %linked_middle:dir(rtl); } + } + + &:first-child > .button { @extend %linked_button:first-child; } + + &:last-child > .button { @extend %linked_button:last-child; } + + &:only-child > .button { @extend %linked_button:only-child; } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_calendar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_calendar.scss new file mode 100644 index 0000000..5c7ca32 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_calendar.scss @@ -0,0 +1,38 @@ +/********** + ! Calendar +***********/ + +@include exports("calendar") { + GtkCalendar { + padding: 1px 3px; + outline-offset: -1px; + + &:inconsistent { color: mix($fg_color, $bg_color, .5); } + + &.view, &.highlight, &.header, &.button { + &, &:focus, &:hover, &:insensitive { + background-color: transparent; + background-image: none; + border-width: 0; + border-radius: 0; + } + } + + &.button { + &, &:focus, &:hover, &:insensitive { + color: $white; + border-width: 0; + box-shadow: none; + } + } + + &.highlight { color: $selected_bg_color; } + } + + /* gnome-calendar */ + .calendar-view { + background-color: $base_color; + color: $text_color; + } +} + diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_choosers.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_choosers.scss new file mode 100644 index 0000000..ecd50dd --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_choosers.scss @@ -0,0 +1,125 @@ +/*************** + ! Color chooser +****************/ + +@include exports("colorchooser") { + GtkColorSwatch { + &, &:selected { + border: 1px solid alpha($black, .1); + border-radius: $roundness; + background-color: transparent; + background-clip: border-box; + + &:hover { border-color: alpha($black, .3); } + } + + &.color-light:selected:hover, &.color-dark:selected:hover { background-image: none; } + + &.left, &:first-child { + border-top-left-radius: $roundness; + border-bottom-left-radius: $roundness; + } + + &.right, &:last-child { + border-top-right-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &:only-child { border-radius: $roundness; } + + &.top { + border-top-left-radius: $roundness; + border-top-right-radius: $roundness; + } + + &.bottom { + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + GtkColorEditor & { + border-radius: $roundness; + + &.color-dark:hover, &.color-light:hover { + background-image: none; + border-color: alpha($black, .3); + } + } + } + + GtkColorChooserWidget #add-color-button { + background-clip: padding-box; + border-color: alpha($black, .1); + background-color: shade($bg_color, .95); + color: $fg_color; + + &:hover { + border-color: alpha($black, .3); + background-color: shade($bg_color, .9); + color: $fg_color; + } + } + + .color-active-badge { + &, &:selected { + border-width: 2px; + border-style: solid; + background-color: transparent; + } + + &.color-light { + &, &:hover { + border-color: alpha($black, .3); + color: alpha($black, .3); + } + } + + &.color-dark { + &, &:hover { + border-color: alpha($white, .3); + color: alpha($white, .3); + } + } + } + + GtkColorButton.button { padding: $spacing; } +} + + +/*********************** +! Font and file choosers +************************/ + +@include exports("miscchoosers") { + GtkFontButton, GtkFileChooserButton { + .separator { + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; + } + + GtkLabel:last-child { color: alpha(currentColor, .7); } + + GtkImage:last-child { color: alpha(currentColor, .7); } + } + + GtkFileChooser { + .pane-separator { + &, &:hover { + border-width: 0 1px 0 0; + border-style: solid; + border-color: currentColor; + background-color: $bg_color; + color: shade($bg_color, ($contrast + .1)); + } + } + + /* for fallback when header bar not used */ + .dialog-action-box { + border-width: 1px 0 0; + border-style: solid; + border-color: shade($bg_color, .7); + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss new file mode 100644 index 0000000..e8d7562 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_entry.scss @@ -0,0 +1,84 @@ +/********* + ! Entry * +**********/ + +%linked_entry { + border-width: 1px; + border-radius: 0; + border-right-width: 0; + border-left-width: 0; + + &:first-child { + border-width: 1px; + border-radius: $roundness; + border-right-width: 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + &:last-child { + border-width: 1px; + border-radius: $roundness; + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + &:only-child { + border-width: 1px; + border-radius: $roundness; + } +} + +%entry { + padding: ($spacing - 1px) $spacing; + border-width: 1px; + border-style: solid; + border-radius: $roundness; + transition: border 150ms ease; + box-shadow: inset 1px 1px alpha($dark_shadow, .06), + inset -1px 0 alpha($dark_shadow, .06); + + &:focus, &:hover, &:active { transition: none; } + + &:selected, &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:insensitive { box-shadow: none; } + + &.progressbar { + @include linear-gradient($selected_bg_color); + + border-width: 0; + border-radius: $roundness; + color: $selected_fg_color; + } + + &.image.left { padding-right: $spacing; } +} + +@mixin entry($bg, $fg) { + @extend %entry; + @include linear-gradient($bg, to top); + @include border($bg); + + color: $fg; + + &:focus, &:active { border-color: $selected_bg_color; } + + &:insensitive { + @include linear-gradient(shade($bg, .9), to top); + + color: mix($bg, $fg, .5); + } +} + +@include exports("entry") { + .entry { + @include entry($base_color, $text_color); + + &.linked, .linked & { @extend %linked_entry; } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss new file mode 100644 index 0000000..e4b9e8f --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_grid.scss @@ -0,0 +1,48 @@ +/****************** + ! Grid and flowbox +*******************/ + +@include exports("grid") { + .list { + background-color: shade($bg_color, .97); + color: $fg_color; + + &-row { + &, &.button { + border: 0; + border-radius: 0; + padding: $spacing; + background-image: none; + background-color: alpha($bg_color, 0); + box-shadow: none; + + &:hover { + background-image: none; + background-color: shade($bg_color, 1.02); + } + + &:selected { + &, &:hover, &:focus { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + } + } + + .grid-child { + &, GtkFlowBox & { + padding: $spacing; + border-radius: $roundness; + + &:selected { + @extend %selected; + + outline-offset: -2px; + } + } + } +} + diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_infobar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_infobar.scss new file mode 100644 index 0000000..6f5865b --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_infobar.scss @@ -0,0 +1,38 @@ +@import "button"; + + +/********* + ! Infobar +**********/ + +@include exports("infobar") { + GtkInfoBar { + border: 0; + } + + $types: ( + info: ($info_fg_color, $info_bg_color), + warning: ($warning_fg_color, $warning_bg_color), + question: ($question_fg_color, $question_bg_color), + error: ($error_fg_color, $error_bg_color), + ); + + + @each $type, $colors in $types { + $fg_color: nth($colors, 1); + $bg_color: nth($colors, 2); + + .#{$type} { + @include linear-gradient($bg_color); + + border: 1px solid shade($bg_color, .8); + color: $fg_color; + + .button { + @include button($bg_color, $fg_color); + + &.close { @extend %close_button; } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss new file mode 100644 index 0000000..aa1ccfd --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_menu.scss @@ -0,0 +1,267 @@ +@import "entry"; + + +/********* + ! Menubar +**********/ + +@include exports("menubar") { + .menubar { + -GtkWidget-window-dragging: true; + + border: 0; + background-color: $menubar_bg_color; + background-image: none; + color: $menubar_fg_color; + + + &.menuitem, .menuitem { + padding: $spacing ($spacing * 2); + border: 1px solid transparent; + background-color: transparent; + background-image: none; + color: $menubar_fg_color; + + &:hover { + border-color: mix($menubar_bg_color, $menubar_fg_color, .21); + background-color: mix($menubar_bg_color, $menubar_fg_color, .21); + background-image: none; + color: shade($menubar_fg_color, 1.08); + } + + *:hover { color: shade($menubar_fg_color, 1.08); } + } + } +} + + +/****** + ! Menu +*******/ + +@include exports("menu") { + * { + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + } + + GtkTreeMenu, GtkMenuToolButton, GtkComboBox { + &.menu, .menu { + background-color: $menu_bg_color; + margin: $spacing; + } + } + + #toolbar-popup, .menu { + padding: 0; + border-radius: 0; + border: 0; + background-color: $menu_bg_color; + color: $menu_fg_color; + + &:selected { background-color: $selected_bg_color; } + + .button { + &, &:hover, &:active, &:active *:insensitive, &:insensitive { + border-width: 0; + background-color: transparent; + background-image: none; + } + } + } + + .context-menu { font: initial; } + + .menuitem { + GtkTreeMenu & { + padding: 0; + border-width: 0; + } + + &, .menu & { + margin: $spacing; + padding: $spacing; + border: 0; + border-radius: 0; + background-color: transparent; + background-image: none; + + -GtkMenuItem-arrow-scaling: .5; + + &:active, &:hover { + border: 0; + background-color: $selected_bg_color; + background-image: none; + color: $selected_fg_color; + } + + *:active, *:hover { color: $selected_fg_color; } + + &:insensitive, *:insensitive { color: mix($menu_fg_color, $menu_bg_color, .5); } + } + + &.check, &.radio { + &, &:focus, &:hover, &:insensitive { background-image: none; } + + &, &:focus, &:hover, &:active, &:insensitive { + border-style: none; + background-color: transparent; + } + } + + &.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + + border-style: none; + color: shade($menu_bg_color, ($contrast + .1)); + } + + &.button, &.button.flat { + &, &:focus, &:active, &:insensitive, &:active:insensitive { + background-color: transparent; + background-image: none; + border: 0; + box-shadow: none; + color: currentColor; + } + + &:hover, &:focus:hover, &:active:hover, &:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + GtkCalendar { + &:inconsistent { color: mix($menu_fg_color, $menu_bg_color, .5); } + + .button { + border-style: none; + background-color: transparent; + background-image: none; + } + } + + .accelerator { + color: alpha($menu_fg_color, .6); + + &:hover { color: alpha($selected_fg_color, .8); } + + &:insensitive { color: alpha(mix($menu_fg_color, $menu_bg_color, .5), .4); } + } + + .entry { @include entry($menu_bg_color, $menu_fg_color); } + } + + GtkModelMenuItem GtkBox GtkImage { padding-right: $spacing; } +} + + +/********* + ! Popover +**********/ + +@include exports("popover") { + GtkPopover { + @include border($menu_bg_color); + + margin: 10px; + padding: $spacing; + border-radius: $roundness; + border-width: 1px; + border-style: solid; + background-clip: border-box; + background-color: $menu_bg_color; + background-image: none; + color: $menu_fg_color; + box-shadow: 0 3px 6px alpha($black, .16); + + &.background { + background-image: none; + background-color: $menu_bg_color; + color: $menu_fg_color; + } + + &:backdrop { box-shadow: none; } + + &.osd { + box-shadow: 0 2px 7px 3px alpha($black, .5); + + > .toolbar .button { + border-radius: 0; + border-width: 0; + background-color: transparent; + background-image: none; + } + } + + .view, .list { + background-color: shade($menu_bg_color, ($contrast + .5)); + background-image: none; + color: $menu_fg_color; + + &:hover { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + .list-row { + &, &.button { + background-color: transparent; + background-image: none; + color: $menu_fg_color; + + &:focus, &:hover, &:active { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + + .frame { + border-color: border_normal($menu_bg_color); + border-radius: $roundness; + } + + .entry { @include entry($base_color, $text_color); } + + .button { @include button($header_button_bg_color, $header_button_fg_color); } + + > .list, > .view, > .toolbar { background-color: transparent; } + + .separator { + border: 0; + background-color: transparent; + color: shade($menu_bg_color, ($contrast + .1)); + font-size: 80%; + font-weight: bold; + } + } + + GtkModelButton.button { + &, &:backdrop { + @include button(transparent, currentColor); + + &:focus:hover, &.flat:checked:hover, &:active:hover, &:hover, &:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + box-shadow: none; + } + + &.flat { + &:checked { + box-shadow: none; + } + + &, &:hover { + transition: none; + } + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss new file mode 100644 index 0000000..015632d --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_misc.scss @@ -0,0 +1,227 @@ +/*************** +! Dimmed label * +****************/ + +@include exports("dimlabel") { + .dim-label { + opacity: .5; + text-shadow: none; + } +} + + +/*********** + ! Tooltip * +************/ + +@include exports("tooltip") { + .tooltip { + &.background { + @include linear-gradient($tooltip_bg_color); + + border: 0; + border-radius: $roundness; + color: $tooltip_fg_color; + } + + * { + background-color: transparent; + color: inherit; + } + } +} + + +/*********** + ! Dialogs * +************/ + +@include exports("dialogs") { + GtkMessageDialog, .message-dialog, .prompt { + -GtkDialog-content-area-border: $spacing; + -GtkDialog-action-area-border: $spacing; + -GtkDialog-button-spacing: $spacing; + + margin: 0; + padding: 0; + } +} + + +/********************* + ! App notifications * +**********************/ + +@include exports("notifications") { + .app-notification { + &, &.frame { + border-style: solid; + border-color: border_normal($osd_bg); + border-width: 0 1px 1px; + border-radius: 0 0 $roundness $roundness; + padding: $spacing * 2; + background-color: $osd_bg; + background-image: none; + color: $osd_fg; + + .button { @include button($osd_bg, $osd_fg); } + } + } +} + + +/************* + ! Expanders * +**************/ + +@include exports("expander") { + GtkExpander { + padding: $spacing; + outline-offset: 1px; + } + + .expander { + color: alpha(currentColor, .7); + border: alpha(currentColor, .7); + + &:hover { + color: alpha(currentColor, .8); + border-color: alpha(currentColor, .8); + } + + &:active { + color: alpha(currentColor, .9); + border-color: alpha(currentColor, .9); + } + } +} + + +/******************* + ! Symbolic images * +********************/ + +@include exports("symbolicimage") { + .image { + color: alpha(currentColor, .5); + + &:hover { color: alpha(currentColor, .9); } + + &:selected, &:selected:hover { color: $selected_fg_color; } + } +} + + +/**************** + ! Floating bar * +*****************/ + +@include exports("floatingbar") { + .floating-bar { + @include linear-gradient($bg_color); + + border: 1px solid border_normal($bg_color); + border-radius: $roundness; + color: $fg_color; + + &.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + + &.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + &.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + .button { + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; + + border: 0; + background-color: transparent; + background-image: none; + } + } +} + + +/************************* + ! Touch text selections * +**************************/ + +@include exports("touchbubble") { + GtkBubbleWindow { + border-radius: $roundness; + background-clip: border-box; + + &.osd.background { background-color: $osd_bg; } + + .toolbar { background-color: transparent; } + } +} + +/*************** + ! Font-viewer * +****************/ + +@include exports("fontviewer") { + SushiFontWidget { + padding: $spacing ($spacing * 2); + } +} + + +/************* + ! Gucharmap * +**************/ + +@include exports("charmap") { + GucharmapChartable { + background-color: $base_color; + color: $text_color; + + &:focus, &:hover, &:active, &:selected { @extend %selected; } + } +} + + +/************* + ! Evolution * +**************/ + +@include exports("evolution") { + EPreviewPane .entry { + background-color: $base_color; + color: $text_color; + } +} + + +/******************* + ! Gnome Bluetooth * +********************/ + +@include exports("gnome-bluetooth") { + GtkEntry.entry.pin-entry { + font: regular 50; + padding-left: 25px; + padding-right: 25px; + } + + GtkLabel.pin-label { font: regular 50; } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_notebook.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_notebook.scss new file mode 100644 index 0000000..962d8c3 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_notebook.scss @@ -0,0 +1,139 @@ +@import "button"; + + +/********** + ! Notebook +***********/ + +@include exports("notebook") { + .notebook { + padding: 0; + border-style: solid; + border-color: border_normal($bg_color); + border-radius: 0; + @include linear-gradient($bg_color); + background-clip: border-box; + color: $text_color; + + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + + &.frame { + &.top { border-width: 0 1px 1px; } + + &.right { border-width: 1px 0 1px 1px; } + + &.bottom { border-width: 1px 1px 0; } + + &.left { border-width: 1px 1px 1px 0; } + } + + &.header { + border-width: 2px; + background-color: transparent; + } + + GtkViewport { + border-width: 0; + background-color: $base_color; + color: $text_color; + } + + tab { + padding: ($spacing + 1px) ($spacing * 2); + border-style: solid; + border-color: border_normal(shade($bg_color, 0.80)); + background-color: shade($bg_color, 0.80); + background-image: none; + + &:active { + background-color: $bg_color; + background-image: none; + } + + &.top { + border-width: 2px 1px 1px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + + &:active { + border-top-width: 3px; + border-top-color: $selected_bg_color; + border-bottom-width: 0; + } + } + + &.right { + border-width: 1px 2px 1px 1px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + + &:active { + border-right-width: 3px; + border-right-color: $selected_bg_color; + border-left-width: 0; + } + } + + + &.bottom { + border-width: 1px 1px 2px; + border-top-right-radius: 0; + border-top-left-radius: 0; + + &:active { + border-bottom-width: 3px; + border-bottom-color: $selected_bg_color; + border-top-width: 0; + } + } + + &.left { + border-width: 1px 1px 1px 2px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:active { + border-left-width: 3px; + border-left-color: $selected_bg_color; + border-right-width: 0; + } + } + + GtkLabel { color: mix($text_color, $base_color, .3); } + + &.reorderable-page { + &:hover { + background-color: shade($base_color, .85); + border-left: 0; + border-right: 0; + /* using box shadows instead of borders due to slanted edges */ + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($base_color, .7), inset -1px 0 shade($base_color, .7); + } + + &:active { + background-color: shade($base_color, .9); + border-left: 0; + border-right: 0; + box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($base_color, .75), inset -1px 0 shade($base_color, .75); + } + } + + /* close button styling */ + .button { @extend %close_button; } + + } + + .prelight-page { + &, GtkLabel { color: mix($text_color, $base_color, .15); } + } + + .active-page { + &, GtkLabel { color: $text_color; } + } + + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss new file mode 100644 index 0000000..dcb4e74 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_osd.scss @@ -0,0 +1,132 @@ +@import "button"; + + +/******* + ! OSD * +********/ + +@include exports("osd") { + GtkOverlay.osd { background-color: transparent; } + + .osd, + #XfceNotifyWindow { + &.background { + background-color: alpha($osd_bg, .8); + color: $osd_fg; + } + + &.frame { + background-clip: border-box; + background-origin: border-box; + } + + &.button, .button { @include button($osd_bg, $osd_fg); } + + + &.toolbar { + -GtkToolbar-button-relief: normal; + + padding: $spacing; + border: 1px solid border_normal($osd_bg); + border-radius: $roundness; + background-color: $osd_bg; + background-image: none; + color: $osd_fg; + + .separator { color: shade($osd_bg, ($contrast + .1)); } + } + + /* used by gnome-settings-daemon's media-keys OSD */ + &.trough { background-color: shade($osd_bg, .8); } + + &.progressbar { background-color: $osd_fg; } + + .scale { + &.slider { + @include linear-gradient(shade($osd_bg, 1.08)); + @include border($osd_bg); + + &:insensitive { @include linear-gradient(shade($osd_bg, .9)); } + } + + &.trough { + border-color: shade($osd_bg, .8); + background-color: shade($osd_bg, 1.08); + background-image: none; + + &.highlight { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + background-image: none; + } + + &:insensitive, &.highlight:insensitive { + border-color: shade($osd_bg, .85); + background-color: shade($osd_bg, .9); + background-image: none; + } + } + } + + &.view, .view { background-color: $osd_bg; } + + .scrollbar { + .trough { background-color: $osd_bg; } + + .slider { + border: 1px solid mix(shade($osd_bg, .87), $osd_fg, .21); + border-radius: 0; + background-color: mix($osd_bg, $osd_fg, .21); + + &:hover { + border-color: mix(shade($osd_bg, .87), $osd_fg, .31); + background-color: mix($osd_bg, $osd_fg, .31); + } + + &:active { + border-color: shade($selected_bg_color, .9); + background-color: $selected_bg_color; + } + } + } + + GtkIconView.cell { + &:selected, &:selected:focus { + background-color: transparent; + border: 3px solid mix(shade($osd_bg, .87), $osd_fg, .21); + border-radius: $roundness; + outline-color: transparent; + } + } + + /* used by Documents */ + .page-thumbnail { + border: 1px solid shade($osd_bg, .9); + /* when there's no pixbuf yet */ + background-color: $osd_bg; + } + } + + .osd GtkProgressBar, GtkProgressBar.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 2px; + -GtkProgressBar-min-horizontal-bar-height: 2px; + + padding: 0; + + &.trough { + padding: 0; + border-style: none; + border-radius: 0; + background-image: none; + background-color: transparent; + } + + &.progressbar { + border-style: none; + border-radius: 0; + background-color: $selected_bg_color; + background-image: none; + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_overshoot.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_overshoot.scss new file mode 100644 index 0000000..9950eb1 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_overshoot.scss @@ -0,0 +1,119 @@ +@mixin overshoot($position, $type: normal, $color: $selected_bg_color) { + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $position == bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } @else if $position == right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } @else if $position == left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $color; + $_big_gradient_color: $color; + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, .5, + to(alpha($_small_gradient_color, .35)), + to(alpha($_small_gradient_color, .25))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, .6, + from(alpha($_big_gradient_color, .2)), + to(alpha($_big_gradient_color, 0))); + + @if $type == normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } @else if $type == backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: 0; + box-shadow: none; +} + +@mixin undershoot($position) { + $_undershoot_color_dark: alpha($black, .2); + $_undershoot_color_light: alpha($white, .2); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $position; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($position == left) or ($position == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $position center; + } + + /*background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%);*/ + + padding-#{$position}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; +} + +// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. +// This draws a box on top of the content, the size changes programmatically. +.overshoot { + &.top { + @include overshoot(top); + + &:backdrop { @include overshoot(top, backdrop); } + } + + &.bottom { + @include overshoot(bottom); + + &:backdrop { @include overshoot(bottom, backdrop); } + } + + &.left { + @include overshoot(left); + + &:backdrop { @include overshoot(left, backdrop); } + } + + &.right { + @include overshoot(right); + + &:backdrop { @include overshoot(right, backdrop); } + } +} + +// Overflow indication, works similarly to the overshoot, the size if fixed tho. +.undershoot { + &.top { @include undershoot(top); } + + &.bottom { @include undershoot(bottom); } + + &.left { @include undershoot(left); } + + &.right { @include undershoot(right); } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_progress.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_progress.scss new file mode 100644 index 0000000..8a1ef11 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_progress.scss @@ -0,0 +1,182 @@ +/***************** + ! Progress bars * +******************/ + +@include exports("progressbar") { + GtkProgressBar { + padding: 0; + border-radius: $roundness; + font-size: smaller; + color: alpha($fg_color, .6); + + -GtkProgressBar-min-horizontal-bar-height: 6; + -GtkProgressBar-min-vertical-bar-width: 6; + + &.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; + } + + &.trough { + border: 1px solid alpha(border_normal($bg_color), .5); + background-color: shade($bg_color, 1.08); + background-image: none; + } + } + + .progressbar { + @include linear-gradient($selected_bg_color); + + border-radius: 0; + box-shadow: none; + + &.left { + border-top-left-radius: $roundness; + border-bottom-left-radius: $roundness; + } + + &.right { + border-top-right-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &.left.right { box-shadow: none; } + + &.vertical { + @include linear-gradient($selected_bg_color, to right); + + &.bottom { + border-bottom-left-radius: $roundness; + border-bottom-right-radius: $roundness; + } + + &.top { + border-top-left-radius: $roundness; + border-top-right-radius: $roundness; + } + } + } + + GtkLevelBar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 3; + + &.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; + } + } + + .level-bar { + &.trough { + @include linear-gradient(shade($bg_color, 1.08), to top); + + border: 1px solid alpha(border_normal($bg_color), .5); + border-radius: $roundness; + } + + &.fill-block { + @include linear-gradient($selected_bg_color); + + // FIXME: it would be nice to set make fill blocks bigger, but we'd need + // :nth-child working on discrete indicators + border-color: transparent; + border-radius: 0; + + &.indicator-discrete { + &.horizontal { margin-right: 1px; } + + &.vertical { margin-bottom: 1px; } + } + + &.level-high { + background-color: $success_color; + border-color: transparent; + } + + &.level-low { + background-color: $warning_color; + border-color: transparent; + } + + &.empty-fill-block { + background-color: transparent; + border-color: transparent; + box-shadow: none; + } + } + } + + .scale { + -GtkRange-slider-width: 16; + -GtkRange-trough-border: 1; + -GtkScale-slider-length: 16; + + padding: 0; + border-width: 1px; + border-radius: $roundness; + outline-offset: -1px; + + + &.slider { + @include linear-gradient(shade($bg_color, 1.08)); + @include border($bg_color); + + border-radius: 8px; + border-width: 1px; + border-style: solid; + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .3); + + &:insensitive { @include linear-gradient(shade($bg_color, .9)); } + } + + &.fine-tune { + &, &.horizontal { + &:active, &:active:hover { + background-size: 50%; + background-repeat: no-repeat; + background-position: center; + } + } + } + + &.mark { border-color: alpha(border_normal($bg_color), .5); } + + + &.trough { + @include linear-gradient(shade($bg_color, 1.08)); + + margin: 7px 0; + border: 1px solid alpha(border_normal($bg_color), .5); + border-radius: $roundness; + + &:insensitive { @include linear-gradient(shade($bg_color, .9)); } + + &.vertical { margin: 0 7px; } + } + + &.highlight.left { + &, .memuitem & { + @include linear-gradient($selected_bg_color); + border-color: $selected_bg_color; + + &:hover { + border-color: border_normal($selected_bg_color); + background-color: shade($selected_bg_color, .8); + } + + &:insensitive { + @include linear-gradient(shade($bg_color, .9)); + border-color: shade($bg_color, .85); + } + } + } + + &.highlight.bottom { + @include linear-gradient($selected_bg_color); + border-color: $selected_bg_color; + } + + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_scrollbar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_scrollbar.scss new file mode 100644 index 0000000..2d1af41 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_scrollbar.scss @@ -0,0 +1,86 @@ +/*********** + ! Scrollbar +************/ + +@include exports("scrollbar") { + * { + -GtkRange-slider-width: 8; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-border: 2; + -GtkRange-trough-under-steppers: 1; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 80; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 1; + } + + .scrollbar { + border: 0; + padding: 0; + + &.button { + &, &:active, &:active:hover { + border-width: 0; + border-radius: 0; + background-color: transparent; + background-image: none; + color: alpha($fg_color, .5); + } + } + + &.slider, &.slider.vertical { + border: 0; + border-radius: $roundness; + background-color: mix($bg_color, $fg_color, 0.21); + + &:hover { background-color: mix($bg_color, $fg_color, .31); } + + &:active { background-color: $selected_bg_color; } + + &.fine-tune:hover:active { border: 2px solid transparent; } + } + + // overlay scrolling indicator + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + opacity: .5; + + -GtkRange-slider-width: 4px; + + .slider { + margin: 0; + background-color: $fg_color; + background-clip: padding-box; + } + + .trough { + border-style: none; + background-color: transparent; + } + } + + &.dragging, &.hovering { opacity: .7; } + } + } + + .scrollbars-junction, + .scrollbars-junction.frame, + .scrollbar.trough { + border: 0; + border-radius: 0; + background-color: $bg_color; + background-image: none; + } + + // ubuntu overlay scrollbars + OsThumb, OsScrollbar { + color: shade($bg_color, .7); + + &:selected { background-color: $selected_bg_color; } + + &:active { background-color: $selected_bg_color; } + + &:insensitive { background-color: shade($bg_color, .9); } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss new file mode 100644 index 0000000..7ec5727 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_sidebar.scss @@ -0,0 +1,114 @@ +/********* + ! Sidebar +**********/ + +@include exports("sidebar") { + .sidebar { + &, &.view, .view, GtkScrolledWindow { + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + &.separator { + &, &:hover, &:focus { + border-width: 1px; + border-style: solid; + border-color: shade($bg_color, .9); + color: shade($bg_color, .9); + } + } + } + + row, .view row { + &:selected { + &, &:hover, &:focus { + border: 0; + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:hover { + border: 0; + background-image: none; + background-color: shade($selected_bg_color, 1.05); + color: $selected_fg_color; + } + } + + &:hover { + border: 0; + background-image: none; + background-color: shade($bg_color, 1.05); + } + } + + .frame { border-width: 0; } + + .sidebar-row { + padding: 1px; + } + + .sidebar-icon { + padding-left: $spacing * 2; + padding-right: $spacing * 2; + } + + GtkAssistant & { + padding: $spacing; + border-width: 0 1px 0 0; + border-style: solid; + border-right-color: border_normal($bg_color); + border-radius: 0; + background-color: $bg_color; + color: mix($fg_color, $bg_color, .1); + + &:dir(ltr) { border-width: 0 1px 0 0; } + + &:dir(rtl) { border-width: 0 0 0 1px; } + + .label { + padding: $spacing ($spacing * 2); + + &.highlight { background-color: mix($bg_color, $fg_color, .8); } + } + + &.csd .sidebar { border-top-style: none; } + + .highlight { font: bold; } + } + } +} + + +/****** +! Paned +*******/ + +@include exports("paned") { + GtkPaned { + -GtkPaned-handle-size: 1; + -gtk-icon-source: none; + margin: 0 $spacing; + + &:dir(rtl) { + margin-right: 0; + margin-left: $spacing; + } + + .pane-separator { background-color: shade($bg_color, .9); } + + &.wide { + -GtkPaned-handle-size: 4; + margin: 0; + + .pane-separator { + background-color: transparent; + border-style: none solid; + border-color: shade($bg_color, .9); + border-width: 1px; + } + + &.vertical .pane-separator { border-style: solid none; } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_spinner.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_spinner.scss new file mode 100644 index 0000000..9c753f7 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_spinner.scss @@ -0,0 +1,24 @@ +/******************* + ! Spinner animation +********************/ + +@include exports("spinner") { + @keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } + } + + .spinner { + background-image: none; + background-color: $selected_bg_color; + opacity: 0; // non spinning spinner makes no sense + + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + + &:active { + opacity: 1; + animation: spin 1s linear infinite; + + &:insensitive { opacity: .5; } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_toggle.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_toggle.scss new file mode 100644 index 0000000..b85fef2 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_toggle.scss @@ -0,0 +1,128 @@ +/*********************** + ! Check and Radio items +************************/ + +$suffix: if($variant == "dark", "-dark", ""); + +@mixin toggle($type) { + background-image: none; + + -gtk-icon-source: url("../assets/#{$type}-unchecked#{$suffix}.svg"); + + &:insensitive { -gtk-icon-source: url("../assets/#{$type}-unchecked-insensitive#{$suffix}.svg"); } + + &:checked, &:active { + -gtk-icon-source: url("../assets/#{$type}-checked#{$suffix}.svg"); + + &:insensitive { -gtk-icon-source: url("../assets/#{$type}-checked-insensitive#{$suffix}.svg"); } + } + + &:inconsistent { + -gtk-icon-source: url("../assets/#{$type}-mixed#{$suffix}.svg"); + + &:insensitive { -gtk-icon-source: url("../assets/#{$type}-mixed-insensitive#{$suffix}.svg"); } + } + + &.menuitem { + -gtk-icon-source: url("../assets/menuitem-#{$type}-unchecked.svg"); + + &:insensitive { + -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.svg"); + } + + &:checked, &:active { + -gtk-icon-source: url("../assets/menuitem-#{$type}-checked.svg"); + + &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-hover.svg"); } + + &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-checked-insensitive.svg"); } + } + + &:inconsistent { + -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed.svg"); + + &:hover { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-hover.svg"); } + + &:insensitive { -gtk-icon-source: url("../assets/menuitem-#{$type}-mixed-insensitive.svg"); } + } + } +} + +@include exports("checkradio") { + * { + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 16; + } + + .radio { @include toggle("radio"); } + + .check { @include toggle("checkbox"); } + + //selection-mode + @each $s,$as in ('', '-unchecked'), + (':hover', '-unchecked'), + (':active', '-checked'), + (':backdrop', '-unchecked'), + (':checked', '-checked'), + (':checked:hover', '-checked'), + (':checked:active', '-checked'), + (':backdrop:checked', '-checked') { + .view.content-view.check#{$s}:not(list) { + icon-shadow: none; + -gtk-icon-source: url("../assets/grid-selection#{$as}#{$suffix}.svg"); + background-color: transparent; + } + } +} + + +/******** + ! Switch +*********/ + +@include exports("switch") { + GtkSwitch { + padding: 0; + border-radius: $roundness; + font: bold condensed; + outline-offset: -4px; + + &.slider { + @include linear-gradient(shade($bg_color, 1.2)); + + border: 1px solid rgba(0, 0, 0, .2); + box-shadow: 0 1px 2px -1px alpha($dark_shadow, .12); + + &:insensitive { + border-color: rgba(0, 0, 0, .1); + background-color: shade($bg_color, .9); + box-shadow: none; + } + } + + &.trough { + @include linear-gradient(shade($bg_color, .95), to top); + + border: 1px solid border_normal($bg_color); + color: $fg_color; + box-shadow: inset 1px 0 alpha($dark_shadow, .07), + inset 0 1px alpha($dark_shadow, .08), + inset -1px 0 alpha($dark_shadow, .07), + inset 0 -1px alpha($dark_shadow, .05); + + &:active { + @include linear-gradient($selected_bg_color, to top); + + border-color: shade($selected_bg_color, .9); + color: $selected_fg_color; + } + + &:insensitive { + @include linear-gradient(shade($bg_color, .9), to top); + + border-color: border_insensitive($bg_color); + color: mix($fg_color, $bg_color, .5); + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_toolbar.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_toolbar.scss new file mode 100644 index 0000000..362ade4 --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_toolbar.scss @@ -0,0 +1,132 @@ +@import "button"; + + +/********* + ! Toolbar +**********/ + +@mixin toolbar($bg, $fg) { + @include linear-gradient($bg); + @include border($bg); + + padding: $spacing * 2; + color: $fg; + + &:insensitive { + @include linear-gradient(shade($bg, .9)); + + color: mix($fg, $bg, .5); + } + + .title { + font: bold; + padding: 0 ($spacing * 2); + } + + .subtitle { + font: smaller; + padding: 0 ($spacing * 2); + } + + .button { @include button($header_button_bg_color, $header_button_fg_color); } + + .button.linked, .linked .button { @include linked_button($header_button_bg_color); } + + GtkComboBox, .button { + padding: $spacing - 1px; + + &.text-button { padding: $spacing; } + + &.image-button { padding: ($spacing + 1px) ($spacing - 1px) ($spacing + 1px) $spacing; } + } + + GtkSeparatorToolItem, .separator, .separator:insensitive { + color: shade($bg, ($contrast + .1)); + border-color: currentColor; + + -GtkWidget-window-dragging: true; + } + + .menubar { -GtkToolbar-button-relief: normal; } +} + +@include exports("toolbar") { + .toolbar { + @include toolbar($bg_color, $fg_color); + + padding: 2px; + border-style: none; + + &.inline-toolbar { + background-image: none; + background-color: transparent; + } + GtkToolButton:insensitive GtkButton:insensitive, + GtkToolButton:insensitive GtkButton:insensitive.button, + GtkToolButton:insensitive GtkButton:insensitive.flat.button { + background-color: $bg_color; + } + } + + .header-bar { + @include toolbar($titlebar_bg_color, $titlebar_fg_color); + + border-width: 0 0 1px; + border-style: solid; + .button { + color: $header_button_fg_color; + } + } + + .titlebar { + @include linear-gradient($titlebar_bg_color); + + border-radius: $roundness $roundness 0 0; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + + &:backdrop { + @include linear-gradient($titlebar_bg_color); + + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + text-shadow: none; + } + + &.default-decoration { + border: 0; + box-shadow: none; + } + + .tiled &, .maximized & { border-radius: 0; } + + .title { font: bold; } + + .titlebutton { + padding: $spacing; + border: 0; + background-image: none; + background-color: transparent; + color: mix($titlebar_fg_color, $titlebar_bg_color, .1); + box-shadow: none; + + &:hover, &:hover:focus { + background-image: none; + background-color: transparent; + color: $selected_bg_color; + box-shadow: none; + } + + &:active, &:active:hover { + background-image: none; + background-color: transparent; + color: shade($selected_bg_color, .9); + box-shadow: none; + } + + &:backdrop { + background: none; + color: mix($titlebar_fg_color, $titlebar_bg_color, .6); + icon-shadow: none; + } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss new file mode 100644 index 0000000..bfa33dc --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_view.scss @@ -0,0 +1,233 @@ +/*************** + ! Generic views +****************/ + +@include exports("view") { + * { -GtkTextView-error-underline-color: $error_color; } + + .view { + color: $text_color; + background-color: $base_color; + + &:insensitive, &:insensitive:insensitive { + background-color: shade($base_color, .9); + color: mix($text_color, $base_color, .5); + } + + &:selected, &:selected:focus { @extend %selected; } + } + + .cell { + border-width: 0; + border-radius: 0; + + &:selected, &:selected:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + row { + &:selected { + &, &:hover, &:focus { + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; + + border: 0; + background-color: $selected_bg_color; + background-image: none; + color: $selected_fg_color; + } + } + } + + .content-view { + &.view { + background-color: $base_color; + + &:hover { background-color: alpha($selected_bg_color, .6); } + + &:selected, &:active { background-color: $selected_bg_color; } + + &:insensitive { background-color: shade($base_color, .9); } + + &.check { + &, &:active, &:hover, &:insensitive, &:selected { background-color: transparent; } + } + } + + .subtitle { + font: smaller; + padding: 0 12px; + } + } + + GtkIconView { + &.content-view.check { @extend .content-view.check; } + + &.view.cell { + &:selected, &:selected:focus { + border: 0; + border-radius: 2px; + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + + .dim-label { + &, &.view { color: alpha(currentColor, .5); } + } + + .dnd { border: 1px solid $selected_bg_color; } + + .grip { background-color: transparent; } + + .arrow { color: alpha(currentColor, .7); } + + .rubberband { + &, &.view, &.content-view.view { + border: 1px solid $selected_bg_color; + border-radius: 0; + background-color: alpha($selected_bg_color, .3); + } + } + + GdMainIconView.content-view { -GdMainIconView-icon-size: 40; } + + /* this will get overridden by .view, needed by gedit line numbers */ + GtkTextView { background-color: mix($bg_color, $base_color, .5); } + + GtkHTML { + @extend .view; + + &:insensitive { background-color: shade($base_color, .9); } + } + + GtkDrawingArea { background-color: transparent; } +} + +/************ + ! Treeview * +*************/ + +@include exports("treeview") { + GtkTreeView { + -GtkTreeView-expander-size: 8; + -GtkTreeView-vertical-separator: 0; + + outline-offset: -1px; + border-top-color: shade($menu_bg_color, ($contrast + .1)); + + &:hover, &:selected, &:selected:focus, &:backdrop:selected, &:backdrop:selected:focus { border-top-color: $selected_bg_color; } + + &.dnd { border: 1px solid $selected_bg_color; } + + .entry { + border-radius: 0; + background-color: $base_color; + background-image: none; + } + + .progressbar { + @include linear-gradient($selected_bg_color); + border: 1px solid border_normal($selected_bg_color); + + &:selected { + &:focus, & { + @include linear-gradient($selected_bg_color); + border: 1px solid border_focus($selected_bg_color); + color: $selected_fg_color; + } + } + + &:insensitive { + &:insensitive { + @include linear-gradient($bg_color); + border-color: border_insensitive($bg_color); + } + } + } + + .trough { + background-color: mix($bg_color, $base_color, .5); + border: 1px solid border_normal($base_color); + + &:selected { + &:focus, & { + background-color: $base_color; + border: 1px solid border_focus($bg_color); + color: $text_color; + } + } + + &:insensitive { + &:insensitive { + background-color: $base_color; + } + } + } + } +} + + +/*********** + ! Separator +************/ + +@include exports("separator") { + .view.separator, .separator { + color: shade($bg_color, ($contrast + .1)); + border: 1px solid currentColor; + } +} + + +/********************* + ! Column view headers +**********************/ + +@include exports("columnheader") { + column-header { + .button { + &, &:active { + border-width: 0 1px 1px 0; + border-radius: 0; + } + + &, &:active, &:focus, &:active:focus { + border-color: shade($base_color, .9); + border-bottom-color: shade($base_color, .8); + background-color: shade($base_color, .97); + background-image: none; + } + + &:hover, &:active:hover, &:hover:focus, &:active:hover:focus { + border-color: shade($base_color, .9); + border-bottom-color: shade($base_color, .8); + background-color: shade($base_color, .99); + background-image: none; + } + + &:last-child .button { border-width: 0 0 1px; } + } + } +} + + +/********** + ! Frames * +***********/ + +@include exports("frame") { + .frame { + border: 1px solid border_normal($bg_color); + + &.flat { border: 0; } + } + + /* avoid double borders when a viewport is packed into a GtkScrolledWindow */ + GtkScrolledWindow GtkViewport.frame { border: 0; } +} + diff --git a/Redcore-nighttime/gtk-3.0/scss/widgets/_window.scss b/Redcore-nighttime/gtk-3.0/scss/widgets/_window.scss new file mode 100644 index 0000000..7742fbb --- /dev/null +++ b/Redcore-nighttime/gtk-3.0/scss/widgets/_window.scss @@ -0,0 +1,60 @@ +/************** + ! Window frame +***************/ + +@include exports("window") { + %window { + box-shadow: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22), + 0 0 0 1px $wm_border_focused; + + &:backdrop { + box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23), + 0 0 0 1px $wm_border_unfocused; + } + } + + .window-frame { + @extend %window; + + border: 0; + border-radius: $roundness $roundness 0 0; + background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); + /* this is used for the resize cursor area */ + margin: $spacing * 3; + + &.tiled { border-radius: 0; } + + &.solid-csd { + border-radius: $roundness $roundness 0 0; + margin: 1px; + background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21); + box-shadow: none; + } + + &.csd { + &.popup { + @extend %window; + + border-radius: 0; + } + + &.tooltip { + border-radius: $roundness; + box-shadow: none; + } + + &.message-dialog { + @extend %window; + + border-radius: $roundness; + } + } + + &.ssd { + // Fixed gtk-3.18 Unity bug (https://github.com/numixproject/numix-gtk-theme/issues/270) + box-shadow: 0 0 0 1px $wm_border_focused; + + &.maximized { border-radius: 0; } + } + } +} diff --git a/Redcore-nighttime/gtk-3.0/settings.ini b/Redcore-nighttime/gtk-3.0/settings.ini deleted file mode 100644 index 9aa01e5..0000000 --- a/Redcore-nighttime/gtk-3.0/settings.ini +++ /dev/null @@ -1,3 +0,0 @@ -[Settings] -gtk-auto-mnemonics = 1 -gtk-visible-focus = automatic -- cgit v1.2.3