From 2e3f87bd82f4b2e17ca789e04d46418e49336d2d Mon Sep 17 00:00:00 2001
From: Keyitdev <70140437+Keyitdev@users.noreply.github.com>
Date: Mon, 31 Jul 2023 23:44:01 +0200
Subject: [PATCH] Update: Changed gtk theme.
---
README.md | 25 +-
.../cinnamon/assets/add-workspace-active.svg | 12 +
.../cinnamon/assets/add-workspace-hover.svg | 112 +
.../cinnamon/assets/add-workspace.svg | 113 +
.../cinnamon/assets/calendar-arrow-left.svg | 56 +
.../cinnamon/assets/calendar-arrow-right.svg | 56 +
.../cinnamon/assets/checkbox-dark.svg | 2 +-
.../cinnamon/assets/checkbox-off.svg | 3 +
.../cinnamon}/assets/checkbox.svg | 2 +-
.../cinnamon/assets/close-active.svg | 10 +
.../cinnamon/assets/close-hover.svg | 10 +
RosePine-Main-BL/cinnamon/assets/close.svg | 10 +
.../cinnamon/assets/corner-ripple.svg | 5 +
.../cinnamon/assets/radiobutton-dark.svg | 3 +
.../cinnamon/assets/radiobutton-off.svg | 3 +
.../cinnamon/assets/radiobutton.svg | 3 +
.../cinnamon/assets/toggle-off.svg | 0
.../cinnamon/assets/toggle-on-dark.svg | 4 +-
.../cinnamon}/assets/toggle-on.svg | 2 +-
.../cinnamon/assets/trash-icon.svg | 6 +
RosePine-Main-BL/cinnamon/cinnamon.css | 2269 ++
RosePine-Main-BL/cinnamon/thumbnail.png | Bin 0 -> 5042 bytes
.../gnome-shell}/assets/applogo.svg | 0
.../assets/calendar-arrow-left.svg | 0
.../assets/calendar-arrow-right.svg | 0
.../gnome-shell}/assets/calendar-today.svg | 0
.../gnome-shell/assets/checkbox-dark.svg | 37 +-
.../gnome-shell}/assets/checkbox-off.svg | 0
.../gnome-shell/assets/checkbox.svg | 37 +-
.../gnome-shell}/assets/dash-placeholder.svg | 0
.../gnome-shell}/assets/no-events.svg | 0
.../gnome-shell}/assets/no-notifications.svg | 0
.../gnome-shell}/assets/noise-texture.svg | 0
.../gnome-shell/assets/process-working.svg | 308 +
.../gnome-shell}/assets/toggle-off-dark.svg | 0
.../gnome-shell}/assets/toggle-off.svg | 0
.../gnome-shell/assets/toggle-on-dark.svg | 53 +
.../gnome-shell/assets/toggle-on.svg | 53 +
.../gnome-shell}/gnome-shell.css | 2425 +-
.../gnome-shell}/no-events.svg | 0
.../gnome-shell}/no-notifications.svg | 0
RosePine-Main-BL/gnome-shell/pad-osd.css | 31 +
.../gnome-shell}/process-working.svg | 0
RosePine-Main-BL/gtk-2.0/gtkrc | 894 +
RosePine-Main-BL/gtk-2.0/gtkrc.hidpi | 995 +
.../assets/scalable/check-symbolic.svg | 45 +
.../assets/scalable/check-symbolic@2.svg | 46 +
.../scalable/checkbox-checked-symbolic.svg | 0
.../scalable/checkbox-mixed-symbolic.svg | 0
.../scalable/checkbox-unchecked-symbolic.svg | 0
.../scalable/cursor-handle-symbolic.svg | 0
.../gtk-3.0/assets/scalable/dot-symbolic.svg | 39 +
.../assets/scalable/dot-symbolic@2.svg | 40 +
.../gtk-3.0/assets/scalable/line-symbolic.svg | 39 +
.../assets/scalable/line-symbolic@2.svg | 40 +
.../scalable/radio-checked-symbolic.svg | 0
.../assets/scalable/radio-mixed-symbolic.svg | 0
.../scalable/radio-unchecked-symbolic.svg | 0
.../assets/scalable/scale-slider-symbolic.svg | 0
.../assets/scalable/small-check-symbolic.svg | 39 +
.../scalable/small-check-symbolic@2.svg | 40 +
.../small-checkbox-checked-symbolic.svg | 0
.../small-checkbox-mixed-symbolic.svg | 0
.../small-checkbox-unchecked-symbolic.svg | 0
.../assets/scalable/small-dot-symbolic.svg | 39 +
.../assets/scalable/small-dot-symbolic@2.svg | 40 +
.../assets/scalable/small-line-symbolic.svg | 39 +
.../assets/scalable/small-line-symbolic@2.svg | 40 +
.../scalable/small-radio-checked-symbolic.svg | 0
.../scalable/small-radio-mixed-symbolic.svg | 0
.../small-radio-unchecked-symbolic.svg | 0
.../scale-horz-marks-after-slider-dark.png | Bin
.../scale-horz-marks-after-slider-dark@2.png | Bin
...-horz-marks-after-slider-disabled-dark.png | Bin
...orz-marks-after-slider-disabled-dark@2.png | Bin
...scale-horz-marks-after-slider-disabled.png | Bin
...ale-horz-marks-after-slider-disabled@2.png | Bin
.../assets/scale-horz-marks-after-slider.png | Bin
.../scale-horz-marks-after-slider@2.png | Bin
.../scale-horz-marks-before-slider-dark.png | Bin
.../scale-horz-marks-before-slider-dark@2.png | Bin
...horz-marks-before-slider-disabled-dark.png | Bin
...rz-marks-before-slider-disabled-dark@2.png | Bin
...cale-horz-marks-before-slider-disabled.png | Bin
...le-horz-marks-before-slider-disabled@2.png | Bin
.../assets/scale-horz-marks-before-slider.png | Bin
.../scale-horz-marks-before-slider@2.png | Bin
.../scale-vert-marks-after-slider-dark.png | Bin
.../scale-vert-marks-after-slider-dark@2.png | Bin
...-vert-marks-after-slider-disabled-dark.png | Bin
...ert-marks-after-slider-disabled-dark@2.png | Bin
...scale-vert-marks-after-slider-disabled.png | Bin
...ale-vert-marks-after-slider-disabled@2.png | Bin
.../assets/scale-vert-marks-after-slider.png | Bin
.../scale-vert-marks-after-slider@2.png | Bin
.../scale-vert-marks-before-slider-dark.png | Bin
.../scale-vert-marks-before-slider-dark@2.png | Bin
...vert-marks-before-slider-disabled-dark.png | Bin
...rt-marks-before-slider-disabled-dark@2.png | Bin
...cale-vert-marks-before-slider-disabled.png | Bin
...le-vert-marks-before-slider-disabled@2.png | Bin
.../assets/scale-vert-marks-before-slider.png | Bin
.../scale-vert-marks-before-slider@2.png | Bin
.../selectionmode-checkbox-checked-dark.png | Bin
.../selectionmode-checkbox-checked-dark@2.png | Bin
.../assets/selectionmode-checkbox-checked.png | Bin
.../selectionmode-checkbox-checked@2.png | Bin
.../selectionmode-checkbox-unchecked-dark.png | Bin
...electionmode-checkbox-unchecked-dark@2.png | Bin
.../selectionmode-checkbox-unchecked.png | Bin
.../selectionmode-checkbox-unchecked@2.png | Bin
RosePine-Main-BL/gtk-3.0/gtk-dark.css | 11469 ++++++++
RosePine-Main-BL/gtk-3.0/gtk.css | 11469 ++++++++
RosePine-Main-BL/gtk-3.0/thumbnail.png | Bin 0 -> 1609 bytes
.../assets/scalable/check-symbolic.svg | 45 +
.../assets/scalable/check-symbolic@2.svg | 46 +
.../scalable/checkbox-checked-symbolic.svg | 0
.../scalable/checkbox-mixed-symbolic.svg | 0
.../scalable/checkbox-unchecked-symbolic.svg | 0
.../scalable/cursor-handle-symbolic.svg | 0
.../gtk-4.0/assets/scalable/dot-symbolic.svg | 39 +
.../assets/scalable/dot-symbolic@2.svg | 40 +
.../gtk-4.0/assets/scalable/line-symbolic.svg | 39 +
.../assets/scalable/line-symbolic@2.svg | 40 +
.../scalable/radio-checked-symbolic.svg | 0
.../assets/scalable/radio-mixed-symbolic.svg | 0
.../scalable/radio-unchecked-symbolic.svg | 0
.../assets/scalable/scale-slider-symbolic.svg | 0
.../assets/scalable/small-check-symbolic.svg | 39 +
.../scalable/small-check-symbolic@2.svg | 40 +
.../small-checkbox-checked-symbolic.svg | 0
.../small-checkbox-mixed-symbolic.svg | 0
.../small-checkbox-unchecked-symbolic.svg | 0
.../assets/scalable/small-dot-symbolic.svg | 39 +
.../assets/scalable/small-dot-symbolic@2.svg | 40 +
.../assets/scalable/small-line-symbolic.svg | 39 +
.../assets/scalable/small-line-symbolic@2.svg | 40 +
.../scalable/small-radio-checked-symbolic.svg | 0
.../scalable/small-radio-mixed-symbolic.svg | 0
.../small-radio-unchecked-symbolic.svg | 0
.../scale-horz-marks-after-slider-dark.png | Bin
.../scale-horz-marks-after-slider-dark@2.png | Bin
...-horz-marks-after-slider-disabled-dark.png | Bin
...orz-marks-after-slider-disabled-dark@2.png | Bin
...scale-horz-marks-after-slider-disabled.png | Bin
...ale-horz-marks-after-slider-disabled@2.png | Bin
.../assets/scale-horz-marks-after-slider.png | Bin
.../scale-horz-marks-after-slider@2.png | Bin
.../scale-horz-marks-before-slider-dark.png | Bin
.../scale-horz-marks-before-slider-dark@2.png | Bin
...horz-marks-before-slider-disabled-dark.png | Bin
...rz-marks-before-slider-disabled-dark@2.png | Bin
...cale-horz-marks-before-slider-disabled.png | Bin
...le-horz-marks-before-slider-disabled@2.png | Bin
.../assets/scale-horz-marks-before-slider.png | Bin
.../scale-horz-marks-before-slider@2.png | Bin
.../scale-vert-marks-after-slider-dark.png | Bin
.../scale-vert-marks-after-slider-dark@2.png | Bin
...-vert-marks-after-slider-disabled-dark.png | Bin
...ert-marks-after-slider-disabled-dark@2.png | Bin
...scale-vert-marks-after-slider-disabled.png | Bin
...ale-vert-marks-after-slider-disabled@2.png | Bin
.../assets/scale-vert-marks-after-slider.png | Bin
.../scale-vert-marks-after-slider@2.png | Bin
.../scale-vert-marks-before-slider-dark.png | Bin
.../scale-vert-marks-before-slider-dark@2.png | Bin
...vert-marks-before-slider-disabled-dark.png | Bin
...rt-marks-before-slider-disabled-dark@2.png | Bin
...cale-vert-marks-before-slider-disabled.png | Bin
...le-vert-marks-before-slider-disabled@2.png | Bin
.../assets/scale-vert-marks-before-slider.png | Bin
.../scale-vert-marks-before-slider@2.png | Bin
.../selectionmode-checkbox-checked-dark.png | Bin
.../selectionmode-checkbox-checked-dark@2.png | Bin
.../assets/selectionmode-checkbox-checked.png | Bin
.../selectionmode-checkbox-checked@2.png | Bin
.../selectionmode-checkbox-unchecked-dark.png | Bin
...electionmode-checkbox-unchecked-dark@2.png | Bin
.../selectionmode-checkbox-unchecked.png | Bin
.../selectionmode-checkbox-unchecked@2.png | Bin
.../gtk-4.0/gtk-dark.css | 4871 ++--
.../gtk-4.0/gtk.css | 4871 ++--
RosePine-Main-BL/gtk-4.0/thumbnail.png | Bin 0 -> 1609 bytes
RosePine-Main-BL/index.theme | 12 +
.../metacity-1/metacity-theme-1.xml | 1693 ++
.../metacity-1/metacity-theme-2.xml | 1 +
.../metacity-1/metacity-theme-3.xml | 1682 ++
RosePine-Main-BL/metacity-1/thumbnail.png | Bin 0 -> 7635 bytes
.../titlebuttons/titlebutton-backdrop.svg | 60 +
.../titlebuttons/titlebutton-close-active.svg | 55 +
.../titlebutton-close-backdrop-active.svg | 60 +
.../titlebutton-close-backdrop.svg | 60 +
.../titlebuttons/titlebutton-close-hover.svg | 39 +
.../titlebuttons/titlebutton-close.svg | 48 +
.../titlebutton-maximize-active.svg | 45 +
.../titlebutton-maximize-backdrop-active.svg | 60 +
.../titlebutton-maximize-backdrop.svg | 60 +
.../titlebutton-maximize-hover.svg | 40 +
.../titlebuttons/titlebutton-maximize.svg | 48 +
.../titlebuttons/titlebutton-menu-active.svg | 72 +
.../titlebutton-menu-backdrop-active.svg | 1 +
.../titlebutton-menu-backdrop.svg | 1 +
.../titlebuttons/titlebutton-menu-hover.svg | 72 +
.../titlebuttons/titlebutton-menu.svg | 1 +
.../titlebutton-minimize-active.svg | 51 +
.../titlebutton-minimize-backdrop-active.svg | 60 +
.../titlebutton-minimize-backdrop.svg | 60 +
.../titlebutton-minimize-hover.svg | 40 +
.../titlebuttons/titlebutton-minimize.svg | 48 +
.../titlebuttons/titlebutton-shade-active.svg | 67 +
.../titlebutton-shade-backdrop-active.svg | 63 +
.../titlebutton-shade-backdrop.svg | 63 +
.../titlebuttons/titlebutton-shade-hover.svg | 67 +
.../titlebuttons/titlebutton-shade.svg | 60 +
.../titlebutton-unmaximize-active.svg | 45 +
...titlebutton-unmaximize-backdrop-active.svg | 40 +
.../titlebutton-unmaximize-backdrop.svg | 40 +
.../titlebutton-unmaximize-hover.svg | 40 +
.../titlebutton-unshade-active.svg | 68 +
.../titlebutton-unshade-backdrop-active.svg | 63 +
.../titlebutton-unshade-backdrop.svg | 63 +
.../titlebutton-unshade-hover.svg | 67 +
.../titlebuttons/titlebutton-unshade.svg | 1 +
RosePine-Main-BL/xfwm4/bottom-active.png | Bin 0 -> 138 bytes
RosePine-Main-BL/xfwm4/bottom-inactive.png | Bin 0 -> 138 bytes
RosePine-Main-BL/xfwm4/bottom-left-active.png | Bin 0 -> 154 bytes
.../xfwm4/bottom-left-inactive.png | Bin 0 -> 154 bytes
.../xfwm4/bottom-right-active.png | Bin 0 -> 157 bytes
.../xfwm4/bottom-right-inactive.png | Bin 0 -> 157 bytes
RosePine-Main-BL/xfwm4/close-active.png | Bin 0 -> 494 bytes
RosePine-Main-BL/xfwm4/close-inactive.png | Bin 0 -> 475 bytes
RosePine-Main-BL/xfwm4/close-prelight.png | Bin 0 -> 456 bytes
RosePine-Main-BL/xfwm4/close-pressed.png | Bin 0 -> 508 bytes
RosePine-Main-BL/xfwm4/hide-active.png | Bin 0 -> 545 bytes
RosePine-Main-BL/xfwm4/hide-inactive.png | Bin 0 -> 487 bytes
RosePine-Main-BL/xfwm4/hide-prelight.png | Bin 0 -> 493 bytes
RosePine-Main-BL/xfwm4/hide-pressed.png | Bin 0 -> 533 bytes
RosePine-Main-BL/xfwm4/left-active.png | Bin 0 -> 138 bytes
RosePine-Main-BL/xfwm4/left-inactive.png | Bin 0 -> 138 bytes
RosePine-Main-BL/xfwm4/maximize-active.png | Bin 0 -> 510 bytes
RosePine-Main-BL/xfwm4/maximize-inactive.png | Bin 0 -> 475 bytes
RosePine-Main-BL/xfwm4/maximize-prelight.png | Bin 0 -> 444 bytes
RosePine-Main-BL/xfwm4/maximize-pressed.png | Bin 0 -> 512 bytes
.../xfwm4/maximize-toggled-active.png | Bin 0 -> 518 bytes
.../xfwm4/maximize-toggled-inactive.png | Bin 0 -> 480 bytes
.../xfwm4/maximize-toggled-prelight.png | Bin 0 -> 442 bytes
.../xfwm4/maximize-toggled-pressed.png | Bin 0 -> 523 bytes
RosePine-Main-BL/xfwm4/menu-active.png | Bin 0 -> 693 bytes
RosePine-Main-BL/xfwm4/menu-inactive.png | Bin 0 -> 566 bytes
RosePine-Main-BL/xfwm4/menu-prelight.png | Bin 0 -> 636 bytes
RosePine-Main-BL/xfwm4/menu-pressed.png | Bin 0 -> 645 bytes
RosePine-Main-BL/xfwm4/right-active.png | Bin 0 -> 138 bytes
RosePine-Main-BL/xfwm4/right-inactive.png | Bin 0 -> 138 bytes
RosePine-Main-BL/xfwm4/shade-active.png | Bin 0 -> 616 bytes
RosePine-Main-BL/xfwm4/shade-inactive.png | Bin 0 -> 485 bytes
RosePine-Main-BL/xfwm4/shade-prelight.png | Bin 0 -> 580 bytes
RosePine-Main-BL/xfwm4/shade-pressed.png | Bin 0 -> 678 bytes
.../xfwm4/shade-toggled-active.png | Bin 0 -> 693 bytes
.../xfwm4/shade-toggled-inactive.png | Bin 0 -> 566 bytes
.../xfwm4/shade-toggled-prelight.png | Bin 0 -> 636 bytes
.../xfwm4/shade-toggled-pressed.png | Bin 0 -> 645 bytes
RosePine-Main-BL/xfwm4/stick-active.png | Bin 0 -> 616 bytes
RosePine-Main-BL/xfwm4/stick-inactive.png | Bin 0 -> 485 bytes
RosePine-Main-BL/xfwm4/stick-prelight.png | Bin 0 -> 580 bytes
RosePine-Main-BL/xfwm4/stick-pressed.png | Bin 0 -> 678 bytes
.../xfwm4/stick-toggled-active.png | Bin 0 -> 651 bytes
.../xfwm4/stick-toggled-inactive.png | Bin 0 -> 571 bytes
.../xfwm4/stick-toggled-prelight.png | Bin 0 -> 646 bytes
.../xfwm4/stick-toggled-pressed.png | Bin 0 -> 655 bytes
RosePine-Main-BL/xfwm4/themerc | 23 +
RosePine-Main-BL/xfwm4/title-1-active.png | Bin 0 -> 155 bytes
RosePine-Main-BL/xfwm4/title-1-inactive.png | Bin 0 -> 155 bytes
RosePine-Main-BL/xfwm4/title-2-active.png | Bin 0 -> 155 bytes
RosePine-Main-BL/xfwm4/title-2-inactive.png | Bin 0 -> 155 bytes
RosePine-Main-BL/xfwm4/title-3-active.png | Bin 0 -> 155 bytes
RosePine-Main-BL/xfwm4/title-3-inactive.png | Bin 0 -> 155 bytes
RosePine-Main-BL/xfwm4/title-4-active.png | Bin 0 -> 155 bytes
RosePine-Main-BL/xfwm4/title-4-inactive.png | Bin 0 -> 155 bytes
RosePine-Main-BL/xfwm4/title-5-active.png | Bin 0 -> 155 bytes
RosePine-Main-BL/xfwm4/title-5-inactive.png | Bin 0 -> 155 bytes
RosePine-Main-BL/xfwm4/top-left-active.png | Bin 0 -> 186 bytes
RosePine-Main-BL/xfwm4/top-left-inactive.png | Bin 0 -> 186 bytes
RosePine-Main-BL/xfwm4/top-right-active.png | Bin 0 -> 200 bytes
RosePine-Main-BL/xfwm4/top-right-inactive.png | Bin 0 -> 200 bytes
config/gtk-3.0/settings.ini | 2 +-
install-on-arch.sh | 33 +-
.../gnome-shell-DTD/assets/background.png | Bin 1184111 -> 0 bytes
.../gnome-shell-DTD/assets/more-results.svg | 6 -
.../assets/process-working.svg | 72 -
tokyonight_gtk/gnome-shell-DTD/pad-osd.css | 30 -
.../gnome-shell-DTP/assets/applogo.svg | 291 -
.../gnome-shell-DTP/assets/background.png | Bin 1184111 -> 0 bytes
.../assets/calendar-arrow-left.svg | 3 -
.../assets/calendar-arrow-right.svg | 3 -
.../gnome-shell-DTP/assets/calendar-today.svg | 178 -
.../gnome-shell-DTP/assets/checkbox-off.svg | 3 -
.../assets/dash-placeholder.svg | 4 -
.../gnome-shell-DTP/assets/more-results.svg | 6 -
.../gnome-shell-DTP/assets/no-events.svg | 82 -
.../assets/no-notifications.svg | 3 -
.../gnome-shell-DTP/assets/noise-texture.svg | 78 -
.../assets/process-working.svg | 72 -
.../gnome-shell-DTP/assets/toggle-off.svg | 6 -
.../gnome-shell-DTP/gnome-shell.css | 3575 ---
tokyonight_gtk/gnome-shell-DTP/no-events.svg | 1 -
.../gnome-shell-DTP/no-notifications.svg | 1 -
tokyonight_gtk/gnome-shell-DTP/pad-osd.css | 30 -
.../gnome-shell-DTP/process-working.svg | 1 -
tokyonight_gtk/gtk-2.0/apps.rc | 92 -
tokyonight_gtk/gtk-2.0/assets/border.png | Bin 126 -> 0 bytes
.../gtk-2.0/assets/button-active.png | Bin 267 -> 0 bytes
.../gtk-2.0/assets/button-disabled.png | Bin 229 -> 0 bytes
.../gtk-2.0/assets/button-hover.png | Bin 252 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/button.png | Bin 239 -> 0 bytes
.../assets/checkbox-checked-active.png | Bin 488 -> 0 bytes
.../assets/checkbox-checked-disabled.png | Bin 414 -> 0 bytes
.../gtk-2.0/assets/checkbox-checked-hover.png | Bin 488 -> 0 bytes
.../gtk-2.0/assets/checkbox-checked.png | Bin 491 -> 0 bytes
.../gtk-2.0/assets/checkbox-mixed-active.png | Bin 436 -> 0 bytes
.../assets/checkbox-mixed-disabled.png | Bin 366 -> 0 bytes
.../gtk-2.0/assets/checkbox-mixed-hover.png | Bin 436 -> 0 bytes
.../gtk-2.0/assets/checkbox-mixed.png | Bin 436 -> 0 bytes
.../assets/checkbox-unchecked-active.png | Bin 520 -> 0 bytes
.../assets/checkbox-unchecked-disabled.png | Bin 404 -> 0 bytes
.../assets/checkbox-unchecked-hover.png | Bin 542 -> 0 bytes
.../gtk-2.0/assets/checkbox-unchecked.png | Bin 500 -> 0 bytes
.../assets/combo-left-entry-active.png | Bin 322 -> 0 bytes
.../assets/combo-left-entry-disabled.png | Bin 209 -> 0 bytes
.../gtk-2.0/assets/combo-left-entry-hover.png | Bin 282 -> 0 bytes
.../gtk-2.0/assets/combo-left-entry.png | Bin 216 -> 0 bytes
.../assets/combo-right-entry-active.png | Bin 333 -> 0 bytes
.../assets/combo-right-entry-disabled.png | Bin 207 -> 0 bytes
.../assets/combo-right-entry-hover.png | Bin 292 -> 0 bytes
.../gtk-2.0/assets/combo-right-entry.png | Bin 217 -> 0 bytes
.../gtk-2.0/assets/entry-active.png | Bin 416 -> 0 bytes
.../assets/entry-background-disabled.png | Bin 136 -> 0 bytes
.../gtk-2.0/assets/entry-background.png | Bin 136 -> 0 bytes
.../gtk-2.0/assets/entry-disabled.png | Bin 229 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/entry-hover.png | Bin 347 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/entry.png | Bin 239 -> 0 bytes
.../gtk-2.0/assets/flat-button-active.png | Bin 267 -> 0 bytes
.../gtk-2.0/assets/flat-button-disabled.png | Bin 195 -> 0 bytes
.../gtk-2.0/assets/flat-button-hover.png | Bin 252 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/flat-button.png | Bin 195 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/focus.png | Bin 221 -> 0 bytes
.../gtk-2.0/assets/frame-inline.png | Bin 144 -> 0 bytes
.../gtk-2.0/assets/frame-notebook.png | Bin 147 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/frame.png | Bin 147 -> 0 bytes
.../gtk-2.0/assets/handle-horz-active.png | Bin 170 -> 0 bytes
.../gtk-2.0/assets/handle-horz-hover.png | Bin 183 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/handle-horz.png | Bin 178 -> 0 bytes
.../gtk-2.0/assets/handle-vert-active.png | Bin 166 -> 0 bytes
.../gtk-2.0/assets/handle-vert-hover.png | Bin 173 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/handle-vert.png | Bin 172 -> 0 bytes
.../assets/menu-checkbox-checked-disabled.png | Bin 390 -> 0 bytes
.../gtk-2.0/assets/menu-checkbox-checked.png | Bin 435 -> 0 bytes
.../assets/menu-checkbox-mixed-disabled.png | Bin 324 -> 0 bytes
.../gtk-2.0/assets/menu-checkbox-mixed.png | Bin 364 -> 0 bytes
.../menu-checkbox-unchecked-disabled.png | Bin 340 -> 0 bytes
.../assets/menu-checkbox-unchecked.png | Bin 392 -> 0 bytes
.../assets/menu-radio-checked-disabled.png | Bin 359 -> 0 bytes
.../gtk-2.0/assets/menu-radio-checked.png | Bin 419 -> 0 bytes
.../assets/menu-radio-mixed-disabled.png | Bin 324 -> 0 bytes
.../gtk-2.0/assets/menu-radio-mixed.png | Bin 364 -> 0 bytes
.../assets/menu-radio-unchecked-disabled.png | Bin 340 -> 0 bytes
.../gtk-2.0/assets/menu-radio-unchecked.png | Bin 392 -> 0 bytes
.../gtk-2.0/assets/pan-down-alt-disabled.png | Bin 182 -> 0 bytes
.../gtk-2.0/assets/pan-down-alt.png | Bin 190 -> 0 bytes
.../gtk-2.0/assets/pan-down-disabled.png | Bin 181 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/pan-down.png | Bin 165 -> 0 bytes
.../gtk-2.0/assets/pan-left-alt-disabled.png | Bin 185 -> 0 bytes
.../gtk-2.0/assets/pan-left-alt.png | Bin 194 -> 0 bytes
.../gtk-2.0/assets/pan-left-disabled.png | Bin 185 -> 0 bytes
.../gtk-2.0/assets/pan-left-semi.png | Bin 190 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/pan-left.png | Bin 180 -> 0 bytes
.../gtk-2.0/assets/pan-right-alt-disabled.png | Bin 187 -> 0 bytes
.../gtk-2.0/assets/pan-right-alt.png | Bin 189 -> 0 bytes
.../gtk-2.0/assets/pan-right-disabled.png | Bin 187 -> 0 bytes
.../gtk-2.0/assets/pan-right-semi.png | Bin 192 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/pan-right.png | Bin 181 -> 0 bytes
.../gtk-2.0/assets/pan-up-alt-disabled.png | Bin 182 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/pan-up-alt.png | Bin 182 -> 0 bytes
.../gtk-2.0/assets/pan-up-disabled.png | Bin 182 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/pan-up.png | Bin 161 -> 0 bytes
.../gtk-2.0/assets/progressbar-progress.png | Bin 137 -> 0 bytes
.../gtk-2.0/assets/progressbar-trough.png | Bin 136 -> 0 bytes
.../gtk-2.0/assets/radio-checked-active.png | Bin 483 -> 0 bytes
.../gtk-2.0/assets/radio-checked-disabled.png | Bin 408 -> 0 bytes
.../gtk-2.0/assets/radio-checked-hover.png | Bin 483 -> 0 bytes
.../gtk-2.0/assets/radio-checked.png | Bin 483 -> 0 bytes
.../gtk-2.0/assets/radio-mixed-active.png | Bin 436 -> 0 bytes
.../gtk-2.0/assets/radio-mixed-disabled.png | Bin 366 -> 0 bytes
.../gtk-2.0/assets/radio-mixed-hover.png | Bin 436 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/radio-mixed.png | Bin 436 -> 0 bytes
.../gtk-2.0/assets/radio-unchecked-active.png | Bin 520 -> 0 bytes
.../assets/radio-unchecked-disabled.png | Bin 404 -> 0 bytes
.../gtk-2.0/assets/radio-unchecked-hover.png | Bin 542 -> 0 bytes
.../gtk-2.0/assets/radio-unchecked.png | Bin 500 -> 0 bytes
.../assets/scale-horz-trough-active.png | Bin 161 -> 0 bytes
.../assets/scale-horz-trough-disabled.png | Bin 160 -> 0 bytes
.../gtk-2.0/assets/scale-horz-trough.png | Bin 160 -> 0 bytes
.../gtk-2.0/assets/scale-slider-active.png | Bin 505 -> 0 bytes
.../gtk-2.0/assets/scale-slider-disabled.png | Bin 272 -> 0 bytes
.../gtk-2.0/assets/scale-slider-hover.png | Bin 440 -> 0 bytes
.../gtk-2.0/assets/scale-slider.png | Bin 290 -> 0 bytes
.../assets/scale-vert-trough-active.png | Bin 160 -> 0 bytes
.../assets/scale-vert-trough-disabled.png | Bin 160 -> 0 bytes
.../gtk-2.0/assets/scale-vert-trough.png | Bin 160 -> 0 bytes
.../assets/scrollbar-horz-slider-active.png | Bin 228 -> 0 bytes
.../assets/scrollbar-horz-slider-disabled.png | Bin 224 -> 0 bytes
.../assets/scrollbar-horz-slider-hover.png | Bin 246 -> 0 bytes
.../gtk-2.0/assets/scrollbar-horz-slider.png | Bin 232 -> 0 bytes
.../gtk-2.0/assets/scrollbar-horz-trough.png | Bin 127 -> 0 bytes
.../scrollbar-vert-ltr-slider-active.png | Bin 225 -> 0 bytes
.../scrollbar-vert-ltr-slider-disabled.png | Bin 229 -> 0 bytes
.../scrollbar-vert-ltr-slider-hover.png | Bin 247 -> 0 bytes
.../assets/scrollbar-vert-ltr-slider.png | Bin 236 -> 0 bytes
.../assets/scrollbar-vert-ltr-trough.png | Bin 126 -> 0 bytes
.../scrollbar-vert-rtl-slider-active.png | Bin 225 -> 0 bytes
.../scrollbar-vert-rtl-slider-disabled.png | Bin 228 -> 0 bytes
.../scrollbar-vert-rtl-slider-hover.png | Bin 245 -> 0 bytes
.../assets/scrollbar-vert-rtl-slider.png | Bin 235 -> 0 bytes
.../assets/scrollbar-vert-rtl-trough.png | Bin 126 -> 0 bytes
.../gtk-2.0/assets/spin-ltr-down-active.png | Bin 243 -> 0 bytes
.../gtk-2.0/assets/spin-ltr-down-disabled.png | Bin 174 -> 0 bytes
.../gtk-2.0/assets/spin-ltr-down-hover.png | Bin 221 -> 0 bytes
.../gtk-2.0/assets/spin-ltr-down.png | Bin 180 -> 0 bytes
.../gtk-2.0/assets/spin-ltr-up-active.png | Bin 262 -> 0 bytes
.../gtk-2.0/assets/spin-ltr-up-disabled.png | Bin 185 -> 0 bytes
.../gtk-2.0/assets/spin-ltr-up-hover.png | Bin 236 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/spin-ltr-up.png | Bin 196 -> 0 bytes
.../gtk-2.0/assets/spin-rtl-down-active.png | Bin 258 -> 0 bytes
.../gtk-2.0/assets/spin-rtl-down-disabled.png | Bin 176 -> 0 bytes
.../gtk-2.0/assets/spin-rtl-down-hover.png | Bin 220 -> 0 bytes
.../gtk-2.0/assets/spin-rtl-down.png | Bin 186 -> 0 bytes
.../gtk-2.0/assets/spin-rtl-up-active.png | Bin 242 -> 0 bytes
.../gtk-2.0/assets/spin-rtl-up-disabled.png | Bin 184 -> 0 bytes
.../gtk-2.0/assets/spin-rtl-up-hover.png | Bin 225 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/spin-rtl-up.png | Bin 186 -> 0 bytes
tokyonight_gtk/gtk-2.0/assets/tab.png | Bin 125 -> 0 bytes
.../assets/treeview-ltr-button-active.png | Bin 133 -> 0 bytes
.../assets/treeview-ltr-button-hover.png | Bin 133 -> 0 bytes
.../gtk-2.0/assets/treeview-ltr-button.png | Bin 126 -> 0 bytes
.../assets/treeview-rtl-button-active.png | Bin 133 -> 0 bytes
.../assets/treeview-rtl-button-hover.png | Bin 133 -> 0 bytes
.../gtk-2.0/assets/treeview-rtl-button.png | Bin 126 -> 0 bytes
tokyonight_gtk/gtk-2.0/gtkrc | 36 -
tokyonight_gtk/gtk-2.0/hacks.rc | 36 -
tokyonight_gtk/gtk-2.0/main.rc | 2705 --
...scale-horz-marks-after-slider-symbolic.svg | 53 -
...scale-vert-marks-after-slider-symbolic.svg | 52 -
...cale-vert-marks-before-slider-symbolic.svg | 55 -
tokyonight_gtk/gtk-3.0/gtk-dark.css | 23083 ---------------
tokyonight_gtk/gtk-3.0/gtk.css | 23164 ----------------
tokyonight_gtk/gtk-3.0/thumbnail.png | Bin 2075 -> 0 bytes
...scale-horz-marks-after-slider-symbolic.svg | 53 -
...scale-vert-marks-after-slider-symbolic.svg | 52 -
...cale-vert-marks-before-slider-symbolic.svg | 55 -
tokyonight_gtk/gtk-4.0/thumbnail.png | Bin 2075 -> 0 bytes
tokyonight_gtk/index.theme | 12 -
460 files changed, 42346 insertions(+), 57912 deletions(-)
create mode 100644 RosePine-Main-BL/cinnamon/assets/add-workspace-active.svg
create mode 100644 RosePine-Main-BL/cinnamon/assets/add-workspace-hover.svg
create mode 100644 RosePine-Main-BL/cinnamon/assets/add-workspace.svg
create mode 100644 RosePine-Main-BL/cinnamon/assets/calendar-arrow-left.svg
create mode 100644 RosePine-Main-BL/cinnamon/assets/calendar-arrow-right.svg
rename tokyonight_gtk/gnome-shell-DTP/assets/checkbox.svg => RosePine-Main-BL/cinnamon/assets/checkbox-dark.svg (81%)
create mode 100644 RosePine-Main-BL/cinnamon/assets/checkbox-off.svg
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/cinnamon}/assets/checkbox.svg (81%)
create mode 100644 RosePine-Main-BL/cinnamon/assets/close-active.svg
create mode 100644 RosePine-Main-BL/cinnamon/assets/close-hover.svg
create mode 100644 RosePine-Main-BL/cinnamon/assets/close.svg
create mode 100644 RosePine-Main-BL/cinnamon/assets/corner-ripple.svg
create mode 100644 RosePine-Main-BL/cinnamon/assets/radiobutton-dark.svg
create mode 100644 RosePine-Main-BL/cinnamon/assets/radiobutton-off.svg
create mode 100644 RosePine-Main-BL/cinnamon/assets/radiobutton.svg
rename tokyonight_gtk/gnome-shell-DTD/assets/toggle-off-dark.svg => RosePine-Main-BL/cinnamon/assets/toggle-off.svg (100%)
rename tokyonight_gtk/gnome-shell-DTP/assets/toggle-on.svg => RosePine-Main-BL/cinnamon/assets/toggle-on-dark.svg (64%)
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/cinnamon}/assets/toggle-on.svg (82%)
create mode 100644 RosePine-Main-BL/cinnamon/assets/trash-icon.svg
create mode 100644 RosePine-Main-BL/cinnamon/cinnamon.css
create mode 100644 RosePine-Main-BL/cinnamon/thumbnail.png
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/assets/applogo.svg (100%)
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/assets/calendar-arrow-left.svg (100%)
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/assets/calendar-arrow-right.svg (100%)
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/assets/calendar-today.svg (100%)
rename tokyonight_gtk/gtk-4.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg => RosePine-Main-BL/gnome-shell/assets/checkbox-dark.svg (57%)
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/assets/checkbox-off.svg (100%)
rename tokyonight_gtk/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg => RosePine-Main-BL/gnome-shell/assets/checkbox.svg (57%)
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/assets/dash-placeholder.svg (100%)
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/assets/no-events.svg (100%)
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/assets/no-notifications.svg (100%)
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/assets/noise-texture.svg (100%)
create mode 100644 RosePine-Main-BL/gnome-shell/assets/process-working.svg
rename {tokyonight_gtk/gnome-shell-DTP => RosePine-Main-BL/gnome-shell}/assets/toggle-off-dark.svg (100%)
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/assets/toggle-off.svg (100%)
create mode 100644 RosePine-Main-BL/gnome-shell/assets/toggle-on-dark.svg
create mode 100644 RosePine-Main-BL/gnome-shell/assets/toggle-on.svg
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/gnome-shell.css (55%)
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/no-events.svg (100%)
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/no-notifications.svg (100%)
create mode 100644 RosePine-Main-BL/gnome-shell/pad-osd.css
rename {tokyonight_gtk/gnome-shell-DTD => RosePine-Main-BL/gnome-shell}/process-working.svg (100%)
create mode 100644 RosePine-Main-BL/gtk-2.0/gtkrc
create mode 100644 RosePine-Main-BL/gtk-2.0/gtkrc.hidpi
create mode 100644 RosePine-Main-BL/gtk-3.0/assets/scalable/check-symbolic.svg
create mode 100644 RosePine-Main-BL/gtk-3.0/assets/scalable/check-symbolic@2.svg
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg (100%)
create mode 100644 RosePine-Main-BL/gtk-3.0/assets/scalable/dot-symbolic.svg
create mode 100644 RosePine-Main-BL/gtk-3.0/assets/scalable/dot-symbolic@2.svg
create mode 100644 RosePine-Main-BL/gtk-3.0/assets/scalable/line-symbolic.svg
create mode 100644 RosePine-Main-BL/gtk-3.0/assets/scalable/line-symbolic@2.svg
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/radio-checked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/scale-slider-symbolic.svg (100%)
create mode 100644 RosePine-Main-BL/gtk-3.0/assets/scalable/small-check-symbolic.svg
create mode 100644 RosePine-Main-BL/gtk-3.0/assets/scalable/small-check-symbolic@2.svg
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg (100%)
create mode 100644 RosePine-Main-BL/gtk-3.0/assets/scalable/small-dot-symbolic.svg
create mode 100644 RosePine-Main-BL/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg
create mode 100644 RosePine-Main-BL/gtk-3.0/assets/scalable/small-line-symbolic.svg
create mode 100644 RosePine-Main-BL/gtk-3.0/assets/scalable/small-line-symbolic@2.svg
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-after-slider.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-after-slider@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-before-slider.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-horz-marks-before-slider@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-after-slider.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-after-slider@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-before-slider.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/scale-vert-marks-before-slider@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/selectionmode-checkbox-checked.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/selectionmode-checkbox-checked@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/selectionmode-checkbox-unchecked.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png (100%)
create mode 100644 RosePine-Main-BL/gtk-3.0/gtk-dark.css
create mode 100644 RosePine-Main-BL/gtk-3.0/gtk.css
create mode 100644 RosePine-Main-BL/gtk-3.0/thumbnail.png
create mode 100644 RosePine-Main-BL/gtk-4.0/assets/scalable/check-symbolic.svg
create mode 100644 RosePine-Main-BL/gtk-4.0/assets/scalable/check-symbolic@2.svg
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg (100%)
create mode 100644 RosePine-Main-BL/gtk-4.0/assets/scalable/dot-symbolic.svg
create mode 100644 RosePine-Main-BL/gtk-4.0/assets/scalable/dot-symbolic@2.svg
create mode 100644 RosePine-Main-BL/gtk-4.0/assets/scalable/line-symbolic.svg
create mode 100644 RosePine-Main-BL/gtk-4.0/assets/scalable/line-symbolic@2.svg
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/radio-checked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/scale-slider-symbolic.svg (100%)
create mode 100644 RosePine-Main-BL/gtk-4.0/assets/scalable/small-check-symbolic.svg
create mode 100644 RosePine-Main-BL/gtk-4.0/assets/scalable/small-check-symbolic@2.svg
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg (100%)
create mode 100644 RosePine-Main-BL/gtk-4.0/assets/scalable/small-dot-symbolic.svg
create mode 100644 RosePine-Main-BL/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg
create mode 100644 RosePine-Main-BL/gtk-4.0/assets/scalable/small-line-symbolic.svg
create mode 100644 RosePine-Main-BL/gtk-4.0/assets/scalable/small-line-symbolic@2.svg
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-after-slider.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-after-slider@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-before-slider.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-horz-marks-before-slider@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-after-slider.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-after-slider@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-before-slider.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/scale-vert-marks-before-slider@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/selectionmode-checkbox-checked.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/selectionmode-checkbox-checked@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/selectionmode-checkbox-unchecked.png (100%)
rename {tokyonight_gtk => RosePine-Main-BL}/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png (100%)
rename tokyonight_gtk/gtk-4.0/gtk.css => RosePine-Main-BL/gtk-4.0/gtk-dark.css (51%)
rename tokyonight_gtk/gtk-4.0/gtk-dark.css => RosePine-Main-BL/gtk-4.0/gtk.css (51%)
create mode 100644 RosePine-Main-BL/gtk-4.0/thumbnail.png
create mode 100644 RosePine-Main-BL/index.theme
create mode 100644 RosePine-Main-BL/metacity-1/metacity-theme-1.xml
create mode 120000 RosePine-Main-BL/metacity-1/metacity-theme-2.xml
create mode 100644 RosePine-Main-BL/metacity-1/metacity-theme-3.xml
create mode 100644 RosePine-Main-BL/metacity-1/thumbnail.png
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-backdrop.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-active.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-backdrop.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-hover.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-active.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-hover.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-active.svg
create mode 120000 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg
create mode 120000 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-hover.svg
create mode 120000 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-active.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-hover.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-active.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-hover.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-active.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg
create mode 100644 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-hover.svg
create mode 120000 RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade.svg
create mode 100644 RosePine-Main-BL/xfwm4/bottom-active.png
create mode 100644 RosePine-Main-BL/xfwm4/bottom-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/bottom-left-active.png
create mode 100644 RosePine-Main-BL/xfwm4/bottom-left-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/bottom-right-active.png
create mode 100644 RosePine-Main-BL/xfwm4/bottom-right-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/close-active.png
create mode 100644 RosePine-Main-BL/xfwm4/close-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/close-prelight.png
create mode 100644 RosePine-Main-BL/xfwm4/close-pressed.png
create mode 100644 RosePine-Main-BL/xfwm4/hide-active.png
create mode 100644 RosePine-Main-BL/xfwm4/hide-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/hide-prelight.png
create mode 100644 RosePine-Main-BL/xfwm4/hide-pressed.png
create mode 100644 RosePine-Main-BL/xfwm4/left-active.png
create mode 100644 RosePine-Main-BL/xfwm4/left-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/maximize-active.png
create mode 100644 RosePine-Main-BL/xfwm4/maximize-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/maximize-prelight.png
create mode 100644 RosePine-Main-BL/xfwm4/maximize-pressed.png
create mode 100644 RosePine-Main-BL/xfwm4/maximize-toggled-active.png
create mode 100644 RosePine-Main-BL/xfwm4/maximize-toggled-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/maximize-toggled-prelight.png
create mode 100644 RosePine-Main-BL/xfwm4/maximize-toggled-pressed.png
create mode 100644 RosePine-Main-BL/xfwm4/menu-active.png
create mode 100644 RosePine-Main-BL/xfwm4/menu-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/menu-prelight.png
create mode 100644 RosePine-Main-BL/xfwm4/menu-pressed.png
create mode 100644 RosePine-Main-BL/xfwm4/right-active.png
create mode 100644 RosePine-Main-BL/xfwm4/right-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/shade-active.png
create mode 100644 RosePine-Main-BL/xfwm4/shade-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/shade-prelight.png
create mode 100644 RosePine-Main-BL/xfwm4/shade-pressed.png
create mode 100644 RosePine-Main-BL/xfwm4/shade-toggled-active.png
create mode 100644 RosePine-Main-BL/xfwm4/shade-toggled-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/shade-toggled-prelight.png
create mode 100644 RosePine-Main-BL/xfwm4/shade-toggled-pressed.png
create mode 100644 RosePine-Main-BL/xfwm4/stick-active.png
create mode 100644 RosePine-Main-BL/xfwm4/stick-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/stick-prelight.png
create mode 100644 RosePine-Main-BL/xfwm4/stick-pressed.png
create mode 100644 RosePine-Main-BL/xfwm4/stick-toggled-active.png
create mode 100644 RosePine-Main-BL/xfwm4/stick-toggled-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/stick-toggled-prelight.png
create mode 100644 RosePine-Main-BL/xfwm4/stick-toggled-pressed.png
create mode 100644 RosePine-Main-BL/xfwm4/themerc
create mode 100644 RosePine-Main-BL/xfwm4/title-1-active.png
create mode 100644 RosePine-Main-BL/xfwm4/title-1-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/title-2-active.png
create mode 100644 RosePine-Main-BL/xfwm4/title-2-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/title-3-active.png
create mode 100644 RosePine-Main-BL/xfwm4/title-3-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/title-4-active.png
create mode 100644 RosePine-Main-BL/xfwm4/title-4-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/title-5-active.png
create mode 100644 RosePine-Main-BL/xfwm4/title-5-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/top-left-active.png
create mode 100644 RosePine-Main-BL/xfwm4/top-left-inactive.png
create mode 100644 RosePine-Main-BL/xfwm4/top-right-active.png
create mode 100644 RosePine-Main-BL/xfwm4/top-right-inactive.png
delete mode 100644 tokyonight_gtk/gnome-shell-DTD/assets/background.png
delete mode 100644 tokyonight_gtk/gnome-shell-DTD/assets/more-results.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTD/assets/process-working.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTD/pad-osd.css
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/applogo.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/background.png
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/calendar-arrow-left.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/calendar-arrow-right.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/calendar-today.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/checkbox-off.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/dash-placeholder.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/more-results.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/no-events.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/no-notifications.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/noise-texture.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/process-working.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/assets/toggle-off.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/gnome-shell.css
delete mode 120000 tokyonight_gtk/gnome-shell-DTP/no-events.svg
delete mode 120000 tokyonight_gtk/gnome-shell-DTP/no-notifications.svg
delete mode 100644 tokyonight_gtk/gnome-shell-DTP/pad-osd.css
delete mode 120000 tokyonight_gtk/gnome-shell-DTP/process-working.svg
delete mode 100644 tokyonight_gtk/gtk-2.0/apps.rc
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/border.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/button-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/button-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/button-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/button.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/checkbox-checked-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/checkbox-checked-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/checkbox-checked-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/checkbox-checked.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/checkbox-mixed-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/checkbox-mixed-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/checkbox-mixed-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/checkbox-mixed.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/checkbox-unchecked-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/checkbox-unchecked-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/checkbox-unchecked-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/checkbox-unchecked.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/combo-left-entry-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/combo-left-entry-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/combo-left-entry-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/combo-left-entry.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/combo-right-entry-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/combo-right-entry-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/combo-right-entry-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/combo-right-entry.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/entry-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/entry-background-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/entry-background.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/entry-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/entry-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/entry.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/flat-button-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/flat-button-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/flat-button-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/flat-button.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/focus.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/frame-inline.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/frame-notebook.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/frame.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/handle-horz-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/handle-horz-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/handle-horz.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/handle-vert-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/handle-vert-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/handle-vert.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/menu-checkbox-checked-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/menu-checkbox-checked.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/menu-checkbox-mixed-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/menu-checkbox-mixed.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/menu-checkbox-unchecked.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/menu-radio-checked-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/menu-radio-checked.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/menu-radio-mixed-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/menu-radio-mixed.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/menu-radio-unchecked-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/menu-radio-unchecked.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-down-alt-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-down-alt.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-down-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-down.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-left-alt-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-left-alt.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-left-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-left-semi.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-left.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-right-alt-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-right-alt.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-right-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-right-semi.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-right.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-up-alt-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-up-alt.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-up-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/pan-up.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/progressbar-progress.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/progressbar-trough.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/radio-checked-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/radio-checked-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/radio-checked-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/radio-checked.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/radio-mixed-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/radio-mixed-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/radio-mixed-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/radio-mixed.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/radio-unchecked-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/radio-unchecked-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/radio-unchecked-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/radio-unchecked.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scale-horz-trough-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scale-horz-trough-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scale-horz-trough.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scale-slider-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scale-slider-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scale-slider-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scale-slider.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scale-vert-trough-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scale-vert-trough-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scale-vert-trough.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-horz-slider-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-horz-slider-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-horz-slider-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-horz-slider.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-horz-trough.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-vert-ltr-slider.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-vert-ltr-trough.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-vert-rtl-slider.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/scrollbar-vert-rtl-trough.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-ltr-down-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-ltr-down-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-ltr-down-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-ltr-down.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-ltr-up-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-ltr-up-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-ltr-up-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-ltr-up.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-rtl-down-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-rtl-down-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-rtl-down-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-rtl-down.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-rtl-up-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-rtl-up-disabled.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-rtl-up-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/spin-rtl-up.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/tab.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/treeview-ltr-button-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/treeview-ltr-button-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/treeview-ltr-button.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/treeview-rtl-button-active.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/treeview-rtl-button-hover.png
delete mode 100644 tokyonight_gtk/gtk-2.0/assets/treeview-rtl-button.png
delete mode 100644 tokyonight_gtk/gtk-2.0/gtkrc
delete mode 100644 tokyonight_gtk/gtk-2.0/hacks.rc
delete mode 100644 tokyonight_gtk/gtk-2.0/main.rc
delete mode 100644 tokyonight_gtk/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg
delete mode 100644 tokyonight_gtk/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg
delete mode 100644 tokyonight_gtk/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg
delete mode 100644 tokyonight_gtk/gtk-3.0/gtk-dark.css
delete mode 100644 tokyonight_gtk/gtk-3.0/gtk.css
delete mode 100644 tokyonight_gtk/gtk-3.0/thumbnail.png
delete mode 100644 tokyonight_gtk/gtk-4.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg
delete mode 100644 tokyonight_gtk/gtk-4.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg
delete mode 100644 tokyonight_gtk/gtk-4.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg
delete mode 100644 tokyonight_gtk/gtk-4.0/thumbnail.png
delete mode 100644 tokyonight_gtk/index.theme
diff --git a/README.md b/README.md
index 78ec61a..cce2dd1 100755
--- a/README.md
+++ b/README.md
@@ -92,15 +92,12 @@ chmod +x install-on-arch.sh
mkdir -p "$HOME"/Pictures/wallpapers
```
-5. Copy configs, scripts, fonts, gtk theme, wallpaper, vsc configs, zsh config.
+5. Copy configs, scripts, fonts, wallpaper, vsc configs, zsh config.
```sh
cp -r ./config/* "$HOME"/.config
sudo cp -r ./scripts/* /usr/local/bin
sudo cp -r ./fonts/* /usr/share/fonts
- sudo cp -r ./tokyonight_gtk /usr/share/themes
cp -r ./wallpapers/* "$HOME"/Pictures/wallpapers
- code --install-extension zhuangtongfa.Material-theme
- cp ./vsc/settings.json "$HOME"/.config/Code\ -\ OSS/User
sudo cp ./keyitdev.zsh-theme /usr/share/oh-my-zsh/custom/themes
cp ./.zshrc "$HOME"
```
@@ -113,14 +110,24 @@ chmod +x install-on-arch.sh
nvim +PackerSync
fc-cache -fv
```
-
-7. Install sddm.
+
+7. Install vsc theme.
```sh
- yay -S --needed qt5-graphicaleffects qt5-quickcontrols2 qt5-svg sddm
+ code --install-extension zhuangtongfa.Material-theme
+ cp ./vsc/settings.json "$HOME"/.config/Code\ -\ OSS/User
+ ```
+
+8. Install gtk theme.
+ ```sh
+ mkdir -p "$HOME"/.config/gtk-4.0
+ git clone https://github.com/Fausto-Korpsvart/Rose-Pine-GTK-Theme
+ sudo cp -r ./Rose-Pine-GTK-Theme/themes/RosePine-Main-BL /usr/share/themes/RosePine-Main
+ sudo cp -r ./Rose-Pine-GTK-Theme/themes/RosePine-Main-BL/gtk-4.0/* "$HOME"/.config/gtk-4.0
```
-8. Install sddm flower theme.
+9. Install sddm and sddm flower theme.
```sh
+ yay -S --needed qt5-graphicaleffects qt5-quickcontrols2 qt5-svg sddm
sudo git clone https://github.com/keyitdev/sddm-flower-theme.git /usr/share/sddm/themes/sddm-flower-theme
sudo cp /usr/share/sddm/themes/sddm-flower-theme/Fonts/* /usr/share/fonts/
echo "[Theme]
@@ -156,7 +163,7 @@ chmod +x install-on-arch.sh
- **Vscode Theme:** [One dark pro](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme)
- **Neovim Theme:** [AstroNvim](https://github.com/kabinspace/AstroVim)
- **Icons:** [Papirus dark](https://github.com/PapirusDevelopmentTeam/papirus-icon-theme)
-- **GTK Theme:** [Tokyo night](https://github.com/Fausto-Korpsvart/Tokyo-Night-GTK-Theme)
+- **GTK Theme:** [Rose Pine](https://github.com/Fausto-Korpsvart/Rose-Pine-GTK-Theme)
- **Display Manager Theme:** [Sddm-flower-theme](https://github.com/Keyitdev/sddm-flower-theme)
### Fonts
diff --git a/RosePine-Main-BL/cinnamon/assets/add-workspace-active.svg b/RosePine-Main-BL/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 0000000..4b74285
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,12 @@
+
diff --git a/RosePine-Main-BL/cinnamon/assets/add-workspace-hover.svg b/RosePine-Main-BL/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 0000000..8a1d351
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,112 @@
+
+
+
+
diff --git a/RosePine-Main-BL/cinnamon/assets/add-workspace.svg b/RosePine-Main-BL/cinnamon/assets/add-workspace.svg
new file mode 100644
index 0000000..8dba5df
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,113 @@
+
+
+
+
diff --git a/RosePine-Main-BL/cinnamon/assets/calendar-arrow-left.svg b/RosePine-Main-BL/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..dcf8298
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/calendar-arrow-left.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/RosePine-Main-BL/cinnamon/assets/calendar-arrow-right.svg b/RosePine-Main-BL/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..ed66559
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/calendar-arrow-right.svg
@@ -0,0 +1,56 @@
+
+
diff --git a/tokyonight_gtk/gnome-shell-DTP/assets/checkbox.svg b/RosePine-Main-BL/cinnamon/assets/checkbox-dark.svg
similarity index 81%
rename from tokyonight_gtk/gnome-shell-DTP/assets/checkbox.svg
rename to RosePine-Main-BL/cinnamon/assets/checkbox-dark.svg
index 2463c5c..65c1901 100644
--- a/tokyonight_gtk/gnome-shell-DTP/assets/checkbox.svg
+++ b/RosePine-Main-BL/cinnamon/assets/checkbox-dark.svg
@@ -1,3 +1,3 @@
diff --git a/RosePine-Main-BL/cinnamon/assets/checkbox-off.svg b/RosePine-Main-BL/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 0000000..110a32f
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/tokyonight_gtk/gnome-shell-DTD/assets/checkbox.svg b/RosePine-Main-BL/cinnamon/assets/checkbox.svg
similarity index 81%
rename from tokyonight_gtk/gnome-shell-DTD/assets/checkbox.svg
rename to RosePine-Main-BL/cinnamon/assets/checkbox.svg
index 2463c5c..b3a73fa 100644
--- a/tokyonight_gtk/gnome-shell-DTD/assets/checkbox.svg
+++ b/RosePine-Main-BL/cinnamon/assets/checkbox.svg
@@ -1,3 +1,3 @@
diff --git a/RosePine-Main-BL/cinnamon/assets/close-active.svg b/RosePine-Main-BL/cinnamon/assets/close-active.svg
new file mode 100644
index 0000000..0dde2b9
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/close-active.svg
@@ -0,0 +1,10 @@
+
diff --git a/RosePine-Main-BL/cinnamon/assets/close-hover.svg b/RosePine-Main-BL/cinnamon/assets/close-hover.svg
new file mode 100644
index 0000000..37f8806
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/close-hover.svg
@@ -0,0 +1,10 @@
+
diff --git a/RosePine-Main-BL/cinnamon/assets/close.svg b/RosePine-Main-BL/cinnamon/assets/close.svg
new file mode 100644
index 0000000..5dcc697
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/close.svg
@@ -0,0 +1,10 @@
+
diff --git a/RosePine-Main-BL/cinnamon/assets/corner-ripple.svg b/RosePine-Main-BL/cinnamon/assets/corner-ripple.svg
new file mode 100644
index 0000000..6440b6c
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/corner-ripple.svg
@@ -0,0 +1,5 @@
+
diff --git a/RosePine-Main-BL/cinnamon/assets/radiobutton-dark.svg b/RosePine-Main-BL/cinnamon/assets/radiobutton-dark.svg
new file mode 100644
index 0000000..375c388
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/radiobutton-dark.svg
@@ -0,0 +1,3 @@
+
diff --git a/RosePine-Main-BL/cinnamon/assets/radiobutton-off.svg b/RosePine-Main-BL/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 0000000..110a32f
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+
diff --git a/RosePine-Main-BL/cinnamon/assets/radiobutton.svg b/RosePine-Main-BL/cinnamon/assets/radiobutton.svg
new file mode 100644
index 0000000..27a8ab4
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/radiobutton.svg
@@ -0,0 +1,3 @@
+
diff --git a/tokyonight_gtk/gnome-shell-DTD/assets/toggle-off-dark.svg b/RosePine-Main-BL/cinnamon/assets/toggle-off.svg
similarity index 100%
rename from tokyonight_gtk/gnome-shell-DTD/assets/toggle-off-dark.svg
rename to RosePine-Main-BL/cinnamon/assets/toggle-off.svg
diff --git a/tokyonight_gtk/gnome-shell-DTP/assets/toggle-on.svg b/RosePine-Main-BL/cinnamon/assets/toggle-on-dark.svg
similarity index 64%
rename from tokyonight_gtk/gnome-shell-DTP/assets/toggle-on.svg
rename to RosePine-Main-BL/cinnamon/assets/toggle-on-dark.svg
index f9edb79..23f9373 100644
--- a/tokyonight_gtk/gnome-shell-DTP/assets/toggle-on.svg
+++ b/RosePine-Main-BL/cinnamon/assets/toggle-on-dark.svg
@@ -1,4 +1,4 @@
diff --git a/tokyonight_gtk/gnome-shell-DTD/assets/toggle-on.svg b/RosePine-Main-BL/cinnamon/assets/toggle-on.svg
similarity index 82%
rename from tokyonight_gtk/gnome-shell-DTD/assets/toggle-on.svg
rename to RosePine-Main-BL/cinnamon/assets/toggle-on.svg
index f9edb79..510abf1 100644
--- a/tokyonight_gtk/gnome-shell-DTD/assets/toggle-on.svg
+++ b/RosePine-Main-BL/cinnamon/assets/toggle-on.svg
@@ -1,4 +1,4 @@
diff --git a/RosePine-Main-BL/cinnamon/assets/trash-icon.svg b/RosePine-Main-BL/cinnamon/assets/trash-icon.svg
new file mode 100644
index 0000000..d78a123
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/assets/trash-icon.svg
@@ -0,0 +1,6 @@
+
diff --git a/RosePine-Main-BL/cinnamon/cinnamon.css b/RosePine-Main-BL/cinnamon/cinnamon.css
new file mode 100644
index 0000000..83c6a2d
--- /dev/null
+++ b/RosePine-Main-BL/cinnamon/cinnamon.css
@@ -0,0 +1,2269 @@
+stage {
+ font-size: 9pt;
+ color: #e0def4;
+}
+
+.label-shadow {
+ color: rgba(0, 0, 0, 0);
+}
+
+.sound-button {
+ min-height: 24px;
+ padding: 5px 32px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(224, 222, 244, 0.7);
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.sound-button:focus {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
+ border-radius: 6px;
+}
+
+.sound-button:hover:focus {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.3);
+ border-radius: 6px;
+}
+
+.sound-button:active {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.3);
+ border-radius: 6px;
+}
+
+.sound-button:insensitive {
+ color: rgba(224, 222, 244, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ border-radius: 6px;
+}
+
+.notification-button,
+.notification-icon-button,
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button,
+#notification .notification-button,
+#notification .notification-icon-button {
+ border-radius: 6px;
+ color: rgba(224, 222, 244, 0.7);
+ background-color: transparent;
+}
+
+.notification-button:hover,
+.notification-icon-button:hover,
+#notification .notification-button:hover,
+#notification .notification-icon-button:hover {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
+ border-radius: 6px;
+}
+
+.notification-button:active,
+.notification-icon-button:active,
+#notification .notification-button:active,
+#notification .notification-icon-button:active {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.3);
+ border-radius: 6px;
+}
+
+.notification-button:insensitive,
+.notification-icon-button:insensitive,
+#notification .notification-button:insensitive,
+#notification .notification-icon-button:insensitive {
+ color: rgba(224, 222, 244, 0.3);
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ min-height: 24px;
+ padding: 6px 30px;
+ transition-duration: 100ms;
+ border-radius: 6px;
+ color: rgba(224, 222, 244, 0.7);
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.modal-dialog-button-box .modal-dialog-button:hover {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.modal-dialog-button-box .modal-dialog-button:focus {
+ color: #908caa;
+}
+
+.modal-dialog-button-box .modal-dialog-button:active {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+.modal-dialog-button-box .modal-dialog-button:insensitive {
+ color: rgba(224, 222, 244, 0.3);
+ background-color: transparent;
+}
+
+#menu-search-entry,
+.notification StEntry,
+.menu #notification StEntry,
+.popup-menu #notification StEntry,
+#notification StEntry {
+ padding: 3px 12px;
+ min-height: 24px;
+ caret-size: 1px;
+ selection-background-color: #908caa;
+ selected-color: rgba(0, 0, 0, 0.87);
+ transition-duration: 300ms;
+ border-radius: 9999px;
+ color: #e0def4;
+ border: 2px solid transparent;
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+#menu-search-entry:focus,
+.notification StEntry:focus,
+.menu #notification StEntry:focus,
+.popup-menu #notification StEntry:focus,
+#notification StEntry:focus,
+#menu-search-entry:hover,
+.notification StEntry:hover,
+.menu #notification StEntry:hover,
+.popup-menu #notification StEntry:hover,
+#notification StEntry:hover {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.04);
+ border: 2px solid #908caa;
+}
+
+#menu-search-entry:insensitive,
+.notification StEntry:insensitive,
+.menu #notification StEntry:insensitive,
+.popup-menu #notification StEntry:insensitive,
+#notification StEntry:insensitive {
+ border: 2px solid transparent;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+#menu-search-entry StIcon.capslock-warning,
+.notification StEntry StIcon.capslock-warning,
+.menu #notification StEntry StIcon.capslock-warning,
+.popup-menu #notification StEntry StIcon.capslock-warning,
+#notification StEntry StIcon.capslock-warning {
+ icon-size: 16px;
+ warning-color: #f6c177;
+ padding: 0 6px;
+}
+
+StScrollView.vfade {
+ -st-vfade-offset: 0px;
+}
+
+StScrollView.hfade {
+ -st-hfade-offset: 0px;
+}
+
+StScrollBar {
+ padding: 8px;
+}
+
+StScrollView StScrollBar {
+ min-width: 5px;
+ min-height: 5px;
+}
+
+StScrollBar StBin#trough {
+ background-color: rgba(38, 35, 58, 0.1);
+ border-radius: 9999px;
+}
+
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+ border-radius: 9999px;
+ background-color: gray;
+ border: 0px solid;
+ margin: 0px;
+}
+
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+ background-color: #524f67;
+}
+
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+ background-color: #908caa;
+}
+
+.separator {
+ -gradient-height: 1px;
+ -gradient-start: rgba(0, 0, 0, 0);
+ -gradient-end: rgba(0, 0, 0, 0);
+ -margin-horizontal: 1.5em;
+ height: 1em;
+}
+
+.popup-slider-menu-item,
+.slider {
+ -slider-height: 4px;
+ -slider-background-color: rgba(224, 222, 244, 0.12);
+ -slider-border-color: transparent;
+ -slider-active-background-color: #908caa;
+ -slider-active-border-color: transparent;
+ -slider-border-width: 0;
+ -slider-handle-radius: 4px;
+ height: 18px;
+ min-width: 15em;
+ border: 0 solid transparent;
+ border-right-width: 1px;
+ border-left-width: 5px;
+ color: transparent;
+}
+
+.check-box CinnamonGenericContainer {
+ spacing: 0.2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.check-box StLabel {
+ font-weight: normal;
+}
+
+.check-box StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.check-box StBin,
+.check-box:focus StBin {
+ background-image: url('assets/checkbox-off.svg');
+}
+
+.check-box:checked StBin,
+.check-box:focus:checked StBin {
+ background-image: url('assets/checkbox-dark.svg');
+}
+
+.radiobutton CinnamonGenericContainer {
+ spacing: 0.2em;
+ min-height: 30px;
+ padding-top: 2px;
+}
+
+.radiobutton StLabel {
+ padding-top: 4px;
+ font-size: 0.9em;
+ box-shadow: none;
+}
+
+.radiobutton StBin {
+ width: 24px;
+ height: 24px;
+}
+
+.radiobutton StBin,
+.radiobutton:focus StBin {
+ background-image: url('assets/radiobutton-off.svg');
+}
+
+.radiobutton:checked StBin,
+.radiobutton:focus:checked StBin {
+ background-image: url('assets/radiobutton-dark.svg');
+}
+
+.toggle-switch {
+ width: 40px;
+ height: 20px;
+ background-size: contain;
+ background-image: url('assets/toggle-off.svg');
+}
+
+.toggle-switch:checked {
+ background-image: url('assets/toggle-on-dark.svg');
+}
+
+.popup-menu-item:active .toggle-switch {
+ background-image: url('assets/toggle-off.svg');
+}
+
+.popup-menu-item:active .toggle-switch:checked {
+ background-image: url('assets/toggle-on-dark.svg');
+}
+
+.cinnamon-link {
+ color: #2196f3;
+ text-decoration: underline;
+}
+
+.cinnamon-link:hover {
+ color: #51adf6;
+}
+
+#Tooltip {
+ border-radius: 9999px;
+ padding: 6px 12px;
+ background-color: rgba(33, 32, 46, 0.9);
+ color: #e0def4;
+ margin: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ font-size: 1em;
+ font-weight: normal;
+ text-align: center;
+}
+
+.menu,
+.popup-menu,
+.popup-combo-menu {
+ padding: 3px;
+ color: #e0def4;
+ background-color: rgba(38, 35, 58, 0.95);
+ border-radius: 12px;
+ margin: 6px;
+ border: 1px solid rgba(224, 222, 244, 0.2);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+ 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+ 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
+}
+
+.menu-arrow,
+.popup-menu-arrow {
+ icon-size: 16px;
+}
+
+.menu .popup-sub-menu,
+.popup-menu .popup-sub-menu,
+.popup-combo-menu .popup-sub-menu {
+ border-radius: 6px;
+ background-gradient-direction: none;
+ box-shadow: none;
+ background-color: #908caa;
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.menu .popup-sub-menu .popup-menu-item:active,
+.popup-menu .popup-sub-menu .popup-menu-item:active,
+.popup-combo-menu .popup-sub-menu .popup-menu-item:active {
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu .popup-sub-menu StScrollBar,
+.popup-menu .popup-sub-menu StScrollBar,
+.popup-combo-menu .popup-sub-menu StScrollBar {
+ padding: 4px;
+}
+
+.menu .popup-sub-menu StScrollBar StBin#trough,
+.menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
+.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
+ border-width: 0;
+}
+
+.menu .popup-menu-content,
+.popup-menu .popup-menu-content,
+.popup-combo-menu .popup-menu-content {
+ padding: 3px;
+}
+
+.menu .popup-menu-item,
+.popup-menu .popup-menu-item,
+.popup-combo-menu .popup-menu-item {
+ padding: 6px 12px;
+ spacing: 12px;
+ border-radius: 6px;
+}
+
+.menu .popup-menu-item:hover,
+.menu .popup-menu-item:active,
+.popup-menu .popup-menu-item:hover,
+.popup-menu .popup-menu-item:active,
+.popup-combo-menu .popup-menu-item:hover,
+.popup-combo-menu .popup-menu-item:active {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.menu .popup-menu-item:insensitive,
+.popup-menu .popup-menu-item:insensitive,
+.popup-combo-menu .popup-menu-item:insensitive {
+ color: rgba(224, 222, 244, 0.5);
+ background: none;
+}
+
+.menu .popup-inactive-menu-item,
+.popup-menu .popup-inactive-menu-item,
+.popup-combo-menu .popup-inactive-menu-item {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.menu .popup-inactive-menu-item:insensitive,
+.popup-menu .popup-inactive-menu-item:insensitive,
+.popup-combo-menu .popup-inactive-menu-item:insensitive {
+ color: rgba(224, 222, 244, 0.12);
+}
+
+.menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
+.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.menu-icon,
+.popup-menu-icon {
+ icon-size: 16px;
+}
+
+.popup-menu-boxpointer {
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(0, 0, 0, 0);
+ -arrow-border-width: 0;
+ -arrow-border-color: rgba(0, 0, 0, 0);
+ -arrow-base: 0;
+ -arrow-rise: 0;
+}
+
+.popup-combo-menu {
+ padding: 12px;
+}
+
+.popup-combobox-item {
+ spacing: 1em;
+}
+
+.popup-separator-menu-item {
+ -gradient-height: 0;
+ -gradient-start: transparent;
+ -gradient-end: transparent;
+ -margin-horizontal: 1.5em;
+ height: 0;
+ margin: 0;
+ padding: 0;
+ border-color: rgba(224, 222, 244, 0.12);
+ border-bottom-width: 0;
+ border-bottom-style: solid;
+ background-color: transparent;
+}
+
+.popup-alternating-menu-item:alternate {
+ font-weight: normal;
+}
+
+.popup-device-menu-item {
+ spacing: 0.5em;
+}
+
+.popup-subtitle-menu-item {
+ font-weight: normal;
+}
+
+.nm-menu-item-icons {
+ spacing: 0.5em;
+}
+
+#panel {
+ font-weight: bold;
+ height: 36px;
+ width: 42px;
+}
+
+#panel:highlight {
+ border-image: none;
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+#panelLeft {
+ spacing: 4px;
+}
+
+#panelLeft:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(255, 0, 0, 0.05);
+ background-gradient-end: rgba(255, 0, 0, 0.2);
+}
+
+#panelLeft:ltr {
+ padding-right: 4px;
+}
+
+#panelLeft:rtl {
+ padding-left: 4px;
+}
+
+#panelLeft.vertical {
+ padding: 0;
+}
+
+#panelLeft.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelLeft.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelRight:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 0, 255, 0.05);
+ background-gradient-end: rgba(0, 0, 255, 0.2);
+}
+
+#panelRight:ltr {
+ padding-left: 6px;
+ spacing: 0px;
+}
+
+#panelRight:rtl {
+ padding-right: 6px;
+ spacing: 0px;
+}
+
+#panelRight.vertical {
+ padding: 0;
+}
+
+#panelRight.vertical:ltr {
+ padding-right: 0px;
+}
+
+#panelRight.vertical:rtl {
+ padding-left: 0px;
+}
+
+#panelCenter {
+ spacing: 4px;
+}
+
+#panelCenter:dnd {
+ background-gradient-direction: vertical;
+ background-gradient-start: rgba(0, 255, 0, 0.05);
+ background-gradient-end: rgba(0, 255, 0, 0.2);
+}
+
+.panel-top,
+.panel-bottom,
+.panel-left,
+.panel-right {
+ color: rgba(224, 222, 244, 0.7);
+ font-size: 1em;
+ padding: 0px;
+ background-color: rgba(25, 23, 36, 0.95);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
+}
+
+.panel-top .panel-button:hover,
+.panel-top .panel-status-button:hover,
+.panel-bottom .panel-button:hover,
+.panel-bottom .panel-status-button:hover,
+.panel-left .panel-button:hover,
+.panel-left .panel-status-button:hover,
+.panel-right .panel-button:hover,
+.panel-right .panel-status-button:hover {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.panel-top .panel-button:active,
+.panel-top .panel-status-button:active,
+.panel-bottom .panel-button:active,
+.panel-bottom .panel-status-button:active,
+.panel-left .panel-button:active,
+.panel-left .panel-status-button:active,
+.panel-right .panel-button:active,
+.panel-right .panel-status-button:active {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #908caa;
+}
+
+.panel-dummy {
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.panel-dummy:entered {
+ background-color: rgba(242, 139, 130, 0.6);
+}
+
+.panel-status-button {
+ border-width: 0;
+ -natural-hpadding: 3px;
+ -minimum-hpadding: 3px;
+ font-weight: bold;
+ height: 22px;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.panel-button {
+ -natural-hpadding: 6px;
+ -minimum-hpadding: 2px;
+ font-weight: bold;
+ transition-duration: 100ms;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.system-status-icon {
+ icon-size: 16px;
+ padding: 0 1px;
+}
+
+#overview {
+ spacing: 12px;
+}
+
+.window-caption {
+ background-color: rgba(33, 32, 46, 0.9);
+ border: 1px solid rgba(33, 32, 46, 0.9);
+ color: #e0def4;
+ spacing: 25px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+}
+
+#selected.window-caption {
+ background-color: #908caa;
+ color: rgba(0, 0, 0, 0.87);
+ border: 1px solid #908caa;
+ spacing: 25px;
+}
+
+.expo-workspaces-name-entry,
+#selected.expo-workspaces-name-entry {
+ height: 15px;
+ border-radius: 6px;
+ font-size: 9pt;
+ padding: 5px 8px;
+ -cinnamon-caption-spacing: 4px;
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.04);
+ border: 2px solid transparent;
+}
+
+.expo-workspaces-name-entry:focus,
+#selected.expo-workspaces-name-entry:focus {
+ border: 1px solid #908caa;
+ background-color: #908caa;
+ color: rgba(0, 0, 0, 0.87);
+ font-style: italic;
+ transition-duration: 300;
+ selection-background-color: rgba(0, 0, 0, 0.87);
+ selected-color: #908caa;
+}
+
+.expo-workspace-thumbnail-frame {
+ border: 4px solid rgba(224, 222, 244, 0);
+ background-color: rgba(224, 222, 244, 0);
+ border-radius: 6px;
+}
+
+#active.expo-workspace-thumbnail-frame {
+ border: 4px solid #908caa;
+ background-color: black;
+ border-radius: 6px;
+}
+
+.expo-background {
+ background-color: #191919;
+}
+
+.workspace-thumbnails {
+ spacing: 26px;
+}
+
+.workspace-thumbnails-background,
+.workspace-thumbnails-background:rtl {
+ padding: 8px;
+}
+
+.workspace-add-button {
+ background-image: url('assets/add-workspace.svg');
+ height: 200px;
+ width: 35px;
+ transition-duration: 100;
+}
+
+.workspace-add-button:hover {
+ background-image: url('assets/add-workspace-hover.svg');
+ transition-duration: 100;
+}
+
+.workspace-add-button:active {
+ background-image: url('assets/add-workspace-active.svg');
+ transition-duration: 100;
+}
+
+.workspace-overview-background-shade {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.workspace-close-button,
+.window-close {
+ background-image: url('assets/close.svg');
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+ -cinnamon-close-overlap: 13px;
+}
+
+.workspace-close-button:hover,
+.window-close:hover {
+ background-image: url('assets/close-hover.svg');
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-close-button:active,
+.window-close:active {
+ background-image: url('assets/close-active.svg');
+ background-size: 26px;
+ height: 26px;
+ width: 26px;
+}
+
+.workspace-thumbnail-indicator {
+ outline: 2px solid red;
+ border: 1px solid green;
+}
+
+.window-close:rtl {
+ -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-close-area {
+ background-image: url('assets/trash-icon.svg');
+ height: 120px;
+ width: 400px;
+}
+
+.about-content {
+ width: 550px;
+ height: 250px;
+ spacing: 8px;
+ padding-bottom: 10px;
+}
+
+.about-title {
+ font-size: 2em;
+ font-weight: bold;
+}
+
+.about-uuid {
+ font-size: 10px;
+ color: #6e6a86;
+}
+
+.about-icon {
+ padding-right: 20px;
+ padding-bottom: 14px;
+}
+
+.about-scrollBox {
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ border-radius: 6px;
+ background-color: #191724;
+ padding: 4px;
+ padding-right: 0;
+ border-radius: 0;
+}
+
+.about-scrollBox-innerBox {
+ padding: 1.2em;
+ spacing: 1.2em;
+}
+
+.about-description {
+ padding-top: 4px;
+ padding-bottom: 16px;
+}
+
+.about-version {
+ padding-left: 7px;
+ font-size: 10px;
+ color: #6e6a86;
+}
+
+.calendar {
+ padding: 0.4em 1.75em;
+ spacing-rows: 0px;
+ spacing-columns: 0px;
+}
+
+.calendar-month-label {
+ color: #e0def4;
+ font-weight: bold;
+ margin: 0 2px;
+ padding: 2px;
+}
+
+.calendar-change-month-back,
+.calendar-change-month-forward {
+ width: 24px;
+ height: 24px;
+ margin: 0;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+.calendar-change-month-back:focus,
+.calendar-change-month-back:hover,
+.calendar-change-month-forward:focus,
+.calendar-change-month-forward:hover {
+ background-color: rgba(224, 222, 244, 0.1);
+}
+
+.calendar-change-month-back:active,
+.calendar-change-month-forward:active {
+ background-color: rgba(224, 222, 244, 0.25);
+}
+
+.calendar-change-month-back {
+ background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.calendar-change-month-back:rtl {
+ background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward {
+ background-image: url('assets/calendar-arrow-right.svg');
+}
+
+.calendar-change-month-forward:rtl {
+ background-image: url('assets/calendar-arrow-left.svg');
+}
+
+.datemenu-date-label {
+ padding: 0.4em 1.75em;
+ font-weight: normal;
+ text-align: center;
+ font-size: 14px;
+ color: #e0def4;
+ border-radius: 6px;
+}
+
+.calendar-day-base {
+ text-align: center;
+ width: 28px;
+ height: 28px;
+ padding: 0;
+ margin: 2px;
+ border-radius: 9999px;
+}
+
+.calendar-day-heading {
+ color: rgba(224, 222, 244, 0.7);
+ margin-top: 1em;
+}
+
+.calendar-day {
+ border-width: 0;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.calendar-day-top {
+ border-top-width: 0;
+}
+
+.calendar-day-left {
+ border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+ color: #e0def4;
+ background-color: transparent;
+ font-weight: bold;
+}
+
+.calendar-today,
+.calendar-today:active,
+.calendar-today:focus,
+.calendar-today:hover {
+ font-weight: bold;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #908caa;
+ border-width: 0;
+}
+
+.calendar-other-month-day {
+ color: rgba(224, 222, 244, 0.7);
+ opacity: 1;
+}
+
+.calendar-week-number {
+ width: 20px;
+ height: 20px;
+ margin: 6px 0;
+ color: rgba(224, 222, 244, 0.3);
+ font-weight: bold;
+ background-color: rgba(224, 222, 244, 0.04);
+ border-radius: 9999px;
+}
+
+.calendar-week-number StLabel {
+ padding: 0;
+ margin-top: 3px;
+}
+
+#notification {
+ border-radius: 12px;
+ padding: 12px;
+ spacing-rows: 9px;
+ spacing-columns: 9px;
+ margin-from-right-edge-of-screen: 18px;
+ width: 28em;
+ color: #e0def4;
+ background-color: rgba(38, 35, 58, 0.8);
+ box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
+ margin: 7px 12px 17px 12px;
+}
+
+#notification .notification-button,
+#notification .notification-icon-button {
+ padding: 6px;
+}
+
+.menu #notification,
+.popup-menu #notification {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(224, 222, 244, 0.05);
+ box-shadow: none;
+ margin: 0;
+}
+
+.menu #notification:hover,
+.popup-menu #notification:hover {
+ background-color: rgba(224, 222, 244, 0.1);
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
+}
+
+.menu #notification,
+.menu #notification.multi-line-notification,
+.popup-menu #notification,
+.popup-menu #notification.multi-line-notification {
+ color: #e0def4;
+}
+
+.menu #notification .notification-button,
+.menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button {
+ padding: 6px;
+}
+
+#notification.multi-line-notification {
+ padding-bottom: 12px;
+ color: #e0def4;
+}
+
+#notification-scrollview {
+ max-height: 10em;
+}
+
+#notification-scrollview > .top-shadow,
+#notification-scrollview > .bottom-shadow {
+ height: 1em;
+}
+
+#notification-scrollview:ltr > StScrollBar {
+ padding-left: 6px;
+}
+
+#notification-scrollview:rtl > StScrollBar {
+ padding-right: 6px;
+}
+
+#notification-body {
+ spacing: 6px;
+}
+
+#notification-actions {
+ spacing: 9px;
+}
+
+.notification-with-image {
+ min-height: 159px;
+ color: #e0def4;
+}
+
+.notification-button,
+.notification-icon-button {
+ padding: 6px;
+}
+
+.notification-icon-button > StIcon {
+ icon-size: 36px;
+}
+
+#altTabPopup {
+ padding: 8px;
+ spacing: 16px;
+}
+
+.switcher-list {
+ color: #e0def4;
+ background-color: rgba(38, 35, 58, 0.95);
+ border: none;
+ border-radius: 6px;
+ padding: 20px;
+}
+
+.switcher-list > StBoxLayout {
+ padding: 4px;
+}
+
+.switcher-list-item-container {
+ spacing: 8px;
+}
+
+.switcher-list .item-box {
+ padding: 8px;
+ border-radius: 6px;
+}
+
+.switcher-list .item-box:outlined {
+ padding: 8px;
+ border: 1px solid #908caa;
+}
+
+.switcher-list .item-box:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #908caa;
+ border: 0px solid #908caa;
+}
+
+.switcher-list .thumbnail {
+ width: 256px;
+}
+
+.switcher-list .thumbnail-box {
+ padding: 2px;
+ spacing: 4px;
+}
+
+.switcher-list .separator {
+ width: 1px;
+ background: rgba(224, 222, 244, 0.2);
+}
+
+.switcher-arrow {
+ border-color: rgba(0, 0, 0, 0);
+ color: #e0def4;
+}
+
+.switcher-arrow:highlighted {
+ border-color: rgba(0, 0, 0, 0);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.thumbnail-scroll-gradient-left {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topright: 0px;
+ border-radius-bottomright: 0px;
+ width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 24px;
+ border-radius-topleft: 0px;
+ border-radius-bottomleft: 0px;
+ width: 60px;
+}
+
+.ripple-box {
+ width: 104px;
+ height: 104px;
+ background-image: url('assets/corner-ripple.svg');
+ background-size: contain;
+}
+
+.lightbox {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.flashspot {
+ background-color: #e0def4;
+}
+
+.modal-dialog {
+ color: #e0def4;
+ background-color: rgba(38, 35, 58, 0.95);
+ border: 1px solid rgba(0, 0, 0, 0.65);
+ padding: 0 5px 6px 5px;
+ border-radius: 6px;
+ box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
+}
+
+.modal-dialog > StBoxLayout:first-child {
+ padding: 20px 10px 10px 10px;
+}
+
+.modal-dialog-button-box {
+ spacing: 0;
+ margin: 0;
+ padding: 14px 10px;
+ background-color: transparent;
+ border: none;
+}
+
+.modal-dialog-button-box .modal-dialog-button {
+ padding-top: 0;
+ padding-bottom: 0;
+ height: 30px;
+}
+
+.run-dialog {
+ padding: 6px 12px;
+ background-color: rgba(33, 32, 46, 0.9);
+ border-radius: 6px;
+ color: #e0def4;
+}
+
+.run-dialog > * {
+ padding: 0;
+}
+
+.run-dialog-label {
+ font-size: 0;
+ font-weight: bold;
+ color: #e0def4;
+ padding-bottom: 0;
+}
+
+.run-dialog-error-label {
+ color: #eb6f92;
+}
+
+.run-dialog-error-box {
+ padding-top: 15px;
+ spacing: 5px;
+}
+
+.run-dialog-completion-box {
+ padding-left: 15px;
+ font-size: 10px;
+}
+
+.run-dialog-entry {
+ width: 21em;
+ padding: 3px 12px;
+ border-radius: 6px;
+ caret-color: #e0def4;
+ selected-color: rgba(0, 0, 0, 0.87);
+ selection-background-color: #908caa;
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.04);
+ border: 2px solid transparent;
+}
+
+.run-dialog-entry:focus {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.04);
+ border: 2px solid #ebbcba;
+}
+
+.run-dialog .modal-dialog-button-box {
+ border: none;
+ box-shadow: none;
+ background: none;
+ background-gradient-direction: none;
+}
+
+/* CinnamonMountOperation Dialogs */
+.cinnamon-mount-operation-icon {
+ icon-size: 48px;
+}
+
+.mount-password-reask {
+ color: #f6c177;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+ spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+ padding-top: 10px;
+ padding-left: 17px;
+ padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+ padding-left: 0px;
+ padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+ padding-left: 17px;
+ width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+ max-height: 200px;
+ padding-top: 24px;
+ padding-left: 49px;
+ padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+ padding-right: 49px;
+ padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+ color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+ color: #e0def4;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+ padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+ padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+ padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+ padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+ font-size: 1.1em;
+}
+
+.magnifier-zoom-region {
+ border: 2px solid maroon;
+}
+
+.magnifier-zoom-region .full-screen {
+ border-width: 0px;
+}
+
+#keyboard {
+ background-color: rgba(33, 32, 46, 0.9);
+ border-width: 0;
+ border-top-width: 1px;
+ border-color: rgba(0, 0, 0, 0.4);
+}
+
+.keyboard-layout {
+ spacing: 10px;
+ padding: 10px;
+}
+
+.keyboard-row {
+ spacing: 15px;
+}
+
+.keyboard-key {
+ min-height: 2em;
+ min-width: 2em;
+ font-size: 14pt;
+ font-weight: bold;
+ border-radius: 6px;
+ box-shadow: none;
+ color: rgba(224, 222, 244, 0.7);
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.keyboard-key:hover {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.keyboard-key:active,
+.keyboard-key:checked {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+.keyboard-key:grayed {
+ color: rgba(224, 222, 244, 0.3);
+ background-color: transparent;
+}
+
+.keyboard-subkeys {
+ color: #e0def4;
+ padding: 5px;
+ -arrow-border-radius: 6px;
+ -arrow-background-color: rgba(33, 32, 46, 0.9);
+ -arrow-border-width: 1px;
+ -arrow-border-color: rgba(0, 0, 0, 0.4);
+ -arrow-base: 20px;
+ -arrow-rise: 10px;
+ -boxpointer-gap: 5px;
+}
+
+.menu-favorites-box {
+ margin: auto;
+ margin-bottom: 6px;
+ padding: 6px;
+ transition-duration: 300;
+ background-color: rgba(224, 222, 244, 0.05);
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button {
+ padding: 9px;
+ border: none;
+ border-radius: 6px;
+}
+
+.menu-favorites-button:hover {
+ border-radius: 6px;
+ background-color: rgba(224, 222, 244, 0.1);
+}
+
+.menu-places-box {
+ margin: auto;
+ padding: 9px;
+ border: 1px solid rgba(0, 0, 0, 0);
+}
+
+.menu-places-button {
+ padding: 9px;
+}
+
+.menu-categories-box {
+ padding: 9px 30px;
+}
+
+.menu-applications-inner-box,
+.menu-applications-outer-box {
+ padding: 9px 9px 0 9px;
+}
+
+.menu-application-button {
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-selected {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
+ padding: 6px;
+ border-radius: 6px;
+ border: none;
+}
+
+.menu-application-button-selected:highlighted {
+ font-weight: bold;
+}
+
+.menu-application-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-application-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button {
+ padding: 3px 0;
+ border-radius: 6px;
+ background-color: #908caa;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item {
+ padding: 0;
+ spacing: 0;
+ margin: 0 3px;
+ border-radius: 6px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:ltr {
+ padding-left: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:rtl {
+ padding-right: 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item:active {
+ border-image: none;
+ background-color: rgba(0, 0, 0, 0.12);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StIcon {
+ min-width: 22px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
+ padding: 6px 0 6px 6px;
+}
+
+.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
+ padding: 6px 6px 6px 0;
+}
+
+.menu-category-button {
+ padding: 6px;
+ border-radius: 6px;
+}
+
+.menu-category-button-selected {
+ padding: 6px;
+}
+
+.menu-category-button-hover,
+.menu-category-button-selected {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
+ border-radius: 6px;
+}
+
+.menu-category-button-greyed {
+ padding: 6px;
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.menu-category-button-label:ltr {
+ padding-left: 6px;
+}
+
+.menu-category-button-label:rtl {
+ padding-right: 6px;
+}
+
+.menu-selected-app-box {
+ padding-right: 30px;
+ padding-left: 28px;
+ text-align: right;
+ height: 30px;
+}
+
+.menu-selected-app-box:rtl {
+ padding-top: 10px;
+ height: 30px;
+}
+
+.menu-selected-app-title {
+ font-weight: bold;
+}
+
+.menu-selected-app-description {
+ max-width: 150px;
+ margin-bottom: 6px;
+}
+
+.menu-search-box:ltr {
+ padding-left: 30px;
+}
+
+.menu-search-box-rtl {
+ padding-right: 30px;
+}
+
+#menu-search-entry {
+ width: 250px;
+ height: 15px;
+ font-weight: normal;
+ caret-color: #e0def4;
+}
+
+.menu-search-entry-icon {
+ icon-size: 1em;
+ color: #e0def4;
+}
+
+.info-osd {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 16px;
+ color: rgba(224, 222, 244, 0.7);
+ background-color: rgba(25, 23, 36, 0.85);
+}
+
+.osd-window {
+ text-align: center;
+ font-weight: bold;
+ spacing: 1em;
+ padding: 20px;
+ min-width: 64px;
+ min-height: 64px;
+ color: rgba(224, 222, 244, 0.7);
+ border-radius: 0;
+ background-color: rgba(25, 23, 36, 0.85);
+ border: none;
+}
+
+.osd-window .osd-monitor-label {
+ font-size: 3em;
+}
+
+.osd-window .level {
+ padding: 0;
+ height: 4px;
+ background-color: rgba(0, 0, 0, 0.35);
+ border-radius: 6px;
+ color: #908caa;
+}
+
+.osd-window .level-bar {
+ border-radius: 6px;
+ background-color: #908caa;
+}
+
+.window-list-box {
+ spacing: 2px;
+}
+
+.panel-bottom .window-list-box:ltr,
+.panel-top .window-list-box:ltr {
+ padding: 0 0 0 8px;
+}
+
+.panel-bottom .window-list-box:rtl,
+.panel-top .window-list-box:rtl {
+ padding: 0 8px 0 0;
+}
+
+.window-list-box.vertical {
+ padding: 6px 0 0 0;
+}
+
+.window-list-box.vertical #appMenuIcon {
+ padding-top: 2px;
+}
+
+.window-list-box:highlight {
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.window-list-item-label {
+ font-weight: normal;
+ width: 15em;
+ min-width: 5px;
+}
+
+.window-list-item-box {
+ font-weight: normal;
+ background-image: none;
+ transition-duration: 100ms;
+ color: rgba(224, 222, 244, 0.9);
+ border-radius: 0;
+}
+
+.panel-bottom .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-top .window-list-item-box StLabel {
+ padding-left: 6px;
+}
+
+.panel-left .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-right .window-list-item-box StLabel {
+ padding-top: 6px;
+}
+
+.panel-top .window-list-item-box {
+ border-top: 2px solid transparent;
+}
+
+.panel-top .window-list-item-box StIcon,
+.panel-top .window-list-item-box StBin,
+.panel-top .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-top: 0;
+}
+
+.panel-bottom .window-list-item-box {
+ border-bottom: 2px solid transparent;
+}
+
+.panel-bottom .window-list-item-box StIcon,
+.panel-bottom .window-list-item-box StBin,
+.panel-bottom .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-bottom: 0;
+}
+
+.panel-left .window-list-item-box {
+ border-left: 2px solid transparent;
+}
+
+.panel-left .window-list-item-box StIcon,
+.panel-left .window-list-item-box StBin,
+.panel-left .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-left: 0;
+}
+
+.panel-right .window-list-item-box {
+ border-right: 2px solid transparent;
+}
+
+.panel-right .window-list-item-box StIcon,
+.panel-right .window-list-item-box StBin,
+.panel-right .window-list-item-box #appMenuIcon {
+ padding: 2px;
+ padding-right: 0;
+}
+
+.window-list-item-box:hover {
+ color: rgba(224, 222, 244, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(224, 222, 244, 0.15);
+}
+
+.window-list-item-box:active,
+.window-list-item-box:checked,
+.window-list-item-box:running {
+ color: rgba(224, 222, 244, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(224, 222, 244, 0.25);
+ border-color: rgba(224, 222, 244, 0.3);
+}
+
+.window-list-item-box:active:hover,
+.window-list-item-box:checked:hover,
+.window-list-item-box:running:hover {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+.window-list-item-box:focus {
+ color: rgba(224, 222, 244, 0.7);
+ background-gradient-direction: none;
+ background-image: radial-gradient(
+ 5px 5px 45deg,
+ circle cover,
+ rgba(224, 222, 244, 0.7) 0%,
+ rgba(224, 222, 244, 0.7) 100%
+ );
+ border-color: #908caa;
+ background-color: rgba(224, 222, 244, 0.2);
+}
+
+.window-list-item-box:focus:hover {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+.panel-top .window-list-item-box:focus {
+ background-position: top center;
+}
+
+.panel-bottom .window-list-item-box:focus {
+ background-position: bottom center;
+}
+
+.panel-left .window-list-item-box:focus {
+ background-position: left center;
+}
+
+.panel-right .window-list-item-box:focus {
+ background-position: right center;
+}
+
+.window-list-item-box.right,
+.window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px;
+}
+
+.window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #9ccfd8;
+ background-gradient-end: #9ccfd8;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.window-list-item-demands-attention {
+ background-gradient-start: #f6c177;
+ background-gradient-end: #f6c177;
+}
+
+.window-list-preview {
+ padding: 12px;
+ spacing: 6px;
+ border: none;
+ background-color: #191724;
+ border-radius: 6px;
+ color: #e0def4;
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
+}
+
+.grouped-window-list-thumbnail-label {
+ padding-left: 4px;
+}
+
+.grouped-window-list-thumbnail-alert {
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.grouped-window-list-thumbnail-menu {
+ padding: 6px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box {
+ padding: 6px;
+ border-radius: 6px;
+ spacing: 6px;
+ margin: 1px;
+}
+
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+ background-color: rgba(224, 222, 244, 0.1);
+}
+
+.grouped-window-list-thumbnail-menu .item-box:hover {
+ background-color: rgba(224, 222, 244, 0.15);
+}
+
+.grouped-window-list-thumbnail-menu .thumbnail {
+ width: 256px;
+}
+
+.grouped-window-list-thumbnail-menu .separator {
+ width: 1px;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.grouped-window-list-number-label {
+ z-index: 120;
+ text-shadow: none;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0;
+}
+
+.grouped-window-list-button-label {
+ padding-left: 2px;
+}
+
+.grouped-window-list-badge {
+ border-radius: 256px;
+ background-color: #908caa;
+}
+
+.grouped-window-list-item-box {
+ font-weight: normal;
+ transition-duration: 100ms;
+ border: none;
+ margin: 0;
+ color: rgba(224, 222, 244, 0.6);
+ border-radius: 0;
+ spacing: 6px;
+ border-bottom: 2px solid transparent;
+}
+
+.grouped-window-list-item-box.top,
+.grouped-window-list-item-box.bottom {
+ padding: 0 2px;
+}
+
+.grouped-window-list-item-box:hover {
+ color: rgba(224, 222, 244, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(224, 222, 244, 0.15);
+}
+
+.grouped-window-list-item-box:active {
+ color: rgba(224, 222, 244, 0.7);
+ background-gradient-direction: none;
+ background-color: transparent;
+ border-color: rgba(224, 222, 244, 0.3);
+}
+
+.grouped-window-list-item-box:active:hover {
+ background-color: rgba(224, 222, 244, 0.15);
+}
+
+.grouped-window-list-item-box:focus {
+ color: rgba(224, 222, 244, 0.7);
+ background-gradient-direction: none;
+ background-color: rgba(224, 222, 244, 0.2);
+ border-color: #908caa;
+}
+
+.grouped-window-list-item-box:focus:hover {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+.grouped-window-list-item-box .progress {
+ background-gradient-direction: vertical;
+ background-gradient-start: #9ccfd8;
+ background-gradient-end: #9ccfd8;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+.grouped-window-list-item-demands-attention {
+ background-gradient-start: #f6c177;
+ background-gradient-end: #f6c177;
+}
+
+.sound-button {
+ width: 22px;
+ height: 13px;
+ padding: 8px;
+}
+
+.sound-button-container {
+ padding-right: 3px;
+ padding-left: 3px;
+}
+
+.sound-button StIcon {
+ icon-size: 1.4em;
+}
+
+.sound-track-infos {
+ padding: 5px;
+}
+
+.sound-track-info {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.sound-track-info StIcon {
+ icon-size: 16px;
+}
+
+.sound-track-info StLabel {
+ padding-left: 5px;
+ padding-right: 5px;
+}
+
+.sound-track-box {
+ padding-left: 15px;
+ padding-right: 15px;
+ max-width: 220px;
+}
+
+.sound-seek-box {
+ padding-left: 15px;
+}
+
+.sound-seek-box StLabel {
+ padding-top: 2px;
+}
+
+.sound-seek-box StIcon {
+ icon-size: 16px;
+}
+
+.sound-seek-slider {
+ width: 140px;
+}
+
+.sound-volume-menu-item {
+ padding: 0.4em 1.75em;
+}
+
+.sound-volume-menu-item StIcon {
+ icon-size: 1.14em;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+.sound-playback-control {
+ padding: 5px 10px 10px 10px;
+}
+
+.sound-player {
+ padding: 0 0;
+ margin-top: 6px;
+ border-radius: 6px;
+ background-color: #908caa;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.sound-player > StBoxLayout:first-child {
+ padding: 5px 10px 10px 10px;
+ spacing: 0.5em;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small {
+ width: 24px;
+ height: 24px;
+ border-radius: 9999px;
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:hover {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small:active {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.sound-player > StBoxLayout:first-child StButton:small StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-generic-coverart {
+ background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+ width: 290px;
+ height: 80px;
+ padding: 12px 18px;
+ spacing: 6px;
+ background-color: rgba(0, 0, 0, 0.45);
+ border: none;
+ border-radius: 0 0 6px 6px;
+ color: #e0def4;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton {
+ width: 16px;
+ height: 16px;
+ padding: 8px;
+ margin: 0 6px 6px;
+ color: #e0def4;
+ border-radius: 9999px;
+ border: none;
+ text-shadow: none;
+}
+
+.sound-player-overlay StButton StIcon {
+ icon-size: 16px;
+}
+
+.sound-player-overlay StButton:hover {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.sound-player-overlay StButton:active {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+.sound-player-overlay StButton:insensitive {
+ opacty: 0.35;
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.sound-player-overlay StLabel {
+ padding: 0 6px;
+}
+
+.sound-player-overlay StBoxLayout {
+ padding-top: 2px;
+}
+
+.sound-player .slider {
+ height: 0.5em;
+ padding: 0;
+ border: 0px solid rgba(5, 5, 5, 0.9);
+ border-bottom: 1px;
+ -slider-height: 0.5em;
+ -slider-background-color: #1f1d2e;
+ -slider-border-color: rgba(0, 0, 0, 0);
+ -slider-active-background-color: #908caa;
+ -slider-active-border-color: rgba(0, 0, 0, 0);
+ -slider-border-width: 0px;
+ -slider-handle-radius: 0px;
+}
+
+#workspaceSwitcher {
+ spacing: 0px;
+ padding: 3px;
+}
+
+/* Controls the styling when using the "Simple buttons" option */
+.workspace-switcher {
+ padding-left: 3px;
+ padding-right: 3px;
+}
+
+.workspace-button {
+ width: 20px;
+ height: 10px;
+ color: rgba(224, 222, 244, 0.7);
+ padding: 3px;
+ padding-top: 4px;
+ transition-duration: 300;
+}
+
+.workspace-button:outlined,
+.workspace-button:outlined:hover {
+ color: #908caa;
+}
+
+.workspace-button:hover {
+ color: #e0def4;
+}
+
+/* Controls the style when using the "Visual representation" option */
+.workspace-graph {
+ padding: 3px;
+ spacing: 3px;
+}
+
+.workspace-graph .workspace {
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ background-gradient-direction: none;
+ background-color: rgba(0, 0, 0, 0.2);
+}
+
+.workspace-graph .workspace:active {
+ border: 1px solid #908caa;
+ background-gradient-direction: none;
+}
+
+.workspace-graph .workspace .windows {
+ -active-window-background: rgba(64, 61, 82, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(64, 61, 82, 0.75);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+.workspace-graph .workspace:active .windows {
+ -active-window-background: rgba(82, 79, 103, 0.75);
+ -active-window-border: rgba(0, 0, 0, 0.8);
+ -inactive-window-background: rgba(82, 79, 103, 0.50);
+ -inactive-window-border: rgba(0, 0, 0, 0.8);
+}
+
+#panel-launchers-box {
+ padding: 0 6px;
+}
+
+#panel-launchers-box.vertical {
+ padding: 3px 0;
+}
+
+.panel-launcher {
+ padding: 2px;
+ transition-duration: 200ms;
+ border-radius: 0;
+}
+
+.panel-launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(224, 222, 244, 0.1);
+}
+
+.panel-launcher:active {
+ background-color: rgba(224, 222, 244, 0.2);
+}
+
+.launcher {
+ padding: 2px;
+ spacing: 2px;
+ transition-duration: 0.2s;
+ border-radius: 0;
+}
+
+.launcher:hover {
+ background-gradient-direction: none;
+ background-color: rgba(224, 222, 244, 0.1);
+}
+
+.launcher:active {
+ background-color: rgba(224, 222, 244, 0.2);
+}
+
+.launcher .icon-box {
+ padding: 2px;
+}
+
+.applet-separator {
+ padding: 1px 3px;
+}
+
+.applet-separator-line {
+ width: 1px;
+ background: rgba(224, 222, 244, 0.12);
+}
+
+.applet-box {
+ padding: 0 6px;
+ color: rgba(224, 222, 244, 0.7);
+ text-shadow: none;
+ transition-duration: 100ms;
+ border-radius: 0;
+}
+
+.applet-box.vertical {
+ padding: 6px 0;
+}
+
+.applet-box:hover {
+ color: rgba(224, 222, 244, 0.7);
+ background-color: rgba(224, 222, 244, 0.15);
+}
+
+.applet-box:checked,
+.applet-box:checked:hover {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #908caa;
+}
+
+.applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.applet-label {
+ font-weight: bold;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.applet-box:checked .applet-label {
+ color: rgba(0, 0, 0, 0.87);
+ text-shadow: none;
+}
+
+.applet-icon {
+ color: rgba(224, 222, 244, 0.7);
+ icon-size: 16px;
+}
+
+.applet-box:checked .applet-icon {
+ color: rgba(224, 222, 244, 0.7);
+ text-shadow: none;
+}
+
+.user-icon {
+ width: 32px;
+ height: 32px;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+}
+
+.user-label {
+ color: #e0def4;
+ font-size: 1em;
+ font-weight: bold;
+ margin: 0px;
+}
+
+.desklet {
+ color: #e0def4;
+}
+
+.desklet:highlight {
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-with-borders {
+ color: #e0def4;
+ background-color: rgba(33, 32, 46, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.desklet-with-borders:highlight {
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-with-borders-and-header {
+ color: #e0def4;
+ background-color: rgba(33, 32, 46, 0.9);
+ border-radius: 6px;
+ border-radius-topleft: 0;
+ border-radius-topright: 0;
+ padding: 12px;
+ padding-bottom: 17px;
+}
+
+.desklet-with-borders-and-header:highlight {
+ background-color: rgba(242, 139, 130, 0.5);
+}
+
+.desklet-header {
+ color: #e0def4;
+ background-color: rgba(33, 32, 46, 0.9);
+ border-radius: 0;
+ border-radius-topleft: 6px;
+ border-radius-topright: 6px;
+ font-size: 1em;
+ padding: 12px;
+ padding-bottom: 6px;
+}
+
+.desklet-drag-placeholder {
+ border: 2px solid #ebbcba;
+ background-color: rgba(144, 140, 170, 0.3);
+}
+
+.photoframe-box {
+ color: #e0def4;
+ background-color: rgba(33, 32, 46, 0.9);
+ padding: 12px;
+ padding-bottom: 16px;
+}
+
+.workspace-osd {
+ text-shadow: black 5px 5px 5px;
+ font-weight: bold;
+ font-size: 48pt;
+}
+
+.notification-applet-padding {
+ padding: 0.5em 1em;
+}
+
+.notification-applet-container {
+ max-height: 9999px;
+}
+
+.tile-preview,
+.tile-preview.snap,
+.tile-hud,
+.tile-hud.snap {
+ background-color: rgba(144, 140, 170, 0.3);
+ border: 1px solid #908caa;
+}
+
+.xkcd-box {
+ padding: 6px;
+ border: 0px;
+ background-color: rgba(0, 0, 0, 0);
+ border-radius: 0px;
+}
diff --git a/RosePine-Main-BL/cinnamon/thumbnail.png b/RosePine-Main-BL/cinnamon/thumbnail.png
new file mode 100644
index 0000000000000000000000000000000000000000..2788ba83d8b7ed780b570296dadf9fbd89e9034d
GIT binary patch
literal 5042
zcmV;j6HV-iP)RwEWyDx#t}r05d_HsqyQEPe?*GJKM)BdOGFR^
zNRfg-905f_Q4pZSSUGGVZ|vA{eC~R8?Y+Ho?VLS5ecxThtLm$+o^J0BlbPz@XI0zP
zzjsu%G~fEY_j|A2W2hlX68pgqZaB+juf4a|X$L_N`-)7aBKGwy7f+u)U8>ud{NJMv!)6ORKoG=%
zp;)xBRLU!Hulq3)FF_nYKKyV+5c2sb1*{0m@%b%3UC9%UkQTM1j(LomTayz6kT|TM9GU|NH}{
zZ6^;*SP~m+@0(cTKcoE)b*&(EXfsPU`_w!TL~S|pz=S1{yQj>|-mV;K;<+0I?-o+?
zqkcQguKfk%feA}u)_gW=nyO(fzSsm8e(N`X1s+=o&%Jbx58>pIjm0o9HjcIBWeiV@
zA-cAP$oL^VdY>Q9zc$Z>m50aWLNuOLuA9x~I=cyVIx|Zm0TW$7Cwnw5m93DD6g6qjLN(B)=`Qdkw
z-RVZuu$`0i4<>3t6PAQQ>&WWolI}ZH_ICP`%h+uKCPxRboy;LwDB-m?uVOvPBhGFw
zDmD*F@M7-hG}8Gpe){HRoE|P?BUx%z(25QsUFtY?9rD10C1JHcbu-PhvNMxB^YAERvuQf1pQ
z+RPIq6IZRt&$RXE>pJ`5|6=!{CN$9nNG1_nO}dF)Qro#IyK#r+`bB7ZBq8teVzuidknJ%^#pIN_}9$l2qh5hmDS~q#X4ZhYXm_
zUzBRa^#`zX-_>j)hH`!Ej5=LC*2`MtsX+oJtVu&`8f9p;r}u`f&do3#b23R+(wNq6
z7CqCHV=b?x8$}`k6V}AmN`PkGO*I^3I?JP3SX<7lK11Y8=Y92FT%RVHT&IOYmZ3f{
zVNt}^Nj1?`cwovdR2QVFJI0BbIUJfC#{1V7F)=lXm8B&N4UQwRejNqoh2RnpU3eeq
ze5oFXP*6wY4!Mx$YwDc4y;~-rxY{W=~;wD2OXJH{dTVLvjW1&b#Ltc}k@`
z91b@cl}N1lP^bx8q^XodH_+}qUwLJYd^XYSAJ^<|e-M?j9h2ju%By=v4ozTWY!Wlm
z_u>7mb%`R1`E=8Ra=~RY@mgxlXWCpm$pNRoACbN=>;rSUR|6#!aw+A$
zS~mlXHuAuPC1GtweB~u=yuNVLP*eQ1_kN6P)eNfKwPrAT0gXtQvYZa8kzww6UGARx
zg_S)1K)=RwX15pd=4ZYmsHOT{llY~Pt@HOHK7ShB8u$=yemj1293~B)1%qglRBcc
zQ?t35PolZdL^oiwwHpW8ZOp`}9#C$TUusMC#aQ|4&EA@|0Od=Lff>kO=XOfC7GBFEJB?i&vL?9T%zLCoIEuo!b7x^i8q-|287((gtlCLxWgfaP`e
zW{;fULsc`leDx+S;{q3D2?Nt7@sPg{_P$BDlGnI^SD+aLt_vBcMX8&xS6|%>fFLZ!
z?|uHMWTh6QPjp
zLKEGCuajW;-o6Zg+yaBNy*ADx-QfY*to
zr8TaryvCkQ#v$3te4M$gv9B-QguqIM+ZpgXkWFl&{qLf2V4@3X+XpV^u&|mln6s%E
zKaANETPsMIRI|Q%3ubIbm#}S`lEdn<@w(^Vd;y)H|5fCH32VZv8HJ`kFwqt4b`W~M
zJP#y#8;R%&c3HvuWmJkLau7rfe`pBf6UNBz@Z@1cyhg>&9KGKl7)c0WX8NchFB4pt
z7&AtjkDfS#Pd)mu!T#81K8FX7OyQ$KK`f$cVLS?*+>9ISm0}TPySz44L1WM6(mV<*
zuS?Z*gG|hzP&P)D#fpg7_Ljk(%I0w+l{DC|TzCs&+GuYF37D`Xf}NpQ*}2`DO2tj>
z8>{oC_O*qZFwC|POSrvs(~y_RuOeoQ!oGdu9L!jm{{WppQD~wou;xTcBjkYzOH!%a
znS_7glTYB}sgEO<%i!g+-^Y#Xm$9FqtyPGwpcDBz91eK>p~kGO*}2pB^pj5`9PY))
z$T)uIb6-TDC#a+`8_(-@qqkQ(HPYd7!NreIz^}E})|>Wv+#0*f*NfqaL-5tMDyi41IdRX)Pheo;0gMhbm$Y?x{kZS+FXEBM
zKZ~Gy=X+*M`)HyjG+{}0Ue}^ZERlp{_b8&3NhRa(`2t+Dv&vdoGFw~K`N?8Ai&QB9
zk3(B)a%~D4C>5LiSE*8j5FF)0Jx5_zMSM#o5q$vx
zp}sLq9mRYJgS{U3BSZC#4wb{^5Ap|tgn%aKC8C!{t8Kwa_}zlaYC~vX689XRL%=B+
zURY3n7j^4GlLsa&Nhh!W#WLJuN-0BRH@!KJ#q1{cgw0AMv4D+j34%SN$=lQ8!5a6}
z#k|&zT$YPIjeJQpZ`$F*^71O=-ANPq=6!nHvbSHv#_|V<7no)<2L1lv`WP1pn6MNC0@ry
z@>EjR4FLo;wYMHF}xdMi_lPTSo${lFYNt{|>ldL5hbYQNbX=)?HL5rhIx
zTzK;=iuI_qNieHIYhn@IK)ZPy%}4Pa#F-ofm3k9;Rz^t`
z>EXgxp_)M}?YOUf<=1R9LtDcx)lJ-%W()GF|lk#e<
z)@^S7u=%Hdc&@QKAvK{1iz3}cYMYv+J4<7Y|El@a0%a!U8+oMW1BZcLCnUOn%0Al~
z*dSizq?xYT!&`$SHJj8j6`IIFbOZZoUH3+_ST9)UY#lTU^ec^!2PP~^8wK;A)Y$k8
z`osN(q+su`X_0}^G2^nbyq@WqX=C;Bva*wt)jTTA4Gc|TWN^@sU%r>VPzdc{x*H$?
z6P845;m#VKnJdA?qsn$>Y-^WuDbunpcb~GXthPQI1c%3v*XI)8bovbTVx^2gPmjUw
z^!LIaFxI0-KfX;-Xu^{G{uiE18kTEj)frlQI7w^Qkv;G?|K<6{6M#H0VM)~ErPXoR
z>iIzyuMF*tM05q}CbW7!@ji-e-60gjBDw(6KWwQ!mU@t(abThguyo-bIGn^&D=ygJ(
z8&HpzdcqNm9sU@^#3EdMBM>AJTk}^@6nYR4%5d=U;EAw+7th_s>_iBTfD6U60Egd=
z=)#9^^iHB&$f9>_48hzcZmq>I9CjjxehfHcc;~&#$P`N03nb98vP3r^HN#b?UK4rhrW((A;{
zOK)H#lgek*aRcosBLb9EIFpHe*=84%Hwx@L`XnFaidfrUNYcC^
zBu`OnyyjQ6R9_rWCV^B-h_!lTq?)~cu6kj&CGvhvRqZmRFUwo>jXrJN*1R7E!CtLQ
z-X=!AMn$Z|A(g+Xu9N0M6T|_An$QGsfFS`B!~uo`Ob`bcHZpqHnsd$wVh8^8&;J?w
znXmlWA9R$jZ4~-bpMDw-Kk}q<{?;2W;kp0%1_*-KAM7aLU;FGcc=*vL8{a?4&vUs9
zUi{v-4S65@_+xnLH=e1cfB)Nf>!&a6YC1ve1@Y}DLg9Yo^I5pvUei2gX|gS!<93g?
zk*2oEpY?k6w!1;#BTPTyV^EKnC7$M@(j$x5Ou$e4>eKLeeai6^7rtJAcbiUFn=k&+
zUn=j){oUXG$)2RO;@|)EZ}8xm$B~Ff6(I&?(Q%Gt{!?eT
z)A^KfDMFgbM?lRSStUp&60q#ZeS3Rf?mQ|c)2a&q7Gp)m9=#A>q7@N$h3p
z0P7>YHBJ}C_2ya2i255gX|UMKCqfs
z&OUG250;z2iWlWipzr?oH}JMe6Zvk^31T<-s6ni{7j4z7zSF#|XcxqiB+Rd_T$@(r
zY7Gq?onkieteJ@Ae(8g?rnD?xxqnI!2c3f)g_gxDiN#0P*5>DxAlBO2m3jU#Jv4gn
z@A84+FY%7U$$IAJxHps!f*^jjDDf)BUe0BTUyH}*
+
-
-
-
-
-
+ inkscape:current-layer="svg4" />
+ d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z"
+ fill="#616161"
+ style="paint-order:stroke fill markers;fill:#e0e0e0;fill-opacity:1"
+ id="path2" />
diff --git a/tokyonight_gtk/gnome-shell-DTD/assets/checkbox-off.svg b/RosePine-Main-BL/gnome-shell/assets/checkbox-off.svg
similarity index 100%
rename from tokyonight_gtk/gnome-shell-DTD/assets/checkbox-off.svg
rename to RosePine-Main-BL/gnome-shell/assets/checkbox-off.svg
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/RosePine-Main-BL/gnome-shell/assets/checkbox.svg
similarity index 57%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg
rename to RosePine-Main-BL/gnome-shell/assets/checkbox.svg
index 7f0235f..0f79f2b 100644
--- a/tokyonight_gtk/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg
+++ b/RosePine-Main-BL/gnome-shell/assets/checkbox.svg
@@ -2,17 +2,20 @@
diff --git a/tokyonight_gtk/gnome-shell-DTD/assets/dash-placeholder.svg b/RosePine-Main-BL/gnome-shell/assets/dash-placeholder.svg
similarity index 100%
rename from tokyonight_gtk/gnome-shell-DTD/assets/dash-placeholder.svg
rename to RosePine-Main-BL/gnome-shell/assets/dash-placeholder.svg
diff --git a/tokyonight_gtk/gnome-shell-DTD/assets/no-events.svg b/RosePine-Main-BL/gnome-shell/assets/no-events.svg
similarity index 100%
rename from tokyonight_gtk/gnome-shell-DTD/assets/no-events.svg
rename to RosePine-Main-BL/gnome-shell/assets/no-events.svg
diff --git a/tokyonight_gtk/gnome-shell-DTD/assets/no-notifications.svg b/RosePine-Main-BL/gnome-shell/assets/no-notifications.svg
similarity index 100%
rename from tokyonight_gtk/gnome-shell-DTD/assets/no-notifications.svg
rename to RosePine-Main-BL/gnome-shell/assets/no-notifications.svg
diff --git a/tokyonight_gtk/gnome-shell-DTD/assets/noise-texture.svg b/RosePine-Main-BL/gnome-shell/assets/noise-texture.svg
similarity index 100%
rename from tokyonight_gtk/gnome-shell-DTD/assets/noise-texture.svg
rename to RosePine-Main-BL/gnome-shell/assets/noise-texture.svg
diff --git a/RosePine-Main-BL/gnome-shell/assets/process-working.svg b/RosePine-Main-BL/gnome-shell/assets/process-working.svg
new file mode 100644
index 0000000..eedadce
--- /dev/null
+++ b/RosePine-Main-BL/gnome-shell/assets/process-working.svg
@@ -0,0 +1,308 @@
+
+
diff --git a/tokyonight_gtk/gnome-shell-DTP/assets/toggle-off-dark.svg b/RosePine-Main-BL/gnome-shell/assets/toggle-off-dark.svg
similarity index 100%
rename from tokyonight_gtk/gnome-shell-DTP/assets/toggle-off-dark.svg
rename to RosePine-Main-BL/gnome-shell/assets/toggle-off-dark.svg
diff --git a/tokyonight_gtk/gnome-shell-DTD/assets/toggle-off.svg b/RosePine-Main-BL/gnome-shell/assets/toggle-off.svg
similarity index 100%
rename from tokyonight_gtk/gnome-shell-DTD/assets/toggle-off.svg
rename to RosePine-Main-BL/gnome-shell/assets/toggle-off.svg
diff --git a/RosePine-Main-BL/gnome-shell/assets/toggle-on-dark.svg b/RosePine-Main-BL/gnome-shell/assets/toggle-on-dark.svg
new file mode 100644
index 0000000..c2fca8f
--- /dev/null
+++ b/RosePine-Main-BL/gnome-shell/assets/toggle-on-dark.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/RosePine-Main-BL/gnome-shell/assets/toggle-on.svg b/RosePine-Main-BL/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 0000000..f0df9e4
--- /dev/null
+++ b/RosePine-Main-BL/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/tokyonight_gtk/gnome-shell-DTD/gnome-shell.css b/RosePine-Main-BL/gnome-shell/gnome-shell.css
similarity index 55%
rename from tokyonight_gtk/gnome-shell-DTD/gnome-shell.css
rename to RosePine-Main-BL/gnome-shell/gnome-shell.css
index 3dd8908..4c7eb4e 100644
--- a/tokyonight_gtk/gnome-shell-DTD/gnome-shell.css
+++ b/RosePine-Main-BL/gnome-shell/gnome-shell.css
@@ -1,28 +1,61 @@
/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ * Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
-stage {
- font-size: 11pt;
- color: #eff0f2;
+.message-list .message-list-placeholder {
+ font-weight: 800;
+ font-size: 15pt;
+}
+
+.quick-toggle-menu .header .title {
+ font-weight: 700;
+ font-size: 15pt;
+}
+
+.quick-toggle-menu .header .subtitle {
+ font-weight: 700;
+ font-size: 9pt;
+}
+
+.icon-label-button-container {
+ font-weight: 400;
+ font-size: 9pt;
}
.ripple-pointer-location {
width: 48px;
height: 48px;
border-radius: 24px;
- background-color: rgba(255, 255, 255, 0.3);
- box-shadow: 0 0 2px 2px #eff0f2;
+ background-color: rgba(224, 222, 244, 0.3);
+ box-shadow: 0 0 2px 2px #e0def4;
}
.pie-timer {
width: 60px;
height: 60px;
-pie-border-width: 3px;
- -pie-border-color: #eff0f2;
- -pie-background-color: rgba(255, 255, 255, 0.3);
+ -pie-border-color: #faf4ed;
+ -pie-background-color: rgba(224, 222, 244, 0.3);
}
.magnifier-zoom-region {
- border: 2px solid #565a6e;
+ border: 2px solid #faf4ed;
}
.magnifier-zoom-region.full-screen {
@@ -34,21 +67,14 @@ stage {
color: transparent;
background-image: url('assets/applogo.svg');
background-size: contain;
- border-radius: 9px;
- padding: 3px;
-}
-
-.show-apps:checked .show-apps-icon,
-.show-apps:focus .show-apps-icon {
- color: transparent;
- transition-duration: 100ms;
- background-image: url('assets/applogo.svg');
+ border-radius: 6px;
+ padding: 2px 4px;
}
.show-apps .overview-icon,
.app-well-app .overview-icon,
.grid-search-result .overview-icon {
- color: #eff0f2;
+ color: #e0def4;
border-radius: 9px;
padding: 6px;
border: none;
@@ -65,7 +91,8 @@ stage {
.grid-search-result:hover .overview-icon,
.grid-search-result:focus .overview-icon,
.grid-search-result:selected .overview-icon {
- background-color: rgba(36, 40, 59, 0.52);
+ color: #ebbcba;
+ background-color: rgba(38, 35, 58, 0.65);
border-image: none;
background-image: none;
}
@@ -76,12 +103,12 @@ stage {
.app-well-app:checked .overview-icon,
.grid-search-result:active .overview-icon,
.grid-search-result:checked .overview-icon {
- background-color: rgba(36, 40, 59, 0.52);
+ background-color: rgba(38, 35, 58, 1);
box-shadow: none;
}
.app-well-app.app-folder {
- background-color: rgba(36, 40, 59, 0.52);
+ background-color: rgba(38, 35, 58, 0.65);
border-radius: 12px;
}
@@ -91,24 +118,24 @@ stage {
}
.app-well-app.app-folder:hover {
- background-color: rgba(65, 72, 104, 0.51);
+ background-color: rgba(38, 35, 58, 1);
}
.app-well-app.app-folder:active {
- background-color: rgba(65, 72, 104, 0.51);
+ background-color: rgba(224, 222, 244, 0.3);
}
.app-folder-dialog {
border-radius: 36px;
padding: 12px;
- background-color: rgba(26, 27, 38, 0.85);
- border: 2px solid #c0caf5;
+ background-color: rgba(25, 23, 36, 0.95);
+ border: 1px solid rgba(49, 116, 143, 0.55);
+ box-shadow: inset 0 0 0 1px rgba(49, 116, 143, 0.2);
}
.app-folder-dialog .folder-name-container {
padding: 24px 36px 0;
spacing: 12px;
- /* FIXME: this is to keep the label in sync with the entry */
}
.app-folder-dialog .folder-name-container .folder-name-label,
@@ -124,12 +151,12 @@ stage {
.app-folder-dialog .folder-name-container .folder-name-label {
padding: 9px 8px;
- color: rgba(255, 255, 255, 0.7);
+ color: #ebbcba;
}
.app-folder-dialog .folder-name-container .edit-folder-button {
- background-color: rgba(255, 255, 255, 0.06);
- color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(224, 222, 244, 0.06);
+ color: #ebbcba;
border: none;
padding: 0;
width: 36px;
@@ -142,18 +169,18 @@ stage {
}
.app-folder-dialog .folder-name-container .edit-folder-button:hover {
- background-color: rgba(255, 255, 255, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
.app-folder-dialog .folder-name-container .edit-folder-button:checked,
.app-folder-dialog .folder-name-container .edit-folder-button:active {
- background-color: #eff0f2;
- color: rgba(65, 72, 104, 0.87);
+ background-color: #e0def4;
+ color: rgba(0, 0, 0, 0.87);
}
.app-folder-dialog .icon-grid {
row-spacing: 12px;
- column-spacing: 30px;
+ column-spacing: 24px;
page-padding-top: 0;
page-padding-bottom: 0;
page-padding-left: 0;
@@ -165,7 +192,7 @@ stage {
}
.app-folder-dialog-container {
- padding: 6px;
+ padding: 0;
width: 620px;
height: 620px;
}
@@ -174,13 +201,13 @@ stage {
width: 6px;
height: 3px;
border-radius: 2px;
- background-color: rgba(255, 255, 255, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
margin-bottom: 0;
}
StWidget.focused .app-well-app-running-dot {
width: 24px;
- background-color: #eff0f2 !important;
+ background-color: #e0def4 !important;
}
.app-menu,
@@ -199,25 +226,25 @@ StWidget.focused .app-well-app-running-dot {
.system-action-icon {
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
- background-color: #212121;
- color: #eff0f2;
+ background-color: rgba(25, 23, 36, 0.95);
+ color: #e0def4;
border-radius: 9999px;
icon-size: 48px;
}
.shell-link {
border-radius: 6px;
- color: #eff0f2;
+ color: #2196f3;
}
.shell-link:hover {
- color: #eff0f2;
- background-color: rgba(224, 224, 224, 0.15);
+ color: #2196f3;
+ background-color: rgba(33, 150, 243, 0.15);
}
.shell-link:active {
- color: #eff0f2;
- background-color: rgba(224, 224, 224, 0.25);
+ color: #2196f3;
+ background-color: rgba(33, 150, 243, 0.25);
}
.lowres-icon {
@@ -229,98 +256,201 @@ StWidget.focused .app-well-app-running-dot {
}
/* Buttons */
-.hotplug-notification-item {
- color: #eff0f2;
- background-color: #1a1b26;
+.hotplug-notification-item,
+.icon-button,
+.button {
+ color: #e0def4;
+ background-color: rgba(33, 32, 46, 0.95);
box-shadow: none !important;
}
-.hotplug-notification-item:focus {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.08);
+.hotplug-notification-item:focus,
+.icon-button:focus,
+.button:focus {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.08);
box-shadow: none !important;
}
-.hotplug-notification-item:hover {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.12);
+.hotplug-notification-item:hover,
+.icon-button:hover,
+.button:hover {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
box-shadow: none !important;
}
-.hotplug-notification-item:active {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.2);
+.hotplug-notification-item:active,
+.icon-button:active,
+.button:active {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.2);
box-shadow: none !important;
}
-.hotplug-notification-item:insensitive {
- color: rgba(255, 255, 255, 0.35);
- background-color: #1a1b26;
+.hotplug-notification-item:insensitive,
+.icon-button:insensitive,
+.button:insensitive {
+ color: rgba(224, 222, 244, 0.35);
+ background-color: rgba(33, 32, 46, 0.95);
box-shadow: none !important;
}
.lg-obj-inspector-button,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button,
.candidate-page-button,
.modal-dialog-linked-button,
.popup-menu .button {
- color: #eff0f2;
+ color: #e0def4;
background-color: transparent;
box-shadow: none !important;
}
.lg-obj-inspector-button:focus,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:focus,
.candidate-page-button:focus,
.modal-dialog-linked-button:focus,
.popup-menu .button:focus {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.08);
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.08);
box-shadow: none !important;
}
.lg-obj-inspector-button:hover,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:hover,
.candidate-page-button:hover,
.modal-dialog-linked-button:hover,
.popup-menu .button:hover {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.12);
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
}
.lg-obj-inspector-button:active,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:active,
.candidate-page-button:active,
.modal-dialog-linked-button:active,
.popup-menu .button:active {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.2);
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.2);
box-shadow: none !important;
}
.lg-obj-inspector-button:insensitive,
+#LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive,
.candidate-page-button:insensitive,
.modal-dialog-linked-button:insensitive,
.popup-menu .button:insensitive {
background-color: transparent;
- color: rgba(255, 255, 255, 0.35);
+ color: rgba(224, 222, 244, 0.35);
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button,
+.screenshot-ui-type-button,
+.login-dialog .cancel-button,
+.login-dialog .switch-user-button,
+.login-dialog .login-dialog-session-list-button,
+.unlock-dialog .cancel-button,
+.unlock-dialog .switch-user-button,
+.unlock-dialog .login-dialog-session-list-button,
+.login-dialog .modal-dialog-button,
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button:default {
+ color: #e0def4;
+ background-color: transparent;
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:insensitive,
+.screenshot-ui-type-button:insensitive,
+.login-dialog .cancel-button:insensitive,
+.login-dialog .switch-user-button:insensitive,
+.login-dialog .login-dialog-session-list-button:insensitive,
+.unlock-dialog .cancel-button:insensitive,
+.unlock-dialog .switch-user-button:insensitive,
+.unlock-dialog .login-dialog-session-list-button:insensitive,
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+ color: rgba(224, 222, 244, 0.35);
+ background-color: rgba(25, 23, 36, 0.95);
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:focus,
+.screenshot-ui-type-button:focus,
+.login-dialog .cancel-button:focus,
+.login-dialog .switch-user-button:focus,
+.login-dialog .login-dialog-session-list-button:focus,
+.unlock-dialog .cancel-button:focus,
+.unlock-dialog .switch-user-button:focus,
+.unlock-dialog .login-dialog-session-list-button:focus,
+.login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:focus {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:hover,
+.screenshot-ui-type-button:hover,
+.login-dialog .cancel-button:hover,
+.login-dialog .switch-user-button:hover,
+.login-dialog .login-dialog-session-list-button:hover,
+.unlock-dialog .cancel-button:hover,
+.unlock-dialog .switch-user-button:hover,
+.unlock-dialog .login-dialog-session-list-button:hover,
+.login-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:hover {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
+ box-shadow: none !important;
+}
+
+.screenshot-ui-show-pointer-button:active,
+.screenshot-ui-type-button:active,
+.login-dialog .cancel-button:active,
+.login-dialog .switch-user-button:active,
+.login-dialog .login-dialog-session-list-button:active,
+.unlock-dialog .cancel-button:active,
+.unlock-dialog .switch-user-button:active,
+.unlock-dialog .login-dialog-session-list-button:active,
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.2);
box-shadow: none !important;
}
.button {
- min-height: 32px;
- padding: 0 12px;
+ min-height: 20px;
+ padding: 6px 12px;
border-radius: 6px;
border: none;
}
+.icon-button {
+ border-radius: 9999px;
+ padding: 6px;
+}
+
+.icon-button StIcon {
+ icon-size: 16px !important;
+ -st-icon-style: symbolic;
+}
+
/* Date/Time Menu */
.popup-menu .message,
.world-clocks-button,
.weather-button,
.events-button {
- color: rgba(255, 255, 255, 0.7);
- background-color: rgba(255, 255, 255, 0.04);
+ color: rgba(224, 222, 244, 0.7);
+ background-color: rgba(224, 222, 244, 0.04);
border-radius: 6px;
border: none;
box-shadow: none;
text-shadow: none;
+ padding: 6px 9px;
}
.popup-menu .message:hover,
@@ -331,8 +461,8 @@ StWidget.focused .app-well-app-running-dot {
.world-clocks-button:focus,
.weather-button:focus,
.events-button:focus {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.12);
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
box-shadow: none;
}
@@ -340,8 +470,8 @@ StWidget.focused .app-well-app-running-dot {
.world-clocks-button:active,
.weather-button:active,
.events-button:active {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.2);
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.2);
box-shadow: none;
}
@@ -360,17 +490,17 @@ StWidget.focused .app-well-app-running-dot {
.datemenu-calendar-column {
spacing: 6px;
- border: 0 solid rgba(255, 255, 255, 0.12);
+ border: 0 solid rgba(224, 222, 244, 0.12);
padding: 0 12px;
}
.datemenu-calendar-column:ltr {
- margin-right: 8px;
+ margin-right: 0;
border-left-width: 0;
}
.datemenu-calendar-column:rtl {
- margin-left: 8px;
+ margin-left: 0;
border-right-width: 0;
}
@@ -385,7 +515,7 @@ StWidget.focused .app-well-app-running-dot {
.world-clocks-header,
.weather-header,
.events-section-title {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-weight: bold;
}
@@ -403,17 +533,17 @@ StWidget.focused .app-well-app-running-dot {
padding: 6px;
margin: 0 12px;
text-shadow: none;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
border-radius: 12px;
}
.datemenu-today-button:hover,
.datemenu-today-button:focus {
- background-color: rgba(255, 255, 255, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
.datemenu-today-button:active {
- background-color: rgba(255, 255, 255, 0.2);
+ background-color: rgba(224, 222, 244, 0.2);
}
.datemenu-today-button .day-label {
@@ -431,7 +561,7 @@ StWidget.focused .app-well-app-running-dot {
border: none;
box-shadow: none;
background-color: transparent;
- padding: 0 6px !important;
+ padding: 0 3px !important;
margin: 0 !important;
text-shadow: none;
border-radius: 12px;
@@ -439,7 +569,7 @@ StWidget.focused .app-well-app-running-dot {
.calendar .calendar-month-label {
padding: 6px 0;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-weight: bold;
text-align: center;
text-shadow: none;
@@ -458,51 +588,53 @@ StWidget.focused .app-well-app-running-dot {
}
.calendar .pager-button {
- width: 32px;
- height: 32px;
- margin: 2px;
+ width: 32px !important;
+ height: 32px !important;
+ margin: 2px !important;
border-radius: 9999px;
background-color: transparent;
- color: #eff0f2;
+ color: #e0def4;
}
.calendar .pager-button:hover,
.calendar .pager-button:focus {
- background-color: rgba(255, 255, 255, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
.calendar .pager-button:active {
- background-color: rgba(255, 255, 255, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
}
.calendar .calendar-day-base {
font-size: 10pt;
text-align: center;
- width: 34px;
- height: 34px;
- padding: 0;
- margin: 2px;
+ width: 34px !important;
+ height: 34px !important;
+ padding: 0 !important;
+ margin: 2px !important;
border-radius: 9999px;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
border: none;
font-feature-settings: 'tnum';
}
.calendar .calendar-day-base:hover,
.calendar .calendar-day-base:focus {
- background-color: rgba(255, 255, 255, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
+ box-shadow: none;
+ outline: none;
}
.calendar .calendar-day-base:active,
.calendar .calendar-day-base:selected {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.3);
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.3);
border-color: transparent;
}
.calendar .calendar-day-base.calendar-day-heading {
margin-top: 1em;
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
font-size: 10pt;
}
@@ -519,51 +651,51 @@ StWidget.focused .app-well-app-running-dot {
}
.calendar .calendar-nonwork-day {
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
font-weight: bold;
}
.calendar .calendar-today {
font-weight: bold;
- color: rgba(255, 255, 255, 0.7) !important;
- background-color: rgba(255, 255, 255, 0.06);
+ color: rgba(224, 222, 244, 0.7) !important;
+ background-color: rgba(224, 222, 244, 0.06);
border: none;
}
.calendar .calendar-today:hover,
.calendar .calendar-today:focus {
- background-color: rgba(255, 255, 255, 0.12);
- color: #eff0f2 !important;
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4 !important;
}
.calendar .calendar-today:active {
- background-color: lightgray;
- color: rgba(65, 72, 104, 0.87) !important;
+ background-color: #524f67;
+ color: rgba(0, 0, 0, 0.87) !important;
}
.calendar .calendar-today:selected {
- background-color: #eff0f2;
- color: rgba(65, 72, 104, 0.87) !important;
+ background-color: #ebbcba;
+ color: rgba(0, 0, 0, 0.87) !important;
}
.calendar .calendar-today:selected:hover,
.calendar .calendar-today:selected:focus {
- background-color: #f4f4f4;
- color: rgba(65, 72, 104, 0.87) !important;
+ background-color: #c4a7e7;
+ color: rgba(0, 0, 0, 0.87) !important;
}
.calendar .calendar-day-with-events {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
background-image: url('assets/calendar-today.svg');
}
.calendar .calendar-day-with-events.calendar-work-day {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-weight: bold;
}
.calendar .calendar-other-month-day {
- color: rgba(255, 255, 255, 0.3);
+ color: rgba(224, 222, 244, 0.3);
opacity: 0.5;
}
@@ -573,8 +705,8 @@ StWidget.focused .app-well-app-running-dot {
margin: 6px 2px !important;
padding: 0 0;
border-radius: 6px;
- background-color: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
font-size: inherit;
font-weight: bold;
text-align: center;
@@ -597,25 +729,25 @@ StWidget.focused .app-well-app-running-dot {
}
.events-button .events-title {
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
font-weight: bold;
text-shadow: none;
}
.events-button .event-time {
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
font-feature-settings: 'tnum';
font-size: 10pt;
}
.world-clocks-button .world-clocks-city {
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
font-weight: bold;
font-size: 11pt;
}
.world-clocks-button .world-clocks-time {
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
font-feature-settings: 'tnum';
font-size: 11pt;
}
@@ -629,7 +761,7 @@ StWidget.focused .app-well-app-running-dot {
}
.world-clocks-button .world-clocks-timezone {
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
font-feature-settings: 'tnum';
font-size: 10pt;
}
@@ -653,13 +785,13 @@ StWidget.focused .app-well-app-running-dot {
}
.weather-button .weather-header {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
font-size: 10pt;
}
@@ -669,7 +801,7 @@ StWidget.focused .app-well-app-running-dot {
}
.weather-button .weather-forecast-time {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-feature-settings: 'tnum';
font-size: 9pt;
font-weight: normal;
@@ -693,43 +825,32 @@ StWidget.focused .app-well-app-running-dot {
.check-box StBin {
width: 24px;
height: 24px;
- padding: 3px;
+ padding: 6px;
border-radius: 6px;
- background-image: url('assets/checkbox-off.svg');
}
+.check-box StBin,
.check-box:focus StBin {
background-image: url('assets/checkbox-off.svg');
}
.check-box:hover StBin {
- background-color: rgba(255, 255, 255, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
.check-box:active StBin {
- background-color: rgba(255, 255, 255, 0.3);
-}
-
-.check-box:checked StBin {
- background-image: url('assets/checkbox.svg');
+ background-color: rgba(224, 222, 244, 0.3);
}
+.check-box:checked StBin,
.check-box:focus:checked StBin {
- background-image: url('assets/checkbox.svg');
-}
-
-.check-box:hover:checked StBin {
- background-color: #eff0f2;
-}
-
-.check-box:active:checked StBin {
- background-color: #cccccc;
+ background-image: url('assets/checkbox-dark.svg');
}
/* Activities Ripple */
.ripple-box {
- background-color: rgba(224, 224, 224, 0.35);
- box-shadow: 0 0 2px 2px #eff0f2;
+ background-color: rgba(250, 244, 237, 0.35);
+ box-shadow: 0 0 2px 2px #e0def4;
width: 52px;
height: 52px;
border-radius: 0 0 52px 0;
@@ -750,45 +871,45 @@ StWidget.focused .app-well-app-running-dot {
}
.dash-label {
- color: #eff0f2;
- background-color: rgba(26, 27, 38, 0.9);
- border: 1px solid rgba(192, 202, 245, 0.3);
- border-radius: 12px;
+ background-color: rgba(33, 32, 46, 0.95);
+ color: #ebbcba;
padding: 6px 12px;
- box-shadow: none;
text-align: center;
+ border-radius: 12px;
+ border: 1px solid rgba(64, 61, 82, 0.55);
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
-y-offset: 12px;
- -x-offset: 5px;
+ -x-offset: 8px;
}
/* Modal Dialogs */
.candidate-popup-content,
.modal-dialog {
- background-color: #1a1b26;
+ background-color: #26233a;
border-radius: 12px;
- box-shadow: 3px 3px 8px -5px rgba(0, 0, 0, 0.35);
margin: 15px;
- border: 2px solid #565a6e;
+ border: 1px solid rgba(49, 116, 143, 0.55);
+ box-shadow: inset 0 0 0 1px rgba(49, 116, 143, 0.2);
}
.modal-dialog-linked-button:last-child {
- color: rgba(65, 72, 104, 0.87);
- background-color: #eff0f2;
+ color: #e0def4;
+ background-color: #403d52;
}
.modal-dialog-linked-button:hover:last-child {
- color: rgba(65, 72, 104, 0.87);
- background-color: #f7f7f7;
+ color: #e0def4;
+ background-color: #21202e;
}
.modal-dialog-linked-button:active:last-child {
- color: rgba(65, 72, 104, 0.87);
- background-color: lightgray;
+ color: #e0def4;
+ background-color: #524f67;
}
.modal-dialog-linked-button:insensitive:last-child {
- background-color: rgba(224, 224, 224, 0.05);
- color: rgba(224, 224, 224, 0.35);
+ background-color: rgba(250, 244, 237, 0.05);
+ color: rgba(250, 244, 237, 0.35);
}
.headline {
@@ -796,36 +917,36 @@ StWidget.focused .app-well-app-running-dot {
}
.modal-dialog {
- color: rgba(255, 255, 255, 0.7);
+ color: #e0def4;
padding: 0 6px 6px 6px;
}
.modal-dialog-linked-button {
min-height: 32px;
padding: 6px;
- margin: 3px;
+ margin: 3px !important;
border: none !important;
border-radius: 6px;
}
.modal-dialog-linked-button:first-child {
- background-color: rgba(255, 255, 255, 0.04);
+ background-color: rgba(224, 222, 244, 0.04);
}
.modal-dialog-linked-button:first-child:focus {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.08);
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.08);
box-shadow: none !important;
}
.modal-dialog-linked-button:first-child:hover {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.12);
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
}
.modal-dialog-linked-button:first-child:active {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.2);
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.2);
box-shadow: none !important;
}
@@ -889,7 +1010,7 @@ StWidget.focused .app-well-app-running-dot {
}
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-size: 10pt;
}
@@ -904,7 +1025,7 @@ StWidget.focused .app-well-app-running-dot {
.run-dialog .run-dialog-description {
text-align: center;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-size: 10pt;
}
@@ -955,7 +1076,7 @@ StWidget.focused .app-well-app-running-dot {
.prompt-dialog-info-label,
.prompt-dialog-null-label {
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
.polkit-dialog-user-layout {
@@ -977,18 +1098,18 @@ StWidget.focused .app-well-app-running-dot {
}
.audio-selection-device {
- border: 1px solid rgba(255, 255, 255, 0.12);
+ border: 1px solid rgba(224, 222, 244, 0.12);
border-radius: 6px;
}
.audio-selection-device:hover,
.audio-selection-device:focus {
- background-color: rgba(255, 255, 255, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
.audio-selection-device:active {
- background-color: #eff0f2;
- color: rgba(65, 72, 104, 0.87);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
}
.audio-selection-device-box {
@@ -1009,61 +1130,60 @@ StWidget.focused .app-well-app-running-dot {
/* Entries */
StEntry,
-.popup-menu .search-entry {
- min-height: 32px;
- padding: 2px 12px;
+.search-entry {
+ min-height: 20px;
+ padding: 6px 12px;
margin: 2px;
- border-width: 0;
+ border: none;
border-radius: 6px;
- color: #eff0f2;
- caret-color: #eff0f2;
- selection-background-color: #eff0f2;
- selected-color: rgba(65, 72, 104, 0.6);
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.04);
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.04);
border: 2px solid transparent;
box-shadow: none;
+ caret-color: #e0def4;
+ selection-background-color: rgba(224, 222, 244, 0.25);
+ selected-color: #e0def4;
}
StEntry:hover,
-.popup-menu .search-entry:hover {
- color: #eff0f2;
- border-color: rgba(255, 255, 255, 0.3);
- background-color: rgba(255, 255, 255, 0.04);
+.search-entry:hover {
+ color: #e0def4;
+ border-color: rgba(250, 244, 237, 0.35);
+ background-color: rgba(224, 222, 244, 0.04);
}
StEntry:focus,
-.popup-menu .search-entry:focus {
- color: #eff0f2;
- border-color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.04);
+.search-entry:focus {
+ color: #e0def4;
+ border-color: #faf4ed;
+ background-color: rgba(224, 222, 244, 0.04);
box-shadow: none;
}
StEntry:insensitive,
-.popup-menu .search-entry:insensitive {
- background-color: rgba(255, 255, 255, 0.04);
- color: rgba(255, 255, 255, 0.35);
+.search-entry:insensitive {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.35);
border-color: transparent;
}
StEntry StIcon.capslock-warning,
-.popup-menu .search-entry StIcon.capslock-warning {
+.search-entry StIcon.capslock-warning {
icon-size: 16px;
warning-color: #fdd633;
- padding: 0 0;
+ padding: 0;
}
StEntry StIcon.peek-password,
-.popup-menu .search-entry StIcon.peek-password {
+.search-entry StIcon.peek-password {
icon-size: 16px;
padding: 0 4px;
}
StEntry StLabel.hint-text,
-.popup-menu .search-entry StLabel.hint-text {
+.search-entry StLabel.hint-text {
margin-left: 2px;
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
.hotplug-notification-item {
@@ -1102,43 +1222,43 @@ StEntry StLabel.hint-text,
}
.candidate-popup-content {
- color: rgba(255, 255, 255, 0.7);
- box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.35);
+ color: rgba(224, 222, 244, 0.7);
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important;
border: none;
- margin: 3px 8px;
+ margin: 3px 8px 12px !important;
padding: 6px;
spacing: 6px;
}
.candidate-index {
padding: 0 0.5em 0 0;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.candidate-box:selected .candidate-index {
- color: rgba(65, 72, 104, 0.6);
+ color: rgba(0, 0, 0, 0.6);
}
.candidate-box {
padding: 0.3em 0.5em 0.3em 0.5em;
margin-right: 2px;
border-radius: 6px;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.candidate-box:hover {
- background-color: rgba(255, 255, 255, 0.12);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
}
.candidate-box:active {
- background-color: rgba(255, 255, 255, 0.3);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.3);
+ color: #e0def4;
}
.candidate-box:selected {
- background-color: #eff0f2;
- color: rgba(65, 72, 104, 0.87);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
}
.candidate-box:last-child {
@@ -1158,7 +1278,7 @@ StEntry StLabel.hint-text,
}
.candidate-page-button {
- padding: 4px;
+ padding: 6px 9px;
}
.candidate-page-button-previous,
@@ -1172,7 +1292,7 @@ StEntry StLabel.hint-text,
/* On-screen Keyboard */
#keyboard {
- background-color: #242424;
+ background-color: #26233a;
box-shadow: none;
}
@@ -1198,61 +1318,61 @@ StEntry StLabel.hint-text,
min-width: 1.2em;
border-radius: 9px;
border: none;
- color: rgba(255, 255, 255, 0.7);
- background-color: #313131;
+ color: rgba(224, 222, 244, 0.7);
+ background-color: #26233a;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.keyboard-key:focus,
.keyboard-key:hover {
- color: #eff0f2;
- background-color: #4b4b4b;
+ color: #e0def4;
+ background-color: #403d52;
}
.keyboard-key:checked,
.keyboard-key:active {
- color: #eff0f2;
- background-color: #575757;
+ color: #e0def4;
+ background-color: #524f67;
}
.keyboard-key:grayed {
- background-color: #1a1b26;
- color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(33, 32, 46, 0.95);
+ color: rgba(224, 222, 244, 0.7);
}
.keyboard-key.default-key {
- background-color: #272727;
+ background-color: #26233a;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.keyboard-key.default-key:focus,
.keyboard-key.default-key:hover {
- color: #eff0f2;
- background-color: #404040;
+ color: #e0def4;
+ background-color: #403d52;
}
.keyboard-key.default-key:checked,
.keyboard-key.default-key:active {
- color: #eff0f2;
- background-color: #525252;
+ color: #e0def4;
+ background-color: #524f67;
}
.keyboard-key.enter-key {
- color: rgba(65, 72, 104, 0.87);
- background-color: #eff0f2;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #faf4ed;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.keyboard-key.enter-key:focus,
.keyboard-key.enter-key:hover {
- color: rgba(65, 72, 104, 0.87);
- background-color: #ededed;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #908caa;
}
.keyboard-key.enter-key:checked,
.keyboard-key.enter-key:active {
- color: rgba(65, 72, 104, 0.87);
- background-color: #c7c7c7;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #6e6a86;
}
.keyboard-key.shift-key-uppercase,
@@ -1260,7 +1380,7 @@ StEntry StLabel.hint-text,
.keyboard-key.shift-key-uppercase:hover,
.keyboard-key.shift-key-uppercase:checked,
.keyboard-key.shift-key-uppercase:active {
- color: #eff0f2;
+ color: #faf4ed;
}
.keyboard-key StIcon {
@@ -1270,7 +1390,7 @@ StEntry StLabel.hint-text,
.keyboard-subkeys {
color: inherit;
-arrow-border-radius: 12px;
- -arrow-background-color: #242424;
+ -arrow-background-color: #26233a;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 20px;
@@ -1287,7 +1407,7 @@ StEntry StLabel.hint-text,
.emoji-panel .keyboard-key:latched {
border: none;
- background-color: #eff0f2;
+ background-color: #faf4ed;
}
.word-suggestions {
@@ -1298,7 +1418,7 @@ StEntry StLabel.hint-text,
/* Login Dialog */
#lockDialogGroup {
- background-color: #212121;
+ background-color: rgba(25, 23, 36, 0.95);
}
.login-dialog-banner-view {
@@ -1310,41 +1430,7 @@ StEntry StLabel.hint-text,
.unlock-dialog {
border: none;
background-color: transparent;
-}
-
-.login-dialog StEntry,
-.unlock-dialog StEntry {
- selection-background-color: #eff0f2;
- selected-color: rgba(65, 72, 104, 0.87);
- padding: 4px 8px;
- min-height: 26px;
- border-radius: 9999px;
- caret-color: rgba(65, 72, 104, 0.87);
- background-color: rgba(255, 255, 255, 0.04);
- border-radius: 0;
- border: none;
- box-shadow: inset 0 -1px rgba(0, 0, 0, 0.15);
- color: rgba(65, 72, 104, 0.87);
-}
-
-.login-dialog StEntry:focus,
-.unlock-dialog StEntry:focus {
- border: none;
- background-color: rgba(255, 255, 255, 0.04);
- box-shadow: inset 0 -2px #eff0f2;
- color: rgba(65, 72, 104, 0.87);
-}
-
-.login-dialog StEntry:insensitive,
-.unlock-dialog StEntry:insensitive {
- border: none;
- background-color: rgba(255, 255, 255, 0.04);
- color: rgba(65, 72, 104, 0.35);
-}
-
-.login-dialog StEntry StLabel.hint-text,
-.unlock-dialog StEntry StLabel.hint-text {
- color: rgba(65, 72, 104, 0.38);
+ color: #e0def4;
}
.login-dialog .modal-dialog-button-box,
@@ -1356,61 +1442,6 @@ StEntry StLabel.hint-text,
.unlock-dialog .modal-dialog-button {
padding: 0 16px;
border: none;
- color: rgba(65, 72, 104, 0.87);
- background-color: transparent;
- box-shadow: none !important;
-}
-
-.login-dialog .modal-dialog-button:hover,
-.login-dialog .modal-dialog-button:focus,
-.unlock-dialog .modal-dialog-button:hover,
-.unlock-dialog .modal-dialog-button:focus {
- color: rgba(65, 72, 104, 0.87);
- background-color: rgba(255, 255, 255, 0.12);
-}
-
-.login-dialog .modal-dialog-button:active,
-.unlock-dialog .modal-dialog-button:active {
- color: rgba(65, 72, 104, 0.87);
- background-color: rgba(255, 255, 255, 0.2);
- box-shadow: none !important;
-}
-
-.login-dialog .modal-dialog-button:insensitive,
-.unlock-dialog .modal-dialog-button:insensitive {
- background-color: transparent;
- color: rgba(65, 72, 104, 0.35);
- box-shadow: none !important;
-}
-
-.login-dialog .modal-dialog-button:default,
-.unlock-dialog .modal-dialog-button:default {
- color: rgba(65, 72, 104, 0.87);
- background-color: #1a1b26;
- box-shadow: none !important;
-}
-
-.login-dialog .modal-dialog-button:default:hover,
-.login-dialog .modal-dialog-button:default:focus,
-.unlock-dialog .modal-dialog-button:default:hover,
-.unlock-dialog .modal-dialog-button:default:focus {
- color: rgba(65, 72, 104, 0.87);
- background-color: rgba(255, 255, 255, 0.12);
- box-shadow: none !important;
-}
-
-.login-dialog .modal-dialog-button:default:active,
-.unlock-dialog .modal-dialog-button:default:active {
- color: rgba(65, 72, 104, 0.87);
- background-color: rgba(255, 255, 255, 0.2);
- box-shadow: none !important;
-}
-
-.login-dialog .modal-dialog-button:default:insensitive,
-.unlock-dialog .modal-dialog-button:default:insensitive {
- color: rgba(65, 72, 104, 0.35);
- background-color: #1a1b26;
- box-shadow: none !important;
}
.login-dialog .cancel-button,
@@ -1420,12 +1451,10 @@ StEntry StLabel.hint-text,
.unlock-dialog .switch-user-button,
.unlock-dialog .login-dialog-session-list-button {
padding: 0;
- border-radius: 100px;
+ border-radius: 9999px;
width: 32px;
height: 32px;
border: none;
- background-color: rgba(255, 255, 255, 0.12);
- color: #eff0f2;
}
.login-dialog .cancel-button StIcon,
@@ -1439,7 +1468,25 @@ StEntry StLabel.hint-text,
.login-dialog .login-dialog-message-warning,
.unlock-dialog .login-dialog-message-warning {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.login-dialog .user-icon,
+.unlock-dialog .user-icon {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.login-dialog .user-icon StIcon,
+.unlock-dialog .user-icon StIcon {
+ background-color: rgba(25, 23, 36, 0.95);
+ color: #e0def4;
+}
+
+.login-dialog .user-icon,
+.login-dialog .user-icon.user-avatar,
+.unlock-dialog .user-icon,
+.unlock-dialog .user-icon.user-avatar {
+ border: none;
}
.login-dialog-logo-bin {
@@ -1447,7 +1494,7 @@ StEntry StLabel.hint-text,
}
.login-dialog-banner {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.login-dialog-button-box {
@@ -1477,22 +1524,22 @@ StEntry StLabel.hint-text,
.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
- color: #eff0f2;
+ color: #e0def4;
}
.login-dialog-not-listed-label {
font-size: 1em;
font-weight: bold;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
padding-top: 1em;
}
.login-dialog-not-listed-label:hover {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.login-dialog-not-listed-label:focus {
- background-color: rgba(255, 255, 255, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
.login-dialog-user-list-view {
@@ -1508,18 +1555,18 @@ StEntry StLabel.hint-text,
.login-dialog-user-list:expanded .login-dialog-user-list-item:selected,
.login-dialog-user-list:expanded .login-dialog-user-list-item:hover,
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
- background-color: rgba(255, 255, 255, 0.3);
- color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(224, 222, 244, 0.3);
+ color: rgba(224, 222, 244, 0.7);
}
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
- border-right: 2px solid #eff0f2;
+ border-right: 2px solid #faf4ed;
}
.login-dialog-user-list-item {
border-radius: 12px;
padding: 6px;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.login-dialog-user-list-item:ltr .user-widget {
@@ -1531,29 +1578,29 @@ StEntry StLabel.hint-text,
}
.login-dialog-user-list-item:focus {
- background-color: rgba(255, 255, 255, 0.04) !important;
+ background-color: rgba(224, 222, 244, 0.04) !important;
}
.login-dialog-user-list-item:hover,
.login-dialog-user-list-item:focus:hover {
- background-color: rgba(255, 255, 255, 0.12) !important;
- color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(224, 222, 244, 0.12) !important;
+ color: rgba(224, 222, 244, 0.7);
}
.login-dialog-user-list-item:active,
.login-dialog-user-list-item:focus:active {
- background-color: rgba(255, 255, 255, 0.3) !important;
- color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(224, 222, 244, 0.3) !important;
+ color: rgba(224, 222, 244, 0.7);
}
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
height: 2px;
margin: 6px 0 0 0;
- background-color: rgba(255, 255, 255, 0.12) !important;
+ background-color: rgba(224, 222, 244, 0.12) !important;
}
.user-widget-label {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.user-widget.horizontal .user-widget-label {
@@ -1591,98 +1638,107 @@ StEntry StLabel.hint-text,
}
.login-dialog-prompt-label {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-size: 12pt;
padding-top: 1em;
}
/* Looking Glass */
#LookingGlassDialog {
- background-color: #1a1b26;
+ background-color: rgba(33, 32, 46, 0.95) !important;
spacing: 4px;
padding: 0;
- border: none;
border-radius: 6px;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
- color: #eff0f2;
+ color: #e0def4 !important;
+ border: none;
}
#LookingGlassDialog > #Toolbar {
- padding: 0 8px;
+ padding: 0 6px;
border: none;
border-radius: 0;
- background-color: #1a1b26;
- box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12);
+ background-color: rgba(33, 32, 46, 0.95) !important;
+ box-shadow: inset 0 -1px 0 rgba(224, 222, 244, 0.12);
+ spacing: 6px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button {
+ padding: 6px 12px;
+}
+
+#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon {
+ icon-size: 16px;
}
#LookingGlassDialog .labels {
- spacing: 0;
+ spacing: 6px;
}
#LookingGlassDialog .notebook-tab {
-natural-hpadding: 12px;
- -minimum-hpadding: 6px;
+ -minimum-hpadding: 12px;
font-weight: bold;
- color: rgba(255, 255, 255, 0.5);
- padding-left: 16px;
- padding-right: 16px;
- min-height: 32px;
- padding: 0 32px;
+ color: rgba(224, 222, 244, 0.5);
+ padding: 6px 12px;
transition-duration: 100ms;
border-bottom-width: 0;
+ border-radius: 0;
}
#LookingGlassDialog .notebook-tab:hover {
- background-color: rgba(255, 255, 255, 0.04);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: #e0def4;
text-shadow: none;
}
#LookingGlassDialog .notebook-tab:selected {
border-color: transparent;
- background-color: rgba(255, 255, 255, 0.12);
- box-shadow: inset 0 -2px 0px #eff0f2;
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.12);
+ box-shadow: inset 0 -2px 0 #faf4ed;
+ color: #e0def4;
text-shadow: none;
}
#LookingGlassDialog StBoxLayout#EvalBox {
padding: 4px;
- spacing: 4px;
+ spacing: 6px;
+ padding: 6px;
}
#LookingGlassDialog StBoxLayout#ResultsArea {
- spacing: 4px;
+ spacing: 6px;
+ padding: 6px;
}
.lg-dialog StEntry {
min-height: 22px;
- selection-background-color: #eff0f2;
- selected-color: rgba(65, 72, 104, 0.87);
+ selection-background-color: #faf4ed;
+ selected-color: rgba(0, 0, 0, 0.87);
}
.lg-dialog .shell-link {
- color: #eff0f2;
+ color: #2196f3;
}
.lg-dialog .shell-link:hover {
- color: #fafafa;
+ color: #51adf6;
}
.lg-dialog .shell-link:active {
- color: #c7c7c7;
+ color: #0c7cd5;
}
.lg-dialog .actor-link {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.lg-dialog .actor-link:hover {
- color: #eff0f2;
+ color: #e0def4;
}
.lg-dialog .actor-link:active {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.lg-completions-text {
@@ -1714,10 +1770,12 @@ StEntry StLabel.hint-text,
}
.lg-extension {
- border: none;
border-radius: 6px;
- background-color: #1a1b26;
+ background-color: rgba(224, 222, 244, 0.04) !important;
+ color: #e0def4 !important;
padding: 12px;
+ box-shadow: none;
+ border: none;
}
.lg-extension-name {
@@ -1729,8 +1787,8 @@ StEntry StLabel.hint-text,
}
#LookingGlassPropertyInspector {
- color: rgba(255, 255, 255, 0.7);
- background: #1a1b26;
+ color: rgba(224, 222, 244, 0.7) !important;
+ background: rgba(33, 32, 46, 0.95) !important;
border: none;
border-radius: 6px;
padding: 6px;
@@ -1738,19 +1796,64 @@ StEntry StLabel.hint-text,
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
}
+.lg-debug-flag-button {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.lg-debug-flag-button StLabel {
+ padding: 6px 12px;
+}
+
+.lg-debug-flag-button:hover {
+ color: #e0def4;
+}
+
+.lg-debug-flag-button:active {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.lg-debug-flags-header {
+ padding-top: 12px;
+ padding: 6px;
+ margin: 6px;
+ color: rgba(224, 222, 244, 0.3);
+}
+
/* Message List */
.message-list {
width: 31.5em;
- padding: 0 12px;
text-shadow: none;
+ border: solid rgba(224, 222, 244, 0.12);
+ padding: 6px;
+}
+
+.message-list:ltr {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-right: 12px;
+ border-right-width: 1px;
+}
+
+.message-list:rtl {
+ margin-right: 0;
+ margin-left: 4px;
+ padding-left: 12px;
+ border-left-width: 1px;
}
.message-list .message-list-placeholder {
spacing: 12px;
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.message-list .message-list-placeholder > StIcon {
+ icon-size: 48px;
+ margin-bottom: 12px;
+ -st-icon-style: symbolic;
}
.message-list-sections {
- margin: 0 16px;
+ margin: 0 8px;
}
.message-list-section,
@@ -1770,12 +1873,12 @@ StEntry StLabel.hint-text,
}
.message .message-icon-bin {
- margin: 8px 0;
- padding: 8px 0px 8px 8px;
+ padding: 18px 12px;
+ padding-right: 6px;
}
.message .message-icon-bin:rtl {
- padding: 8px 8px 8px 0px;
+ padding-left: 6px;
}
.message .message-icon-bin > StIcon {
@@ -1793,10 +1896,10 @@ StEntry StLabel.hint-text,
}
.message .message-secondary-bin > .event-time {
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
font-size: 9pt;
text-align: right;
- padding-bottom: 0.13em;
+ padding-bottom: 0;
}
.message .message-secondary-bin > .event-time:ltr {
@@ -1808,66 +1911,68 @@ StEntry StLabel.hint-text,
}
.message .message-title {
- color: #eff0f2;
+ color: #e0def4;
font-weight: bold;
+ padding-top: 0.57em;
}
.message .message-content {
- padding: 14px;
+ padding: 6px;
+ margin-bottom: 4px;
spacing: 4px;
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
.message .message-close-button {
- color: rgba(255, 255, 255, 0.7);
- padding: 0;
- height: 24px;
- width: 24px;
+ color: rgba(224, 222, 244, 0.7);
+ padding: 4px;
+ height: 20px;
+ width: 20px;
border-radius: 9999px;
}
.message .message-close-button:hover,
.message .message-close-button:active {
- color: #eff0f2;
+ color: #e0def4;
}
.message .message-close-button:hover,
.message .message-close-button:focus {
- background-color: rgba(255, 255, 255, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
.message .message-close-button:active {
- background-color: rgba(255, 255, 255, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
}
.message .message-body {
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
.url-highlighter {
- link-color: #eff0f2;
+ link-color: #2196f3;
}
.message-media-control {
- margin: 18px 6px;
+ margin: 20px 6px;
padding: 9px;
border-radius: 9999px;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.message-media-control:hover,
.message-media-control:focus {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.12);
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
}
.message-media-control:active {
- color: #eff0f2;
- background-color: rgba(255, 255, 255, 0.3);
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.3);
}
.message-media-control:insensitive {
- color: rgba(255, 255, 255, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
.message-media-control:last-child:ltr {
@@ -1878,30 +1983,34 @@ StEntry StLabel.hint-text,
margin-left: 16px;
}
+.message-media-control StIcon {
+ icon-size: 16px;
+}
+
.media-message-cover-icon {
icon-size: 32px !important;
}
.media-message-cover-icon.fallback {
- icon-size: 32px !important;
+ icon-size: 24px !important;
+ padding: 6px;
border: none;
- border-radius: 12px;
- background-color: rgba(255, 255, 255, 0.12);
- color: rgba(255, 255, 255, 0.5);
+ border-radius: 6px;
+ background-color: rgba(224, 222, 244, 0.12);
+ color: rgba(224, 222, 244, 0.5);
}
.select-area-rubberband {
- background-color: rgba(224, 224, 224, 0.3);
- border: 1px solid #eff0f2;
+ background-color: rgba(250, 244, 237, 0.3);
+ border: 1px solid #faf4ed;
border-radius: 6px;
}
.user-icon {
background-size: contain;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
border-radius: 9999px;
- border: none;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
+ box-shadow: none;
icon-size: 64px;
}
@@ -1910,19 +2019,21 @@ StEntry StLabel.hint-text,
}
.user-icon:hover {
- color: #eff0f2;
+ color: #e0def4;
}
.user-icon StIcon {
- background-color: #eff0f2;
+ background-color: rgba(33, 32, 46, 0.95);
+ color: #e0def4;
border-radius: 9999px;
padding: 12px;
width: 40px;
height: 40px;
}
+.user-icon,
.user-icon.user-avatar {
- border: 2px solid #565a6e;
+ border: none;
}
.user-widget.vertical .user-icon {
@@ -1942,11 +2053,11 @@ StEntry StLabel.hint-text,
}
.flashspot {
- background-color: #eff0f2;
+ background-color: #e0def4;
}
.hidden {
- color: rgba(65, 72, 104, 0);
+ color: rgba(0, 0, 0, 0);
}
.caps-lock-warning-label {
@@ -1982,7 +2093,7 @@ StEntry StLabel.hint-text,
}
.nm-dialog-airplane-text {
- color: #eff0f2;
+ color: #e0def4;
}
.nm-dialog-header {
@@ -2000,7 +2111,7 @@ StEntry StLabel.hint-text,
.nm-dialog-scroll-view {
border: none;
padding: 0;
- background-color: rgba(255, 255, 255, 0.04);
+ background-color: rgba(224, 222, 244, 0.04);
border-radius: 6px;
}
@@ -2012,17 +2123,17 @@ StEntry StLabel.hint-text,
}
.nm-dialog-item:selected {
- background-color: #eff0f2;
- color: rgba(65, 72, 104, 0.87);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
}
.nm-dialog-item:hover,
.nm-dialog-item:focus {
- background-color: rgba(255, 255, 255, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
.nm-dialog-item:active {
- background-color: rgba(255, 255, 255, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
}
.nm-dialog-icon {
@@ -2034,7 +2145,7 @@ StEntry StLabel.hint-text,
}
.no-networks-label {
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
.no-networks-box {
@@ -2043,34 +2154,34 @@ StEntry StLabel.hint-text,
/* Notifications & Message Tray */
.notification-banner {
- width: 34em;
- min-height: 64px;
- margin: 2px 5px 8px;
- border-radius: 6px;
- color: rgba(255, 255, 255, 0.7);
- background-color: #1a1b26;
- border: none;
+ width: 25em;
+ min-height: 65px;
+ color: rgba(224, 222, 244, 0.7);
+ background-color: rgba(38, 35, 58, 0.95);
text-shadow: none;
+ border: solid 1px rgba(224, 222, 244, 0.25);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+ margin: 20px 20px 10px;
border-radius: 12px;
}
.notification-banner:hover {
- color: #eff0f2;
- background-color: #1a1b26;
- box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);
- margin: 2px 12px 17px;
+ color: #e0def4;
+ background-color: rgba(38, 35, 58, 0.95);
+ border: solid 1px rgba(224, 222, 244, 0.25);
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
+ margin: 20px 20px 10px;
}
.notification-banner:focus {
- color: #eff0f2;
- background-color: #1a1b26;
+ color: #e0def4;
+ background-color: rgba(38, 35, 58, 0.95);
}
.notification-banner .notification-actions {
background-color: transparent;
padding-top: 0;
- border-top: 1px solid rgba(255, 255, 255, 0.12);
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
spacing: 0;
}
@@ -2078,7 +2189,7 @@ StEntry StLabel.hint-text,
min-height: 44px;
padding: 0 18px;
background-color: transparent;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-weight: 500;
border-width: 0;
}
@@ -2098,20 +2209,20 @@ StEntry StLabel.hint-text,
.notification-banner .notification-button:focus {
background-color: transparent;
- color: #eff0f2;
- box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.12);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px rgba(224, 222, 244, 0.12);
}
.notification-banner .notification-button:hover,
.notification-banner .notification-button:focus:hover {
- background-color: rgba(255, 255, 255, 0.12);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
box-shadow: none;
}
.notification-banner .notification-button:active {
- background-color: rgba(255, 255, 255, 0.3);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.3);
+ color: #e0def4;
}
.summary-source-counter {
@@ -2121,9 +2232,9 @@ StEntry StLabel.hint-text,
width: 1.6em;
-shell-counter-overlap-x: 3px;
-shell-counter-overlap-y: 3px;
- background-color: #eff0f2;
- color: rgba(65, 72, 104, 0.87);
- border: 2px solid rgba(255, 255, 255, 0.3);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ border: 2px solid rgba(224, 222, 244, 0.3);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
border-radius: 0.9em;
}
@@ -2137,7 +2248,7 @@ StEntry StLabel.hint-text,
}
.chat-log-message {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.chat-new-group {
@@ -2155,7 +2266,7 @@ StEntry StLabel.hint-text,
.chat-sent {
padding-left: 18pt;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.chat-sent:rtl {
@@ -2166,7 +2277,7 @@ StEntry StLabel.hint-text,
.chat-meta-message {
padding-left: 4px;
font-size: 9pt;
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
.chat-meta-message:rtl {
@@ -2175,29 +2286,22 @@ StEntry StLabel.hint-text,
}
/* OSD */
+.screenshot-ui-panel,
.workspace-switcher-container,
-.switcher-list,
.resize-popup,
.osd-window {
- color: rgba(255, 255, 255, 0.7);
- background-color: #212121;
- border: none;
+ color: rgba(224, 222, 244, 0.7);
+ background-color: rgba(25, 23, 36, 0.95);
+ border: solid 1px rgba(224, 222, 244, 0.25);
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
margin: 5px 8px 11px;
border-radius: 12px;
- padding: 12px;
+ padding: 10px;
}
.osd-window {
text-align: center;
font-weight: bold;
- spacing: 1em;
- min-width: 64px;
- min-height: 64px;
-}
-
-.osd-window StIcon {
- icon-size: 96px;
}
.osd-window .osd-monitor-label {
@@ -2205,27 +2309,27 @@ StEntry StLabel.hint-text,
}
.osd-window .level {
- height: 2px;
+ height: 3px;
border-radius: 2px;
- background-color: rgba(255, 255, 255, 0.12);
- color: #eff0f2;
- -barlevel-height: 2px;
- -barlevel-background-color: rgba(255, 255, 255, 0.12);
- -barlevel-active-background-color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.15);
+ color: #e0def4;
+ -barlevel-height: 3px;
+ -barlevel-background-color: rgba(224, 222, 244, 0.15);
+ -barlevel-active-background-color: #e0def4;
-barlevel-overdrive-color: #f28b82;
-barlevel-overdrive-separator-width: 2px;
-barlevel-border-width: 0;
- -barlevel-border-color: rgba(255, 255, 255, 0.12);
+ -barlevel-border-color: rgba(224, 222, 244, 0.12);
}
.osd-window .level-bar {
- background-color: #eff0f2;
+ background-color: #e0def4;
border-radius: 2px;
}
.pad-osd-window {
padding: 32px;
- background-color: #212121;
+ background-color: rgba(25, 23, 36, 0.95);
}
.pad-osd-window .pad-osd-title-box {
@@ -2240,27 +2344,47 @@ StEntry StLabel.hint-text,
width: 15em;
}
+#overview StScrollBar StBin#trough {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle,
+#overview StScrollBar StButton#hhandle {
+ background-color: rgba(224, 222, 244, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover,
+#overview StScrollBar StButton#hhandle:hover {
+ background-color: rgba(224, 222, 244, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active,
+#overview StScrollBar StButton#hhandle:active {
+ background-color: #e0def4;
+}
+
+#overview {
+ spacing: 24px;
+}
+
.overview-controls {
padding-bottom: 30px;
}
/* Top Bar */
#panel {
- background-color: rgba(26, 27, 38, 0.9);
+ background-color: rgba(25, 23, 36, 0.95);
font-weight: bold;
- height: 30px;
- color: rgba(192, 202, 245, 1);
+ height: 32px;
+ color: rgba(224, 222, 244, 0.7);
font-feature-settings: 'tnum';
transition-duration: 250ms;
- font-size: 10.5pt;
- margin: 2px 5px;
- border: 1px solid rgba(192, 202, 245, 0.3);
- border-radius: 15px;
+ font-size: 10pt;
}
#panel .panel-corner {
-panel-corner-radius: 0;
- -panel-corner-background-color: #212121;
+ -panel-corner-background-color: rgba(25, 23, 36, 0.95);
-panel-corner-border-width: 2px;
-panel-corner-border-color: transparent;
-panel-corner-opacity: 1;
@@ -2268,31 +2392,38 @@ StEntry StLabel.hint-text,
}
#panel .panel-button {
- -natural-hpadding: 8px;
- -minimum-hpadding: 8px;
+ -natural-hpadding: 12px;
+ -minimum-hpadding: 6px;
font-weight: bold;
- color: #eff0f2;
+ color: #e0def4;
transition-duration: 150ms;
border-radius: 9999px;
text-shadow: none;
- border: none;
- margin: 2px;
+ border: 2px solid transparent;
}
#panel .panel-button.clock-display .clock {
- transition-duration: 0;
- border: none;
- border-radius: 0;
- box-shadow: none;
- background: none;
+ transition-duration: 150ms;
+ border: 2px solid transparent;
+ border-radius: 9999px;
}
#panel .panel-button:hover {
- color: #eff0f2;
- background-color: #24283b;
- border-radius: 50px;
- box-shadow: none;
+ color: #ebbcba;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px #403d52;
}
+
+#panel .panel-button.clock-display:hover {
+ box-shadow: none;
+ color: #ebbcba;
+}
+
+#panel .panel-button.clock-display:hover .clock {
+ color: #ebbcba;
+ box-shadow: inset 0 0 0 1000px #403d52;
+}
+
#panel .panel-button:active,
#panel .panel-button:active:hover,
#panel .panel-button:overview,
@@ -2301,17 +2432,70 @@ StEntry StLabel.hint-text,
#panel .panel-button:focus:hover,
#panel .panel-button:checked,
#panel .panel-button:checked:hover {
- border: 1px solid rgba(86, 90, 110, 0.6);
- background-color: #24283b;
- color: #eff0f2;
- font-weight: bold;
+ background-color: transparent;
+ color: #ebbcba;
+ box-shadow: inset 0 0 0 1000px #26233a;
+}
+
+#panel .panel-button:active .panel-button,
+#panel .panel-button:overview .panel-button,
+#panel .panel-button:focus .panel-button,
+#panel .panel-button:checked .panel-button {
+ background-color: transparent;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: inset 0 0 0 1000px #403d52;
+}
+
+#panel .panel-button:active .panel-button:hover,
+#panel .panel-button:overview .panel-button:hover,
+#panel .panel-button:focus .panel-button:hover,
+#panel .panel-button:checked .panel-button:hover {
+ color: #ebbcba;
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12);
+}
+
+#panel .panel-button:active .panel-button:active,
+#panel .panel-button:active .panel-button:overview,
+#panel .panel-button:active .panel-button:focus,
+#panel .panel-button:active .panel-button:checked,
+#panel .panel-button:overview .panel-button:active,
+#panel .panel-button:overview .panel-button:overview,
+#panel .panel-button:overview .panel-button:focus,
+#panel .panel-button:overview .panel-button:checked,
+#panel .panel-button:focus .panel-button:active,
+#panel .panel-button:focus .panel-button:overview,
+#panel .panel-button:focus .panel-button:focus,
+#panel .panel-button:focus .panel-button:checked,
+#panel .panel-button:checked .panel-button:active,
+#panel .panel-button:checked .panel-button:overview,
+#panel .panel-button:checked .panel-button:focus,
+#panel .panel-button:checked .panel-button:checked {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
+}
+
+#panel .panel-button.clock-display:active,
+#panel .panel-button.clock-display:overview,
+#panel .panel-button.clock-display:focus,
+#panel .panel-button.clock-display:checked {
box-shadow: none;
+ color: #ebbcba;
+}
+
+#panel .panel-button.clock-display:active .clock,
+#panel .panel-button.clock-display:overview .clock,
+#panel .panel-button.clock-display:focus .clock,
+#panel .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 1000px #26233a;
+ color: #ebbcba;
}
.unlock-screen #panel .panel-button,
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
- color: #eff0f2;
+ color: #ebbcba;
}
.unlock-screen #panel .panel-button:focus,
@@ -2323,12 +2507,12 @@ StEntry StLabel.hint-text,
.lock-screen #panel .panel-button:focus,
.lock-screen #panel .panel-button:hover,
.lock-screen #panel .panel-button:active {
- color: #eff0f2;
+ color: #ebbcba;
}
#panel .panel-button .system-status-icon {
icon-size: 16px;
- padding: 5px;
+ padding: 8px;
margin: 0 4px;
-st-icon-style: symbolic;
}
@@ -2342,7 +2526,7 @@ StEntry StLabel.hint-text,
-st-icon-style: symbolic;
}
-#panel .panel-button#panelActivities {
+#panel #panelActivities.panel-button {
-natural-hpadding: 18px;
}
@@ -2351,8 +2535,8 @@ StEntry StLabel.hint-text,
#panel.login-screen,
#panel.lock-screen {
background-color: transparent;
- border: transparent;
box-shadow: none;
+ border: transparent;
}
#panel:overview StLabel,
@@ -2363,17 +2547,32 @@ StEntry StLabel.hint-text,
#panel.login-screen StIcon,
#panel.lock-screen StLabel,
#panel.lock-screen StIcon {
- color: rgba(255, 255, 255, 0.7);
+ color: #ebbcba;
}
#panel:overview .panel-button:hover,
#panel.unlock-screen .panel-button:hover,
#panel.login-screen .panel-button:hover,
#panel.lock-screen .panel-button:hover {
- color: #c0caf5;
+ color: #ebbcba;
background-color: transparent;
- border: transparent;
+ box-shadow: inset 0 0 0 1000px rgba(224, 222, 244, 0.12);
+}
+
+#panel:overview .panel-button.clock-display:hover,
+#panel.unlock-screen .panel-button.clock-display:hover,
+#panel.login-screen .panel-button.clock-display:hover,
+#panel.lock-screen .panel-button.clock-display:hover {
box-shadow: none;
+ color: #ebbcba;
+}
+
+#panel:overview .panel-button.clock-display:hover .clock,
+#panel.unlock-screen .panel-button.clock-display:hover .clock,
+#panel.login-screen .panel-button.clock-display:hover .clock,
+#panel.lock-screen .panel-button.clock-display:hover .clock {
+ color: #ebbcba;
+ box-shadow: inset 0 0 0 1000px rgba(224, 222, 244, 0.12);
}
#panel:overview .panel-button:active,
@@ -2392,56 +2591,49 @@ StEntry StLabel.hint-text,
#panel.lock-screen .panel-button:overview,
#panel.lock-screen .panel-button:focus,
#panel.lock-screen .panel-button:checked {
- color: #eff0f2;
+ color: #ebbcba;
background-color: transparent;
- border: transparent;
- box-shadow: none;
+ box-shadow: inset 0 0 0 1000px rgba(224, 222, 244, 0.2);
}
-#panel:overview .panel-button:hover.clock-display,
-#panel:overview .panel-button:active.clock-display,
-#panel:overview .panel-button:overview.clock-display,
-#panel:overview .panel-button:focus.clock-display,
-#panel:overview .panel-button:checked.clock-display,
-#panel.unlock-screen .panel-button:hover.clock-display,
-#panel.unlock-screen .panel-button:active.clock-display,
-#panel.unlock-screen .panel-button:overview.clock-display,
-#panel.unlock-screen .panel-button:focus.clock-display,
-#panel.unlock-screen .panel-button:checked.clock-display,
-#panel.login-screen .panel-button:hover.clock-display,
-#panel.login-screen .panel-button:active.clock-display,
-#panel.login-screen .panel-button:overview.clock-display,
-#panel.login-screen .panel-button:focus.clock-display,
-#panel.login-screen .panel-button:checked.clock-display,
-#panel.lock-screen .panel-button:hover.clock-display,
-#panel.lock-screen .panel-button:active.clock-display,
-#panel.lock-screen .panel-button:overview.clock-display,
-#panel.lock-screen .panel-button:focus.clock-display,
-#panel.lock-screen .panel-button:checked.clock-display {
+#panel:overview .panel-button.clock-display:active,
+#panel:overview .panel-button.clock-display:overview,
+#panel:overview .panel-button.clock-display:focus,
+#panel:overview .panel-button.clock-display:checked,
+#panel.unlock-screen .panel-button.clock-display:active,
+#panel.unlock-screen .panel-button.clock-display:overview,
+#panel.unlock-screen .panel-button.clock-display:focus,
+#panel.unlock-screen .panel-button.clock-display:checked,
+#panel.login-screen .panel-button.clock-display:active,
+#panel.login-screen .panel-button.clock-display:overview,
+#panel.login-screen .panel-button.clock-display:focus,
+#panel.login-screen .panel-button.clock-display:checked,
+#panel.lock-screen .panel-button.clock-display:active,
+#panel.lock-screen .panel-button.clock-display:overview,
+#panel.lock-screen .panel-button.clock-display:focus,
+#panel.lock-screen .panel-button.clock-display:checked {
box-shadow: none;
+ color: #ebbcba;
}
-#panel:overview .panel-button:hover.clock-display .clock,
-#panel:overview .panel-button:active.clock-display .clock,
-#panel:overview .panel-button:overview.clock-display .clock,
-#panel:overview .panel-button:focus.clock-display .clock,
-#panel:overview .panel-button:checked.clock-display .clock,
-#panel.unlock-screen .panel-button:hover.clock-display .clock,
-#panel.unlock-screen .panel-button:active.clock-display .clock,
-#panel.unlock-screen .panel-button:overview.clock-display .clock,
-#panel.unlock-screen .panel-button:focus.clock-display .clock,
-#panel.unlock-screen .panel-button:checked.clock-display .clock,
-#panel.login-screen .panel-button:hover.clock-display .clock,
-#panel.login-screen .panel-button:active.clock-display .clock,
-#panel.login-screen .panel-button:overview.clock-display .clock,
-#panel.login-screen .panel-button:focus.clock-display .clock,
-#panel.login-screen .panel-button:checked.clock-display .clock,
-#panel.lock-screen .panel-button:hover.clock-display .clock,
-#panel.lock-screen .panel-button:active.clock-display .clock,
-#panel.lock-screen .panel-button:overview.clock-display .clock,
-#panel.lock-screen .panel-button:focus.clock-display .clock,
-#panel.lock-screen .panel-button:checked.clock-display .clock {
- box-shadow: none;
+#panel:overview .panel-button.clock-display:active .clock,
+#panel:overview .panel-button.clock-display:overview .clock,
+#panel:overview .panel-button.clock-display:focus .clock,
+#panel:overview .panel-button.clock-display:checked .clock,
+#panel.unlock-screen .panel-button.clock-display:active .clock,
+#panel.unlock-screen .panel-button.clock-display:overview .clock,
+#panel.unlock-screen .panel-button.clock-display:focus .clock,
+#panel.unlock-screen .panel-button.clock-display:checked .clock,
+#panel.login-screen .panel-button.clock-display:active .clock,
+#panel.login-screen .panel-button.clock-display:overview .clock,
+#panel.login-screen .panel-button.clock-display:focus .clock,
+#panel.login-screen .panel-button.clock-display:checked .clock,
+#panel.lock-screen .panel-button.clock-display:active .clock,
+#panel.lock-screen .panel-button.clock-display:overview .clock,
+#panel.lock-screen .panel-button.clock-display:focus .clock,
+#panel.lock-screen .panel-button.clock-display:checked .clock {
+ box-shadow: inset 0 0 0 1000px rgba(224, 222, 244, 0.2);
+ color: #ebbcba;
}
#panel:overview .panel-corner,
@@ -2472,127 +2664,121 @@ StEntry StLabel.hint-text,
-arrow-border-radius: 2px;
-arrow-background-color: transparent;
-arrow-border-width: 0;
- -arrow-border-color: red;
- -arrow-base: 64px;
+ -arrow-border-color: transparent;
+ -arrow-base: 12px;
-arrow-rise: 0;
-arrow-box-shadow: none;
background: transparent;
}
-.popup-menu {
- min-width: 12em;
- color: rgba(255, 255, 255, 0.7);
- padding: 0 !important;
- font-weight: normal;
- font-size: 10pt;
-}
-
.popup-menu .popup-menu-content {
- padding: 6px 0 !important;
- background-color: #1a1b26;
+ padding: 6px;
+ background-color: rgba(38, 35, 58, 0.95);
border-radius: 12px;
- box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
- margin: 4px 10px 12px;
- font-weight: normal;
- border: 2px solid #565a6e;
+ margin: 4px;
+ font-weight: 500;
+ border: 1px solid rgba(0, 0, 0, 0.75);
+ box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
}
.popup-menu .popup-menu-item {
spacing: 9px;
padding: 6px;
- color: rgba(255, 255, 255, 0.7);
+ color: #e0def4 !important;
text-shadow: none;
border-radius: 6px;
margin: 0 6px;
- font-weight: normal;
-}
-
-.popup-menu .popup-menu-item:ltr {
- padding-right: 1.5em !important;
- padding-left: 0 !important;
-}
-
-.popup-menu .popup-menu-item:rtl {
- padding-right: 0 !important;
- padding-left: 1.5em !important;
+ font-weight: 500;
}
.popup-menu .popup-menu-item:checked {
- font-weight: normal;
+ font-weight: 500;
border: none;
box-shadow: none;
- color: #eff0f2;
- background-color: #24283b;
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: #e0def4 !important;
border-radius: 6px 6px 0 0;
}
-.popup-menu .popup-menu-item:checked.hover,
-.popup-menu .popup-menu-item:checked.selected {
- color: #eff0f2;
- background-color: #414868;
+.popup-menu .popup-menu-item:checked:focus,
+.popup-menu .popup-menu-item:checked:hover,
+.popup-menu .popup-menu-item.selected:checked {
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: #908caa !important;
}
.popup-menu .popup-menu-item:checked:active {
- color: #eff0f2;
- background-color: lightgray;
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: #524f67 !important;
}
.popup-menu .popup-menu-item:checked:insensitive {
- color: #eff0f2;
+ color: rgba(0, 0, 0, 0.38) !important;
}
+.popup-menu .popup-menu-item:focus,
+.popup-menu .popup-menu-item:hover,
.popup-menu .popup-menu-item.selected {
- color: eff0f2;
- background-color: #414868;
+ color: #e0def4 !important;
+ background-color: rgba(224, 222, 244, 0.12) !important;
transition-duration: 0;
}
.popup-menu .popup-menu-item:active,
.popup-menu .popup-menu-item.selected:active {
- color: #eff0f2;
- background-color: #24283b;
+ color: #e0def4 !important;
+ background-color: rgba(224, 222, 244, 0.3) !important;
}
.popup-menu .popup-menu-item:insensitive {
- color: rgba(255, 255, 255, 0.3);
+ color: rgba(224, 222, 244, 0.3) !important;
}
.popup-menu .popup-sub-menu {
- background-color: rgba(65, 72, 104, 0.6);
- color: #eff0f2;
border: none;
box-shadow: none;
margin: 0 6px;
border-radius: 0 0 6px 6px;
+ background-color: #e0def4 !important;
+ color: rgba(0, 0, 0, 0.6) !important;
}
.popup-menu .popup-sub-menu .popup-menu-item {
- color: #eff0f2;
- border-radius: 6px;
+ border-radius: 0;
margin: 0;
+ color: rgba(0, 0, 0, 0.6) !important;
}
+.popup-menu .popup-sub-menu .popup-menu-item:focus,
+.popup-menu .popup-sub-menu .popup-menu-item.hover,
.popup-menu .popup-sub-menu .popup-menu-item.selected {
- color: #eff0f2;
- background-color: #414868;
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.12) !important;
}
.popup-menu .popup-sub-menu .popup-menu-item:active,
.popup-menu .popup-sub-menu .popup-menu-item.selected:active {
- color: #eff0f2;
- background-color: rgba(65, 72, 104, 0.26);
+ color: rgba(0, 0, 0, 0.87) !important;
+ background-color: rgba(0, 0, 0, 0.26) !important;
}
.popup-menu .popup-sub-menu .popup-menu-item:insensitive {
- color: #eff0f2;
+ color: rgba(0, 0, 0, 0.26) !important;
+}
+
+.popup-menu
+ .popup-sub-menu
+ .popup-menu-section:last-child
+ .popup-menu-item:last-child {
+ border-radius: 0 0 6px 6px;
}
.popup-menu .popup-inactive-menu-item {
- color: rgba(255, 255, 255, 0.7);
+ color: #ebbcba !important;
}
.popup-menu .popup-inactive-menu-item:insensitive {
- color: rgba(255, 255, 255, 0.3);
+ color: rgba(224, 222, 244, 0.3) !important;
}
.popup-menu.panel-menu {
@@ -2602,7 +2788,7 @@ StEntry StLabel.hint-text,
.popup-menu-arrow,
.popup-menu-icon {
- icon-size: 16px;
+ icon-size: 16px !important;
}
.popup-menu-ornament {
@@ -2617,26 +2803,6 @@ StEntry StLabel.hint-text,
text-align: left;
}
-.popup-separator-menu-item {
- padding: 0 0;
-}
-
-.popup-separator-menu-item .popup-separator-menu-item-separator {
- height: 1px;
- margin: 0 0;
- background-color: rgba(239, 240, 242, 0.12);
- padding: 0 0;
-}
-
-.popup-sub-menu
- .popup-separator-menu-item
- .popup-separator-menu-item-separator {
- padding: 0 0;
- margin: 0 32px 0 0;
- height: 1px;
- background-color: rgba(239, 240, 242, 0.12);
-}
-
.background-menu {
-boxpointer-gap: 4px;
-arrow-rise: 0px;
@@ -2652,19 +2818,251 @@ StEntry StLabel.hint-text,
-st-icon-style: symbolic;
}
-.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
- padding-left: 18px;
- margin-left: 1em;
+.quick-settings {
+ padding: 12px !important;
+ border-radius: 12px !important;
}
-.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
- padding-right: 18px;
- margin-right: 1em;
+.quick-settings .icon-button,
+.quick-settings .button {
+ padding: 10.5px;
+}
+
+.quick-settings .icon-button > StIcon,
+.quick-settings .button > StIcon {
+ icon-size: 16px !important;
+}
+
+.quick-settings-grid {
+ spacing-rows: 12px;
+ spacing-columns: 12px;
+}
+
+.quick-toggle {
+ border-radius: 8px;
+ min-width: 12em;
+ max-width: 12em;
+ min-height: 40px;
+ border: none;
+ border: 1px solid rgba(224, 222, 244, 0.2);
+ background-color: rgba(224, 222, 244, 0.08) !important;
+}
+
+.quick-toggle:hover {
+ background-color: rgba(224, 222, 244, 0.12) !important;
+}
+
+.quick-toggle:active {
+ background-color: rgba(224, 222, 244, 0.15) !important;
+}
+
+.quick-toggle:checked {
+ background-color: #31748f !important;
+ color: #faf4ed;
+}
+
+.quick-toggle:checked:hover {
+ background-color: #9ccfd8 !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle:checked:active {
+ background-color: #9ccfd8 !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle > StBoxLayout {
+ spacing: 6px;
+ padding: 0 12px;
+}
+
+.quick-toggle.button {
+ padding: 0;
+}
+
+.quick-toggle:ltr > StBoxLayout {
+ padding-left: 15px;
+}
+
+.quick-toggle:rtl > StBoxLayout {
+ padding-right: 15px;
+}
+
+.quick-toggle .quick-toggle-label {
+ font-weight: bold;
+}
+
+.quick-toggle .quick-toggle-icon,
+.quick-toggle .quick-toggle-arrow {
+ icon-size: 16px !important;
+}
+
+.quick-menu-toggle:ltr > StBoxLayout {
+ padding-right: 0;
+}
+
+.quick-menu-toggle:rtl > StBoxLayout {
+ padding-left: 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow {
+ background-color: rgba(224, 222, 244, 0.08) !important;
+ padding: 6px 10.5px;
+ icon-size: 16px !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:active {
+ background-color: rgba(224, 222, 244, 0.12) !important;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:ltr {
+ border-radius: 0 6px 6px 0;
+}
+
+.quick-menu-toggle .quick-toggle-arrow:rtl {
+ border-radius: 6px 0 0 6px;
+}
+
+.quick-slider {
+ padding: 0 6px;
+}
+
+.quick-slider > StBoxLayout {
+ spacing: 6px;
+}
+
+.quick-slider .slider-bin {
+ min-height: 16px;
+ padding: 6px;
+ border-radius: 9999px;
+}
+
+.quick-slider .slider-bin:focus {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: none !important;
+}
+
+.quick-slider .quick-toggle-icon,
+.quick-slider .quick-toggle-arrow {
+ icon-size: 16px !important;
+}
+
+.quick-slider .icon-button {
+ background-color: transparent;
+ color: #ebbcba !important;
+}
+
+.quick-slider .icon-button:hover {
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.quick-slider .icon-button:active {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.quick-toggle-menu {
+ background-color: #26233a !important;
+ color: #e0def4 !important;
+ border-radius: 12px !important;
+ padding: 12px;
+ margin: 12px 30px 0;
+ box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
+}
+
+.quick-toggle-menu .popup-menu-item {
+ min-height: 20px;
+ padding: 6px;
+ spacing: 6px;
+ border-radius: 6px !important;
+ color: #e0def4 !important;
+}
+
+.quick-toggle-menu .popup-menu-item:focus,
+.quick-toggle-menu .popup-menu-item.hover,
+.quick-toggle-menu .popup-menu-item.selected {
+ color: #e0def4 !important;
+ background-color: rgba(224, 222, 244, 0.1) !important;
+}
+
+.quick-toggle-menu .popup-menu-item:active,
+.quick-toggle-menu .popup-menu-item.selected:active {
+ color: #e0def4 !important;
+ background-color: rgba(224, 222, 244, 0.2) !important;
+}
+
+.quick-toggle-menu .popup-menu-item > StIcon {
+ -st-icon-style: symbolic;
+}
+
+.quick-toggle-menu .header {
+ spacing-rows: 3px;
+ spacing-columns: 12px;
+ padding-bottom: 12px;
+}
+
+.quick-toggle-menu .header .icon {
+ icon-size: 24px;
+ border-radius: 6px;
+ padding: 9px;
+ background-color: #ebbcba !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-toggle-menu .header .icon.active {
+ background-color: #ebbcba !important;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.quick-settings-system-item > StBoxLayout {
+ spacing: 12px;
+}
+
+.quick-settings-system-item .icon-button {
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #ebbcba;
+ border-radius: 6px;
+ border: 1px solid rgba(224, 222, 244, 0.2);
+}
+
+.quick-settings-system-item .icon-button:hover {
+ background-color: rgba(234, 232, 255, 0.12);
+ color: #b4f9f8;
+ border-radius: 6px;
+ border: 1px solid rgba(234, 232, 255, 0.2);
+}
+
+.quick-settings-system-item .icon-button > StIcon {
+ -st-icon-style: symbolic;
+ icon-size: 16px !important;
+}
+
+.quick-settings-system-item .power-item {
+ min-height: 0;
+ min-width: 0;
+ color: #ebbcba;
+}
+
+.quick-settings-system-item .power-item:hover {
+ min-height: 0;
+ min-width: 0;
+ color: #b4f9f8;
+}
+
+.quick-settings-system-item .power-item:insensitive {
+ color: #ebbcba;
+ background-color: rgba(33, 32, 46, 0.95);
+ box-shadow: none !important;
+ background-color: transparent;
+}
+
+.nm-network-item .wireless-secure-icon {
+ icon-size: 8px;
}
/* Screen Shield */
.unlock-dialog-clock {
- color: #eff0f2;
+ color: #e0def4;
font-weight: 300;
text-align: center;
spacing: 24px;
@@ -2703,15 +3101,15 @@ StEntry StLabel.hint-text,
.unlock-dialog-notifications-container .unlock-dialog-notification-source {
padding: 12px 6px;
border: none;
- background-color: #212121;
- color: #eff0f2;
+ background-color: rgba(25, 23, 36, 0.95);
+ color: #e0def4;
border-radius: 12px;
}
.unlock-dialog-notifications-container .notification.critical,
.unlock-dialog-notifications-container
.unlock-dialog-notification-source.critical {
- background-color: #353535;
+ background-color: #26233a;
}
.unlock-dialog-notification-label {
@@ -2721,8 +3119,8 @@ StEntry StLabel.hint-text,
.unlock-dialog-notification-count-text {
weight: bold;
padding: 0 6px;
- color: rgba(65, 72, 104, 0.87);
- background-color: #eff0f2;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #faf4ed;
border-radius: 9999px;
margin-right: 12px;
}
@@ -2734,19 +3132,19 @@ StEntry StLabel.hint-text,
#unlockDialogNotifications StButton#vhandle,
#unlockDialogNotifications StButton#hhandle {
- background-color: rgba(44, 44, 44, 0.3);
+ background-color: rgba(38, 35, 58, 0.3);
}
#unlockDialogNotifications StButton#vhandle:hover,
#unlockDialogNotifications StButton#vhandle:focus,
#unlockDialogNotifications StButton#hhandle:hover,
#unlockDialogNotifications StButton#hhandle:focus {
- background-color: rgba(44, 44, 44, 0.5);
+ background-color: rgba(38, 35, 58, 0.5);
}
#unlockDialogNotifications StButton#vhandle:active,
#unlockDialogNotifications StButton#hhandle:active {
- background-color: rgba(224, 224, 224, 0.5);
+ background-color: rgba(250, 244, 237, 0.5);
}
/* Scrollbars */
@@ -2759,98 +3157,171 @@ StScrollView.hfade {
}
StScrollBar {
- padding: 0;
+ padding: 6px;
}
StScrollView StScrollBar {
- min-width: 16px;
- min-height: 16px;
+ min-width: 8px;
+ min-height: 8px;
}
StScrollBar StBin#trough {
- margin: 6px;
border-radius: 9999px;
- background-color: rgba(255, 255, 255, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
StScrollBar StButton#vhandle,
StScrollBar StButton#hhandle {
border-radius: 9999px;
- background-color: rgba(255, 255, 255, 0.5);
- margin: 6px;
+ background-color: rgba(224, 222, 244, 0.5);
+ border: 4px solid transparent;
}
StScrollBar StButton#vhandle:hover,
StScrollBar StButton#hhandle:hover {
- background-color: rgba(255, 255, 255, 0.7);
+ background-color: rgba(224, 222, 244, 0.7);
}
StScrollBar StButton#vhandle:active,
StScrollBar StButton#hhandle:active {
- background-color: #eff0f2;
+ background-color: #e0def4;
+}
+
+.popup-sub-menu StScrollBar StBin#trough {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle,
+.popup-sub-menu StScrollBar StButton#hhandle {
+ background-color: rgba(0, 0, 0, 0.26);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:hover,
+.popup-sub-menu StScrollBar StButton#hhandle:hover {
+ background-color: rgba(0, 0, 0, 0.38);
+}
+
+.popup-sub-menu StScrollBar StButton#vhandle:active,
+.popup-sub-menu StScrollBar StButton#hhandle:active {
+ background-color: rgba(0, 0, 0, 0.6);
+}
+
+.search-entry {
+ width: 320px;
+ min-height: 20px;
+ padding: 6px 12px;
+ transition-duration: 150ms;
+ border-radius: 6px;
+}
+
+.search-entry .search-entry-icon {
+ color: rgba(224, 222, 244, 0.5);
+ icon-size: 16px;
+ margin-top: 0;
+ padding: 0 4px;
+}
+
+.search-entry StLabel.hint-text {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.search-entry:insensitive StLabel.hint-text,
+.search-entry:insensitive .search-entry-icon {
+ color: rgba(224, 222, 244, 0.3);
}
.app-folder-dialog .folder-name-container .folder-name-entry,
-.search-entry {
- width: 320px;
- min-height: 32px;
- padding: 0 12px;
- color: rgba(255, 255, 255, 0.7);
- transition-duration: 150ms;
- border-radius: 6px;
- caret-color: #eff0f2;
- selection-background-color: rgba(255, 255, 255, 0.12);
- selected-color: rgba(65, 72, 104, 0.87) !important;
- color: #eff0f2;
- background-color: #1a1b26;
- border-color: rgba(239, 240, 224, 0.3);
+.login-dialog StEntry,
+.unlock-dialog StEntry,
+#overview .search-entry {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.04);
+ border: 2px solid transparent;
box-shadow: none;
+ caret-color: #e0def4;
+ selection-background-color: rgba(224, 222, 244, 0.25);
+ selected-color: #e0def4;
}
.app-folder-dialog .folder-name-container .folder-name-entry:hover,
-.search-entry:hover {
- color: #eff0f2;
- border-color: rgba(239, 240, 224, 0.3);
- background-color: #24283b;
+.login-dialog StEntry:hover,
+.unlock-dialog StEntry:hover,
+#overview .search-entry:hover {
+ color: #e0def4;
+ border-color: rgba(224, 222, 244, 0.35);
+ background-color: rgba(224, 222, 244, 0.04);
}
.app-folder-dialog .folder-name-container .folder-name-entry:focus,
-.search-entry:focus {
- color: #eff0f2;
- border-color: #eff0f2;
- background-color: #24283b;
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus,
+#overview .search-entry:focus {
+ color: #e0def4;
+ border-color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.04);
box-shadow: none;
}
.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon,
-.search-entry .search-entry-icon {
- icon-size: 16px;
- padding: 0 0;
- border-color: rgba(239, 240, 224, 0.3);
+.login-dialog StEntry .search-entry-icon,
+.unlock-dialog StEntry .search-entry-icon,
+#overview .search-entry .search-entry-icon {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text,
+#overview .search-entry StLabel.hint-text {
+ color: rgba(224, 222, 244, 0.5);
}
.app-folder-dialog
.folder-name-container
.folder-name-entry:hover
.search-entry-icon,
+.login-dialog StEntry:hover .search-entry-icon,
+.unlock-dialog StEntry:hover .search-entry-icon,
.app-folder-dialog
.folder-name-container
.folder-name-entry:focus
.search-entry-icon,
-.search-entry:hover .search-entry-icon,
-.search-entry:focus .search-entry-icon {
- color: rgba(255, 255, 255, 0.7);
+.login-dialog StEntry:focus .search-entry-icon,
+.unlock-dialog StEntry:focus .search-entry-icon,
+#overview .search-entry:hover .search-entry-icon,
+#overview .search-entry:focus .search-entry-icon {
+ color: rgba(224, 222, 244, 0.7);
}
.app-folder-dialog .folder-name-container .folder-name-entry:insensitive,
-.search-entry:insensitive {
- border: none;
- color: rgba(255, 255, 255, 0.3);
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive,
+#overview .search-entry:insensitive {
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.35);
+ border-color: transparent;
}
-.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text,
-.search-entry StLabel.hint-text {
- color: rgba(255, 255, 255, 0.5);
+.app-folder-dialog
+ .folder-name-container
+ .folder-name-entry:insensitive
+ StLabel.hint-text,
+.login-dialog StEntry:insensitive StLabel.hint-text,
+.unlock-dialog StEntry:insensitive StLabel.hint-text,
+.app-folder-dialog
+ .folder-name-container
+ .folder-name-entry:insensitive
+ .search-entry-icon,
+.login-dialog StEntry:insensitive .search-entry-icon,
+.unlock-dialog StEntry:insensitive .search-entry-icon,
+#overview .search-entry:insensitive StLabel.hint-text,
+#overview .search-entry:insensitive .search-entry-icon {
+ color: rgba(224, 222, 244, 0.3);
}
/* Search */
@@ -2868,7 +3339,7 @@ StScrollBar StButton#hhandle:active {
.search-provider-icon:hover,
.list-search-result:selected,
.search-provider-icon:selected {
- background-color: rgba(255, 255, 255, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
transition-duration: 200ms;
}
@@ -2876,7 +3347,7 @@ StScrollBar StButton#hhandle:active {
.search-provider-icon:active,
.list-search-result:checked,
.search-provider-icon:checked {
- background-color: rgba(255, 255, 255, 0.2);
+ background-color: rgba(224, 222, 244, 0.2);
}
#searchResultsContent {
@@ -2891,7 +3362,7 @@ StScrollBar StButton#hhandle:active {
.search-section .search-section-separator {
height: 1px;
- background-color: rgba(255, 255, 255, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
.search-section-content {
@@ -2902,13 +3373,13 @@ StScrollBar StButton#hhandle:active {
box-shadow: none;
background: none;
text-shadow: none;
- color: rgba(255, 255, 255, 0.7);
+ color: #e0def4;
}
.search-statustext {
font-size: 2em;
font-weight: bold;
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
.grid-search-results {
@@ -2924,7 +3395,7 @@ StScrollBar StButton#hhandle:active {
.list-search-provider-details {
width: 120px;
margin-top: 0;
- color: #f7768e;
+ color: #eb6f92;
}
.list-search-results {
@@ -2940,28 +3411,28 @@ StScrollBar StButton#hhandle:active {
}
.list-search-result .list-search-result-description {
- color: #ff9e64;
+ color: #f6c177;
}
/* Slider */
.slider {
height: 20px;
- color: #1a1b26;
+ color: rgba(38, 35, 58, 0.95);
-slider-height: 2px;
- -slider-background-color: rgba(255, 255, 255, 0.3);
- -slider-border-color: #eff0f2;
- -slider-active-background-color: #eff0f2;
- -slider-active-border-color: #eff0f2;
+ -slider-background-color: rgba(224, 222, 244, 0.3);
+ -slider-border-color: #ebbcba;
+ -slider-active-background-color: #ebbcba;
+ -slider-active-border-color: #ebbcba;
-slider-border-width: 2px;
-slider-handle-radius: 7px;
-slider-handle-border-width: 2px;
- -slider-handle-border-color: #eff0f2;
+ -slider-handle-border-color: #f6c177;
-barlevel-height: 2px;
- -barlevel-background-color: rgba(255, 255, 255, 0.3);
+ -barlevel-background-color: rgba(224, 222, 244, 0.3);
-barlevel-border-color: transparent;
- -barlevel-active-background-color: #eff0f2;
+ -barlevel-active-background-color: #ebbcba;
-barlevel-active-border-color: transparent;
- -barlevel-overdrive-color: #f28b82;
+ -barlevel-overdrive-color: #eb6f92;
-barlevel-overdrive-border-color: transparent;
-barlevel-overdrive-separator-width: 2px;
-barlevel-border-width: 0;
@@ -2973,20 +3444,27 @@ StScrollBar StButton#hhandle:active {
spacing: 24px;
}
+.switcher-list {
+ background-color: rgba(38, 35, 58, 0.95);
+ box-shadow: inset 0 0 0 1px rgba(224, 222, 244, 0.1);
+}
+
.switcher-list .item-box {
padding: 8px;
- border-radius: 6px;
+ border-radius: 15px;
border: 1px solid transparent;
}
.switcher-list .item-box:outlined {
- background-color: rgba(255, 255, 255, 0.12);
- color: #eff0f2;
+ background-color: #403d52;
+ color: #ebbcba;
+ border-radius: 15px;
}
.switcher-list .item-box:selected {
- background-color: #414868;
- color: #eff0f2;
+ background-color: #403d52;
+ color: #ebbcba;
+ border-radius: 15px;
}
.switcher-list .thumbnail-box {
@@ -3000,7 +3478,7 @@ StScrollBar StButton#hhandle:active {
.switcher-list .separator {
width: 1px;
- background: rgba(255, 255, 255, 0.12);
+ background: rgba(224, 222, 244, 0.12);
}
.switcher-list .switcher-list-item-container {
@@ -3008,12 +3486,12 @@ StScrollBar StButton#hhandle:active {
}
.switcher-arrow {
- border-color: rgba(65, 72, 104, 0);
- color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(0, 0, 0, 0);
+ color: #ebbcba;
}
.switcher-arrow:highlighted {
- color: #eff0f2;
+ color: #ebbcba;
}
.input-source-switcher-symbol {
@@ -3023,7 +3501,7 @@ StScrollBar StButton#hhandle:active {
}
.cycler-highlight {
- border: 5px solid #eff0f2;
+ border: 5px solid #faf4ed;
}
/* Switches */
@@ -3035,7 +3513,7 @@ StScrollBar StButton#hhandle:active {
}
.toggle-switch:checked {
- background-image: url('assets/toggle-on.svg');
+ background-image: url('assets/toggle-on-dark.svg');
}
.popup-sub-menu .toggle-switch {
@@ -3048,8 +3526,9 @@ StScrollBar StButton#hhandle:active {
/* Tiled window previews */
.tile-preview {
- background-color: rgba(65, 72, 104, 0.3);
- border: 2px solid #565f89;
+ background-color: rgba(250, 244, 237, 0.3);
+ border: 1px solid #faf4ed;
+ border-radius: 12px;
}
.tile-preview-left.on-primary {
@@ -3081,7 +3560,7 @@ StScrollBar StButton#hhandle:active {
background: transparent;
height: 50px;
background-size: 32px;
- background: #1a1b26;
+ background: rgba(224, 222, 244, 0.12);
border-radius: 6px;
}
@@ -3090,8 +3569,8 @@ StScrollBar StButton#hhandle:active {
.ws-switcher-active-left,
.ws-switcher-active-right {
height: 52px;
- background-color: #414868;
- color: rgba(65, 72, 104, 0.87);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
border-radius: 9px;
border: none;
}
@@ -3115,7 +3594,7 @@ StScrollBar StButton#hhandle:active {
width: 10px;
height: 10px;
border-radius: 10px;
- background-color: #eff0f2;
+ background-color: #e0def4;
}
.apps-scroll-view {
@@ -3127,12 +3606,12 @@ StScrollBar StButton#hhandle:active {
}
.page-navigation-hint.dnd {
- background: rgba(255, 255, 255, 0.1);
+ background: rgba(224, 222, 244, 0.1);
}
.page-navigation-hint.next:ltr,
.page-navigation-hint.previous:rtl {
- background-gradient-start: rgba(255, 255, 255, 0.05);
+ background-gradient-start: rgba(224, 222, 244, 0.05);
background-gradient-end: transparent;
background-gradient-direction: horizontal;
border-radius: 15px 0px 0px 15px;
@@ -3141,15 +3620,33 @@ StScrollBar StButton#hhandle:active {
.page-navigation-hint.previous:ltr,
.page-navigation-hint.next:rtl {
background-gradient-start: transparent;
- background-gradient-end: rgba(255, 255, 255, 0.05);
+ background-gradient-end: rgba(224, 222, 244, 0.05);
background-gradient-direction: horizontal;
border-radius: 0px 15px 15px 0px;
}
-.page-navigation-arrow {
+.page-navigation-arrow > StIcon {
margin: 6px;
+ padding: 18px;
width: 24px;
height: 24px;
+ border-radius: 9999px;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.page-navigation-arrow:insensitive > StIcon {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.page-navigation-arrow:hover > StIcon {
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
+}
+
+.page-navigation-arrow:active > StIcon {
+ background-color: rgba(224, 222, 244, 0.3);
+ color: #e0def4;
}
#dash {
@@ -3168,11 +3665,11 @@ StScrollBar StButton#hhandle:active {
}
.dash-background {
- background-color: rgba(26, 27, 38, 0.9);
+ background-color: rgba(224, 222, 244, 0.3);
margin-bottom: 16px;
padding: 10px;
- border: 1px solid rgba(192, 202, 245, 0.3);
border-radius: 16px;
+ box-shadow: inset 0 0 0 1px rgba(224, 222, 244, 0.1);
}
.dash-item-container .app-well-app,
@@ -3183,11 +3680,11 @@ StScrollBar StButton#hhandle:active {
.dash-separator {
width: 1px;
margin: 0 7px 16px;
- background-color: rgba(192, 202, 245, 0.3);
+ background-color: rgba(224, 222, 244, 0.12);
}
.workspace-animation {
- background-color: #212121;
+ background-color: rgba(25, 23, 36, 0.95);
}
.calendar .calendar-change-month-back,
@@ -3201,10 +3698,29 @@ StScrollBar StButton#hhandle:active {
}
#overviewGroup {
- background-image: url('assets/background.png');
- background-size: contain;
- background-repeat: repeat;
- background-position: center;
+ background-color: #191724;
+}
+
+.osd-window {
+ spacing: 12px;
+ padding: 12px 18px;
+ margin-bottom: 4em;
+}
+
+.osd-window > * {
+ spacing: 8px;
+}
+
+.osd-window StIcon {
+ icon-size: 32px;
+}
+
+.osd-window StLabel:ltr {
+ margin-right: 6px;
+}
+
+.osd-window StLabel:rtl {
+ margin-left: 6px;
}
#appMenu {
@@ -3220,46 +3736,339 @@ StScrollBar StButton#hhandle:active {
spacing: 6px;
}
+.popup-menu .popup-menu-item {
+ padding: 6px 12px;
+}
+
+.popup-menu .popup-menu-item:ltr {
+ padding-right: 9px !important;
+ padding-left: 0 !important;
+}
+
+.popup-menu .popup-menu-item:rtl {
+ padding-right: 0 !important;
+ padding-left: 9px !important;
+}
+
+.popup-separator-menu-item {
+ padding: 0;
+ margin: 6px 0;
+}
+
+.popup-separator-menu-item:ltr {
+ margin-right: 4px;
+}
+
+.popup-separator-menu-item:rtl {
+ margin-left: 4px;
+}
+
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+ height: 1px;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.popup-separator-menu-item .popup-menu-ornament {
+ width: 0 !important;
+}
+
+.popup-sub-menu .popup-separator-menu-item {
+ background-color: transparent;
+}
+
+.popup-sub-menu .popup-separator-menu-item:ltr {
+ margin-right: 2.5em;
+}
+
+.popup-sub-menu .popup-separator-menu-item:rtl {
+ margin-left: 2.5em;
+}
+
+.popup-sub-menu
+ .popup-separator-menu-item
+ .popup-separator-menu-item-separator {
+ background-color: rgba(0, 0, 0, 0.12);
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+ padding-left: 12px !important;
+ margin-left: 3px !important;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+ padding-right: 12px !important;
+ margin-right: 3px !important;
+}
+
.search-entry {
margin-top: 24px;
margin-bottom: 6px;
}
+.icon-label-button-container {
+ spacing: 6px;
+}
+
+.icon-label-button-container StIcon {
+ icon-size: 32px;
+}
+
+.screenshot-ui-panel {
+ border-radius: 33px;
+ padding: 18px;
+ padding-bottom: 12px;
+ margin-bottom: 4em;
+ spacing: 12px;
+ border: none;
+}
+
+.screenshot-ui-close-button {
+ padding: 6px !important;
+ margin-top: 12px;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.screenshot-ui-close-button.left {
+ margin-left: 12px;
+}
+
+.screenshot-ui-close-button.right {
+ margin-right: 12px;
+}
+
+.screenshot-ui-type-button {
+ min-width: 48px;
+ padding: 12px 18px !important;
+ border-radius: 15px;
+}
+
+.screenshot-ui-capture-button {
+ width: 36px;
+ height: 36px;
+ border-radius: 9999px;
+ border: 4px #e0def4;
+ padding: 4px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle {
+ background-color: #e0def4;
+ transition-duration: 200ms;
+ border-radius: 9999px;
+}
+
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover,
+.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle {
+ background-color: #d9d9d9;
+}
+
+.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle {
+ background-color: #403d52;
+}
+
+.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle {
+ background-color: #f28b82;
+}
+
+.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle,
+.screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle {
+ background-color: #f4a099;
+}
+
+.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle {
+ background-color: #ef6d62;
+}
+
+.screenshot-ui-shot-cast-container {
+ background-color: #26233a;
+ border-radius: 12px;
+ padding: 3px;
+ spacing: 3px;
+}
+
+.screenshot-ui-shot-cast-container:ltr {
+ margin-left: 3px;
+}
+
+.screenshot-ui-shot-cast-container:rtl {
+ margin-right: 3px;
+}
+
+.screenshot-ui-shot-cast-button {
+ padding: 6px 12px;
+ background-color: transparent;
+ border-radius: 9px;
+}
+
+.screenshot-ui-shot-cast-button:hover,
+.screenshot-ui-shot-cast-button:focus {
+ background-color: #26233a;
+}
+
+.screenshot-ui-shot-cast-button:active {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+.screenshot-ui-shot-cast-button:checked {
+ background-color: #e0def4;
+ color: black;
+}
+
+.screenshot-ui-shot-cast-button:insensitive {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.screenshot-ui-shot-cast-button StIcon {
+ icon-size: 16px;
+}
+
+.screenshot-ui-show-pointer-button {
+ border-radius: 9999px;
+ padding: 12px !important;
+}
+
+.screenshot-ui-show-pointer-button StIcon {
+ icon-size: 16px;
+}
+
+.screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection {
+ border: 2px #e0def4;
+}
+
+.screenshot-ui-area-selector-handle {
+ border-radius: 9999px;
+ background-color: #e0def4;
+ box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
+ width: 24px;
+ height: 24px;
+}
+
+.screenshot-ui-window-selector {
+ background-color: #26233a;
+}
+
+.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container {
+ margin: 100px;
+}
+
+.screenshot-ui-window-selector:primary-monitor
+ .screenshot-ui-window-selector-window-container {
+ margin-bottom: 200px;
+}
+
+.screenshot-ui-window-selector-window-border {
+ transition-duration: 200ms;
+ border-radius: 12px;
+ border: 6px transparent;
+}
+
+.screenshot-ui-window-selector-check {
+ transition-duration: 200ms;
+ color: transparent;
+ border-radius: 99px;
+ border-width: 12px;
+ icon-size: 24px;
+}
+
+.screenshot-ui-window-selector-window:hover
+ .screenshot-ui-window-selector-window-border {
+ border-color: #908caa;
+}
+
+.screenshot-ui-window-selector-window:checked
+ .screenshot-ui-window-selector-window-border {
+ border-color: #faf4ed;
+ background-color: rgba(250, 244, 237, 0.2);
+}
+
+.screenshot-ui-window-selector-window:checked
+ .screenshot-ui-window-selector-check {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #faf4ed;
+}
+
+.screenshot-ui-screen-selector {
+ transition-duration: 200ms;
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.screenshot-ui-screen-selector:hover {
+ background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screenshot-ui-screen-selector:active {
+ background-color: rgba(0, 0, 0, 0.7);
+}
+
+.screenshot-ui-screen-selector:checked {
+ background-color: transparent;
+ border: 2px #e0def4;
+}
+
+.screenshot-ui-tooltip {
+ color: #e0def4;
+ background-color: rgba(25, 23, 36, 0.95);
+ border-radius: 9999px;
+ padding: 6px 12px;
+ text-align: center;
+ -y-offset: 24px;
+}
+
.window-picker {
spacing: 6px;
}
.window-caption {
- color: #eff0f2;
- background-color: #212121;
+ color: #e0def4;
+ background-color: rgba(25, 23, 36, 0.95);
border-radius: 9999px;
padding: 6px 12px;
}
-.window-close {
- background-color: #242424;
- color: #eff0f2;
+.window-close,
+.screenshot-ui-close-button {
+ background-color: #403d52;
+ color: #e0def4;
border-radius: 21px;
padding: 3px;
height: 30px;
width: 30px;
- box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5);
- transition-duration: 300ms;
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
+ transition-duration: 200ms;
}
-.window-close:hover {
- color: #eff0f2;
- background-color: #333333;
+.window-close:hover,
+.screenshot-ui-close-button:hover {
+ color: #e0def4;
+ background-color: #bb7a61;
}
-.window-close:active {
- color: #eff0f2;
- background-color: #151515;
+.window-close:active,
+.screenshot-ui-close-button:active {
+ color: #e0def4;
+ background-color: #823c41;
+}
+
+.window-close StIcon,
+.screenshot-ui-close-button StIcon {
+ icon-size: 24px;
}
.workspace-background {
border-radius: 30px;
- background-color: #212121;
+ background-color: rgba(25, 23, 36, 0.95);
box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3);
}
@@ -3271,8 +4080,8 @@ StScrollBar StButton#hhandle:active {
}
.workspace-thumbnails .workspace-thumbnail {
- color: rgba(255, 255, 255, 0.7);
- background-color: rgba(255, 255, 255, 0.12);
+ color: rgba(224, 222, 244, 0.7);
+ background-color: rgba(224, 222, 244, 0.12);
border: none;
border-radius: 6px;
}
@@ -3285,9 +4094,9 @@ StScrollBar StButton#hhandle:active {
}
.workspace-thumbnail-indicator {
- border: 3px solid #eff0f2;
- border-radius: 3px;
- padding: 0px;
+ border: 3px solid #faf4ed;
+ border-radius: 6px;
+ padding: 0;
}
.bottom #dashtodockDashScrollview,
@@ -3305,14 +4114,14 @@ StScrollBar StButton#hhandle:active {
}
#dashtodockContainer .number-overlay {
- color: #eff0f2;
- background-color: rgba(65, 72, 104, 0.75);
+ color: #e0def4;
+ background-color: rgba(0, 0, 0, 0.75);
text-align: center;
}
#dashtodockContainer .notification-badge {
- color: rgba(65, 72, 104, 0.87);
- background-color: #eff0f2;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #faf4ed;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
border-radius: 9999px;
margin: 2px;
@@ -3381,33 +4190,34 @@ StScrollBar StButton#hhandle:active {
}
#dashtodockContainer.dashtodock #dash .dash-background {
- background-color: #212121;
+ background-color: rgba(25, 23, 36, 0.95);
}
#dashtodockContainer #dash .dash-background {
- background-color: rgba(26, 27, 38, 0.9);
- border: 1px solid rgba(192, 202, 245, 0.3);
+ background-color: rgba(25, 23, 36, 0.95);
+ box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.2);
}
#dashtodockContainer .app-well-app-running-dot {
- background-color: rgba(192, 202, 245, 0.5) !important;
+ background-color: #eb6f92;
}
#dashtodockContainer StWidget.focused .app-well-app-running-dot {
- background-color: #7aa2f7 !important;
+ background-color: #9ccfd8 !important;
}
#dashtodockContainer:overview #dash .app-well-app-running-dot {
- background-color: rgba(192, 202, 245, 0.5) !important;
+ background-color: #eb6f92;
}
#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
- background-color: #7aa2f7 !important;
+ background-color: #9ccfd8 !important;
}
#dashtodockContainer .show-apps .overview-icon,
#dashtodockContainer .app-well-app .overview-icon {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
+ border-radius: 15px;
}
#dashtodockContainer .show-apps:hover .overview-icon,
@@ -3416,19 +4226,22 @@ StScrollBar StButton#hhandle:active {
#dashtodockContainer .app-well-app:hover .overview-icon,
#dashtodockContainer .app-well-app:focus .overview-icon,
#dashtodockContainer .app-well-app:selected .overview-icon {
- background-color: #414868;
+ background-color: rgba(224, 222, 244, 0.12);
+ border-radius: 15px;
}
#dashtodockContainer .show-apps:active .overview-icon,
#dashtodockContainer .show-apps:checked .overview-icon,
#dashtodockContainer .app-well-app:active .overview-icon,
#dashtodockContainer .app-well-app:checked .overview-icon {
- background-color: #414868;
+ background-color: rgba(224, 222, 244, 0.3);
+ border-radius: 15px;
}
#dashtodockContainer:overview #dash .show-apps .overview-icon,
#dashtodockContainer:overview #dash .app-well-app .overview-icon {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
+ border-radius: 15px;
}
#dashtodockContainer:overview #dash .show-apps:hover .overview-icon,
@@ -3437,26 +4250,18 @@ StScrollBar StButton#hhandle:active {
#dashtodockContainer:overview #dash .app-well-app:hover .overview-icon,
#dashtodockContainer:overview #dash .app-well-app:focus .overview-icon,
#dashtodockContainer:overview #dash .app-well-app:selected .overview-icon {
- background-color: #414868;
+ background-color: rgba(224, 222, 244, 0.12);
}
#dashtodockContainer:overview #dash .show-apps:active .overview-icon,
#dashtodockContainer:overview #dash .show-apps:checked .overview-icon,
#dashtodockContainer:overview #dash .app-well-app:active .overview-icon,
#dashtodockContainer:overview #dash .app-well-app:checked .overview-icon {
- background-color: #414868;
-}
-
-#dashtodockContainer .app-well-app-running-dot {
- background-color: rgba(255, 255, 255, 0.3);
-}
-
-#dashtodockContainer StWidget.focused .app-well-app-running-dot {
- background-color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.3);
}
#dashtodockContainer.opaque #dash .dash-background {
- background-color: #212121;
+ background-color: rgba(25, 23, 36, 0.95);
}
#dashtodockContainer.transparent #dash .dash-background {
@@ -3464,8 +4269,8 @@ StScrollBar StButton#hhandle:active {
}
#dashtodockContainer:overview #dash .dash-background {
- background-color: rgba(26, 27, 38, 0.9);
- border: 1px solid rgba(192, 202, 245, 0.3);
+ background-color: rgba(38, 35, 58, 0.95);
+ box-shadow: inset 0 0 0 1px rgba(239, 240, 242, 0.1);
}
#dashtodockContainer.opaque:overview #dash .dash-background,
@@ -3477,7 +4282,7 @@ StScrollBar StButton#hhandle:active {
#dashtodockContainer.extended:overview #dash .dash-background,
#dashtodockContainer.opaque.extended:overview #dash .dash-background,
#dashtodockContainer.transparent.extended:overview #dash .dash-background {
- background-color: #212121;
+ background-color: rgba(25, 23, 36, 0.95);
}
#dashtodockContainer.running-dots .dash-item-container > StButton,
@@ -3510,7 +4315,7 @@ StScrollBar StButton#hhandle:active {
width: 1px;
height: auto;
border-right-width: 1px;
- margin: 32px 10px;
+ margin: 32px 0;
}
.openweather-button,
@@ -3530,52 +4335,64 @@ StScrollBar StButton#hhandle:active {
.openweather-current-summary,
.openweather-current-summarybox {
background: none;
- color: #eff0f2;
+ color: #e0def4;
}
.openweather-current-databox-values {
background: none;
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
.openweather-current-databox-captions {
background: none;
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
.openweather-forecast-icon,
.openweather-forecast-summary {
background: none;
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.openweather-forecast-day,
.openweather-forecast-temperature {
background: none;
- color: rgba(255, 255, 255, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
.openweather-sunrise-icon,
.openweather-sunset-icon,
.openweather-build-icon {
- color: rgba(255, 255, 255, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
-/* Copyright 2009, 2015 Red Hat, Inc.
- *
- * Portions adapted from Mx's data/style/default.css
- * Copyright 2009 Intel Corporation
- *
- * This program is free software; you can redistribute it and/or modify it
- * under the terms and conditions of the GNU Lesser General Public License,
- * version 2.1, as published by the Free Software Foundation.
- *
- * This program is distributed in the hope it will be useful, but WITHOUT ANY
- * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
- * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
- * more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
- */
+.popup-sub-menu .openweather-current-icon,
+.popup-sub-menu .openweather-current-summary,
+.popup-sub-menu .openweather-current-summarybox {
+ background: none;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-current-databox-values {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-current-databox-captions {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-forecast-icon,
+.popup-sub-menu .openweather-forecast-summary {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.popup-sub-menu .openweather-forecast-day,
+.popup-sub-menu .openweather-forecast-temperature {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.popup-sub-menu .openweather-sunrise-icon,
+.popup-sub-menu .openweather-sunset-icon,
+.popup-sub-menu .openweather-build-icon {
+ color: rgba(0, 0, 0, 0.87);
+}
diff --git a/tokyonight_gtk/gnome-shell-DTD/no-events.svg b/RosePine-Main-BL/gnome-shell/no-events.svg
similarity index 100%
rename from tokyonight_gtk/gnome-shell-DTD/no-events.svg
rename to RosePine-Main-BL/gnome-shell/no-events.svg
diff --git a/tokyonight_gtk/gnome-shell-DTD/no-notifications.svg b/RosePine-Main-BL/gnome-shell/no-notifications.svg
similarity index 100%
rename from tokyonight_gtk/gnome-shell-DTD/no-notifications.svg
rename to RosePine-Main-BL/gnome-shell/no-notifications.svg
diff --git a/RosePine-Main-BL/gnome-shell/pad-osd.css b/RosePine-Main-BL/gnome-shell/pad-osd.css
new file mode 100644
index 0000000..63d72f4
--- /dev/null
+++ b/RosePine-Main-BL/gnome-shell/pad-osd.css
@@ -0,0 +1,31 @@
+.Leader {
+ stroke-width: 0.5 !important;
+ stroke: #524f67;
+ fill: none !important;
+}
+
+.Button {
+ stroke-width: 0.25;
+ stroke: #e0def4;
+ fill: #e0def4;
+}
+
+.Ring {
+ stroke-width: 0.5 !important;
+ stroke: #524f67 !important;
+ fill: none !important;
+}
+
+.Label {
+ stroke: none !important;
+ stroke-width: 0.1 !important;
+ font-size: 0.1 !important;
+ fill: transparent !important;
+}
+
+.TouchStrip,
+.TouchRing {
+ stroke-width: 0.1 !important;
+ stroke: #e0def4 !important;
+ fill: #524f67 !important;
+}
diff --git a/tokyonight_gtk/gnome-shell-DTD/process-working.svg b/RosePine-Main-BL/gnome-shell/process-working.svg
similarity index 100%
rename from tokyonight_gtk/gnome-shell-DTD/process-working.svg
rename to RosePine-Main-BL/gnome-shell/process-working.svg
diff --git a/RosePine-Main-BL/gtk-2.0/gtkrc b/RosePine-Main-BL/gtk-2.0/gtkrc
new file mode 100644
index 0000000..1c30903
--- /dev/null
+++ b/RosePine-Main-BL/gtk-2.0/gtkrc
@@ -0,0 +1,894 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#191724\nbg_color:#191724\ntooltip_bg_color:#191724\nselected_bg_color:#eb6f92\ntext_color:#e0def4\nfg_color:#e0def4\ntooltip_fg_color:#e0def4\nselected_fg_color:#191724\nmenubar_bg_color:#191724\nmenubar_fg_color:#e0def4\ntoolbar_bg_color:#191724\ntoolbar_fg_color:#e0def4\nmenu_bg_color:#191724\nmenu_fg_color:#e0def4\npanel_bg_color:#191724\npanel_fg_color:#e0def4\nlink_color:#7e26d7\nbtn_bg_color:#26233a\nbtn_fg_color:#e0def4\ntitlebar_bg_color:#191724\ntitlebar_fg_color:#e0def4\nprimary_caret_color:#e0def4\nsecondary_caret_color:#e0def4\naccent_bg_color:#eb6f92\n"
+# Default Style
+
+style "murrine-default" {
+ GtkArrow::arrow-scaling= 0.6
+
+ GtkWidget::cursor_color = @primary_caret_color
+ GtkWidget::secondary_cursor_color = @secondary_caret_color
+ GtkWidget::cursor_aspect_ratio = 0.04
+
+ GtkButton::child-displacement-x = 0
+ GtkButton::child-displacement-y = 0
+
+ GtkButton::default-border = { 0, 0, 0, 0 }
+ #GtkButton::inner-border = { 2, 2, 1, 1 }
+ GtkButton::focus-line-width = 1
+ #GtkButton::focus-padding = -4
+
+ GtkButtonBox::child-min-height = 26
+
+ GtkCheckButton::indicator-size = 16
+
+ # The following line hints to gecko (and possibly other appliations)
+ # that the entry should be drawn transparently on the canvas.
+ # Without this, gecko will fill in the background of the entry.
+ GtkEntry::honors-transparent-bg-hint = 1
+ GtkEntry::state-hint = 0
+
+ GtkExpander::expander-size = 16
+
+ GtkImage::x-ayatana-indicator-dynamic = 1
+
+ GtkMenu::horizontal-padding = 0
+ GtkMenu::vertical-padding = 0
+
+ GtkMenuBar::internal-padding = 0
+ GtkMenuBar::window-dragging = 1
+
+ GtkMenuItem::arrow-scaling= 0.5
+
+ GtkPaned::handle-size = 1
+
+ GtkProgressBar::min-horizontal-bar-height = 12
+ GtkProgressBar::min-vertical-bar-width = 12
+
+ GtkRange::trough-border = 0
+ GtkRange::slider-width = 12
+ GtkRange::stepper-size = 12
+ GtkRange::stepper_spacing = 0
+ GtkRange::trough-under-steppers = 1
+
+ GtkScale::slider-length = 16
+ GtkScale::slider-width = 16
+ GtkScale::trough-side-details = 1
+
+ GtkScrollbar::activate-slider = 1
+ GtkScrollbar::has-backward-stepper = 0
+ GtkScrollbar::has-forward-stepper = 0
+ GtkScrollbar::has-secondary-backward-stepper = 0
+ GtkScrollbar::has-secondary-forward-stepper = 0
+ GtkScrollbar::min-slider-length = 80
+ GtkScrollbar::slider-width = 12
+ GtkScrollbar::trough-border = 0
+
+ GtkScrolledWindow::scrollbar-spacing = 0
+ GtkScrolledWindow::scrollbars-within-bevel = 1
+
+ GtkSeparatorMenuItem::horizontal-padding = 0
+
+ GtkToolbar::internal-padding = 0
+
+ GtkTreeView::expander-size = 11
+ GtkTreeView::vertical-separator = 0
+
+ GtkWidget::focus-line-width = 1
+ # The following line prevents the Firefox tabs
+ # from jumping a few pixels when you create a new tab
+ GtkWidget::focus-padding = 0
+
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 1
+ GtkWidget::separator-height = 1
+
+ GtkWindow::resize-grip-height = 0
+ GtkWindow::resize-grip-width = 0
+
+ WnckTasklist::fade-overlay-rect = 0
+
+ GnomeHRef::link_color = @link_color
+ GtkHTML::link-color = @link_color
+ GtkIMHtmlr::hyperlink-color = @link_color
+ GtkIMHtml::hyperlink-color = @link_color
+ GtkWidget::link-color = @link_color
+ GtkWidget::visited-link-color = @text_color
+
+ GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+ GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+ xthickness = 1
+ ythickness = 1
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = shade (1.02, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade (0.9, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.95, @base_color)
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+ base[INSENSITIVE] = shade (0.85, @base_color)
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @selected_fg_color
+ text[ACTIVE] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+ engine "murrine" {
+ animation = FALSE
+ arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+ border_shades = { 1.0, 1.0 } # gradient to draw on border
+ border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+ colorize_scrollbar = FALSE
+ comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+ contrast = 0.8 # overal contrast with borders
+ focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+ glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+ glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+ glow_shade = 1.0 # amount of glow
+ gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+ highlight_shade = 1.0 # amount of highlight
+ lightborder_shade = 1.0 # amount of inset light border
+ lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+ listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+ listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+ menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+ menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+ menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+ menustyle = 0 # 0 = none, 1 = vertical striped
+ progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+ reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+ roundness = 20 # roundness of widgets
+ scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+ sliderstyle = 0 # 0 = none, 1 = handles
+ stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+ toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+ }
+}
+
+style "murrine-wide" {
+ xthickness = 2
+ ythickness = 2
+}
+
+style "murrine-wider" {
+ xthickness = 3
+ ythickness = 3
+}
+
+style "murrine-thin" {
+ xthickness = 0
+ ythickness = 0
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+ bg[NORMAL] = @bg_color
+ bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+ xthickness = 2
+ ythickness = 2
+
+ engine "clearlooks" {
+ radius = 0.1
+ }
+}
+
+# Various Standard Widgets
+
+style "murrine-button" = "murrine-wider" {
+ bg[NORMAL] = @btn_bg_color
+ bg[PRELIGHT] = shade (1.10, @btn_bg_color)
+ bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+ bg[ACTIVE] = shade (0.95, @btn_bg_color)
+ bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+ #xthickness = 4
+ #ythickness = 4
+
+ engine "murrine" {
+ border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+ roundness = 20
+ gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+ }
+}
+
+style "murrine-buttonlabel" {
+ fg[NORMAL] = @btn_fg_color
+ fg[PRELIGHT] = @btn_fg_color
+ fg[SELECTED] = @btn_fg_color
+ fg[ACTIVE] = @btn_fg_color
+ fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+ text[NORMAL] = @btn_fg_color
+ text[PRELIGHT] = @btn_fg_color
+ text[SELECTED] = @btn_fg_color
+ text[ACTIVE] = @btn_fg_color
+ text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-scrollbar" {
+ bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+ bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+ bg[ACTIVE] = @selected_bg_color
+
+ engine "murrine" {
+ roundness = 0
+ contrast = 0.0
+ border_shades = { 0.9, 0.9 }
+ trough_shades = { 0.97, 0.97 }
+ trough_border_shades = { 1.0, 1.0 }
+ }
+}
+
+style "murrine-overlay-scrollbar" {
+ bg[ACTIVE] = shade (0.8, @bg_color)
+ bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+ base[SELECTED] = shade (0.6, @bg_color)
+ base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+ bg[NORMAL] = @btn_bg_color
+ bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+ engine "murrine" {
+ roundness = 8
+ #roundness = 20
+ gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+ #border_shades = { 0.5, 0.5 }
+ border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+ #trough_shades = { 1.08, 1.08 }
+ trough_border_shades = { 0.8, 0.8 }
+ }
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+ bg[NORMAL] = @bg_color
+ bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "murrine" {
+ #roundness = 2
+ roundness = 20
+ border_shades = { 1.2, 1.2 }
+ trough_border_shades = { 0.8, 0.8 }
+ }
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-treeview" {
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-frame" = "murrine-wide" {
+ bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+ fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+ xthickness = 5
+ ythickness = 5
+
+ bg[NORMAL] = @tooltip_bg_color
+ bg[SELECTED] = @tooltip_bg_color
+
+ fg[NORMAL] = @tooltip_fg_color
+
+ engine "murrine" {
+ textstyle = 0
+ roundness = 2
+ rgba = FALSE
+ }
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+ engine "murrine" {
+ }
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+ bg[SELECTED] = @base_color
+ bg[PRELIGHT] = @bg_color
+
+ text[NORMAL] = @accent_bg_color
+ text[PRELIGHT] = @accent_bg_color
+
+ engine "clearlooks" {
+ radius = 4.0
+ }
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+ bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @text_color
+ text[ACTIVE] = @text_color
+ text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+ engine "murrine" {
+ #border_shades = { 1.15, 1.15 }
+ border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+ roundness = 20
+ }
+}
+
+style "metacity-frame" = "murrine-default" {
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+ bg[NORMAL] = @menu_bg_color
+ bg[PRELIGHT] = @selected_bg_color
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = @menu_bg_color
+ bg[INSENSITIVE] = @menu_bg_color
+
+ fg[NORMAL] = @menu_fg_color
+ fg[PRELIGHT] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+ text[NORMAL] = @menu_fg_color
+ text[PRELIGHT] = @selected_fg_color
+ text[SELECTED] = @selected_fg_color
+ text[ACTIVE] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+ bg[PRELIGHT] = @selected_bg_color
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = @selected_bg_color
+
+ fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+ fg[PRELIGHT] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+ engine "murrine" {
+ textstyle = 0
+ border_shades = { 1.2, 1.2 }
+ }
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+ bg[NORMAL] = @menubar_bg_color
+ bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+ bg[INSENSITIVE] = @menubar_bg_color
+
+ fg[NORMAL] = @menubar_fg_color
+ fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+ fg[SELECTED] = shade (1.08, @menubar_fg_color)
+ fg[ACTIVE] = @menubar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-menubaritem" {
+ bg[NORMAL] = @menubar_bg_color
+ bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+ bg[INSENSITIVE] = @menubar_bg_color
+
+ fg[NORMAL] = @menubar_fg_color
+ fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+ fg[SELECTED] = shade (1.08, @menubar_fg_color)
+ fg[ACTIVE] = @menubar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+ bg[NORMAL] = @toolbar_bg_color
+ bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+ bg[INSENSITIVE] = @toolbar_bg_color
+
+ fg[NORMAL] = @toolbar_fg_color
+ fg[PRELIGHT] = @toolbar_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @toolbar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+ bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+ bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+ bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+ fg[NORMAL] = @toolbar_fg_color
+ fg[PRELIGHT] = @toolbar_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @toolbar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+ fg[NORMAL] = @toolbar_fg_color
+ fg[PRELIGHT] = @toolbar_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @toolbar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+ xthickness = 2
+
+ bg[NORMAL] = @panel_bg_color
+ bg[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ bg[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ bg[ACTIVE] = shade (0.8, @panel_bg_color)
+ bg[INSENSITIVE] = @panel_bg_color
+
+ fg[NORMAL] = @panel_fg_color
+ fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+ fg[SELECTED] = shade (1.08, @panel_fg_color)
+ fg[ACTIVE] = @panel_fg_color
+ fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+ base[NORMAL] = @panel_bg_color
+ base[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ base[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ base[ACTIVE] = shade (0.9, @panel_bg_color)
+ base[INSENSITIVE] = @panel_bg_color
+
+ text[NORMAL] = @panel_fg_color
+ text[PRELIGHT] = shade (1.08, @panel_fg_color)
+ text[SELECTED] = shade (1.08, @panel_fg_color)
+ text[ACTIVE] = @panel_fg_color
+ text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ contrast = 0.0
+ }
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+ font_name = "Bold"
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+ bg[ACTIVE] = @selected_bg_color
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+ bg[NORMAL] = shade (0.9, @bg_color)
+ base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+ bg[NORMAL] = @base_color
+ fg[INSENSITIVE] = shade (0.95, @base_color)
+ text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+ XfdesktopIconView::label-alpha = 0
+ XfdesktopIconView::selected-label-alpha = 60
+ XfdesktopIconView::shadow-x-offset = 0
+ XfdesktopIconView::shadow-y-offset = 1
+ XfdesktopIconView::selected-shadow-x-offset = 0
+ XfdesktopIconView::selected-shadow-y-offset = 1
+ XfdesktopIconView::shadow-color = @fg_color
+ XfdesktopIconView::selected-shadow-color = @fg_color
+ XfdesktopIconView::shadow-blur-radius = 2
+ XfdesktopIconView::cell-spacing = 2
+ XfdesktopIconView::cell-padding = 6
+ XfdesktopIconView::cell-text-width-proportion = 1.9
+
+ fg[NORMAL] = @bg_color
+ fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+ Xfwm4TabwinWidget::border-width = 1
+ Xfwm4TabwinWidget::border-alpha = 1.0
+ Xfwm4TabwinWidget::icon-size = 64
+ Xfwm4TabwinWidget::alpha = 1.0
+ Xfwm4TabwinWidget::border-radius = 2
+
+ bg[NORMAL] = @menu_bg_color
+ bg[SELECTED] = @menu_bg_color
+
+ fg[NORMAL] = @menu_fg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ border_shades = { 0.9, 0.9 }
+ }
+}
+
+style "xfwm-tabwin-button" {
+ font_name = "bold"
+
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+ bg[NORMAL] = @menu_bg_color
+ bg[ACTIVE] = @menu_bg_color
+ bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+ bg[SELECTED] = shade (0.5, @menu_bg_color)
+ bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+ fg[NORMAL] = @menu_fg_color
+ fg[PRELIGHT] = @menu_fg_color
+
+ text[NORMAL] = @menu_fg_color
+
+ engine "murrine" {
+ }
+}
+
+style "xfsm-logout-button" {
+ bg[NORMAL] = shade (1.2, @menu_bg_color)
+ bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+ engine "murrine" {
+ }
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+ base[NORMAL] = @bg_color
+ base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+ bg[NORMAL] = @bg_color
+ text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+ bg[NORMAL] = @menu_bg_color
+ bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[PRELIGHT] = @selected_bg_color
+
+ fg[NORMAL] = @menu_fg_color
+ fg[ACTIVE] = @menu_fg_color
+ fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+ bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+ bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+ bg[ACTIVE] = @selected_bg_color
+
+ engine "murrine" {
+ trough_shades = { 4.97, 4.97 }
+ trough_border_shades = { 5.0, 5.0 }
+ }
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.." style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+ engine "murrine" {
+ roundness = 2
+ textstyle = 0
+ }
+}
+
+style "chrome-gtk-frame" {
+ ChromeGtkFrame::frame-color = @titlebar_bg_color
+ ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+ ChromeGtkFrame::frame-gradient-size = 0
+ ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+ ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+ ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+ ChromeGtkFrame::incognito-frame-gradient-size = 0
+ ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+ ChromeGtkFrame::scrollbar-trough-color = @bg_color
+ ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color)
+ ChromeGtkFrame::scrollbar-slider-prelight-color = mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*" style "clearlooks-notebook"
+widget_class "**" style "clearlooks-notebook-bg"
+widget_class "**" style "clearlooks-notebook-bg"
+widget_class "**" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*" style "murrine-button"
+widget_class "**" style "murrine-statusbar"
+widget_class "*" style "murrine-progressbar"
+widget_class "*" style "murrine-progressbar"
+
+widget_class "**" style "murrine-comboboxentry"
+widget_class "**" style "murrine-comboboxentry"
+
+widget_class "**" style "murrine-menu"
+widget_class "**" style "murrine-menu-item"
+widget_class "**" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*" style "murrine-separator-menu-item"
+widget_class "**" style "murrine-menubar"
+widget_class "***" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.." style "murrine-frame-title"
+
+widget_class "*.*" style "murrine-treeview"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+
+widget_class "*." style "clearlooks-radiocheck"
+widget_class "*.*." style "clearlooks-base-radiocheck"
+widget_class "*" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "**" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @fg_color
+ text[SELECTED] = @selected_fg_color
+ text[ACTIVE] = @fg_color
+ text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.." style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+ fg[NORMAL] = @text_color
+ fg[PRELIGHT] = @text_color
+ fg[ACTIVE] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "**" style "fg-is-text-color-workaround"
+widget_class "*" style "fg-is-text-color-workaround"
+widget_class "*" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+ engine "murrine" {
+ toolbarstyle = 0
+ }
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+ engine "murrine" {
+ gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+ highlight_shade = 1.0
+ }
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+# Performance Fixes
+
+style "performance-fix" {
+ engine "murrine" {
+ textstyle = 0
+ }
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+# button fg workarounds:
+widget_class "*.." style "murrine-buttonlabel"
+widget_class "***" style:highest "murrine-buttonlabel"
+widget_class "***" style:highest "clearlooks-radiocheck-label"
+widget_class "**" style "murrine-buttonlabel"
+widget_class "***" style "murrine-buttonlabel"
+widget_class "***" style:highest "murrine-entry"
+widget_class "****" style:highest "murrine-toolbutton-label"
diff --git a/RosePine-Main-BL/gtk-2.0/gtkrc.hidpi b/RosePine-Main-BL/gtk-2.0/gtkrc.hidpi
new file mode 100644
index 0000000..5973d0e
--- /dev/null
+++ b/RosePine-Main-BL/gtk-2.0/gtkrc.hidpi
@@ -0,0 +1,995 @@
+# Oomox GTK Theme (Numix Fork)
+
+gtk-color-scheme =
+"base_color:#191724\nbg_color:#191724\ntooltip_bg_color:#191724\nselected_bg_color:#eb6f92\ntext_color:#e0def4\nfg_color:#e0def4\ntooltip_fg_color:#e0def4\nselected_fg_color:#191724\nmenubar_bg_color:#191724\nmenubar_fg_color:#e0def4\ntoolbar_bg_color:#191724\ntoolbar_fg_color:#e0def4\nmenu_bg_color:#191724\nmenu_fg_color:#e0def4\npanel_bg_color:#191724\npanel_fg_color:#e0def4\nlink_color:#7e26d7\nbtn_bg_color:#26233a\nbtn_fg_color:#e0def4\ntitlebar_bg_color:#191724\ntitlebar_fg_color:#e0def4\nprimary_caret_color:#e0def4\nsecondary_caret_color:#e0def4\naccent_bg_color:#eb6f92\n"
+# Default Style
+
+style "murrine-default" {
+ GtkArrow::arrow-scaling= 1.0
+
+ GtkButton::child-displacement-x = 0
+ GtkButton::child-displacement-y = 0
+
+ #GtkButton::default-border = { 0, 0, 0, 0 }
+ GtkButton::inner-border = { 0, 0, 1, 0 }
+ GtkButton::focus-line-width = 2
+ #GtkButton::focus-padding = 4
+ GtkButton::focus-padding = 2
+ #GtkButton::interior-focus = 1
+
+ GtkEntry::inner-border = { 4, 4, 5, 4 }
+ GtkComboBox::inner-border = { 4, 4, 6, 5 }
+ GtkComboBoxText::inner-border = { 4, 4, 6, 5 }
+
+ #GtkButtonBox::child-min-height = 52
+
+ GtkCheckButton::indicator-size = 30
+
+ # The following line hints to gecko (and possibly other appliations)
+ # that the entry should be drawn transparently on the canvas.
+ # Without this, gecko will fill in the background of the entry.
+ GtkEntry::honors-transparent-bg-hint = 1
+ GtkEntry::state-hint = 0
+
+ GtkExpander::expander-size = 30
+
+ GtkImage::x-ayatana-indicator-dynamic = 1
+
+ GtkMenu::horizontal-padding = 2
+ GtkMenu::vertical-padding = 2
+
+ GtkMenuBar::internal-padding = 1
+ GtkMenuBar::window-dragging = 1
+
+ GtkMenuItem::arrow-scaling= 0.5
+
+ GtkPaned::handle-size = 1
+
+ GtkProgressBar::min-horizontal-bar-height = 14
+ GtkProgressBar::min-vertical-bar-width = 14
+
+ GtkRange::trough-border = 0
+ GtkRange::slider-width = 24
+ GtkRange::stepper-size = 24
+ GtkRange::stepper_spacing = 0
+ GtkRange::trough-under-steppers = 1
+
+ GtkScale::slider-length = 30
+ GtkScale::slider-width = 30
+ GtkScale::trough-side-details = 1
+
+ GtkScrollbar::activate-slider = 1
+ GtkScrollbar::has-backward-stepper = 0
+ GtkScrollbar::has-forward-stepper = 0
+ GtkScrollbar::has-secondary-backward-stepper = 0
+ GtkScrollbar::has-secondary-forward-stepper = 0
+ GtkScrollbar::min-slider-length = 160
+ GtkScrollbar::slider-width = 24
+ GtkScrollbar::trough-border = 0
+
+ GtkScrolledWindow::scrollbar-spacing = 0
+ GtkScrolledWindow::scrollbars-within-bevel = 1
+
+ GtkSeparatorMenuItem::horizontal-padding = 0
+
+ GtkToolbar::internal-padding = 0
+
+ GtkTreeView::expander-size = 22
+ GtkTreeView::vertical-separator = 0
+
+ GtkWidget::focus-line-width = 2
+ # The following line prevents the Firefox tabs
+ # from jumping a few pixels when you create a new tab
+ GtkWidget::focus-padding = 0
+
+ GtkWidget::wide-separators = 1
+ GtkWidget::separator-width = 2
+ GtkWidget::separator-height = 2
+
+ GtkWindow::resize-grip-height = 2
+ GtkWindow::resize-grip-width = 2
+
+ WnckTasklist::fade-overlay-rect = 0
+
+ GnomeHRef::link_color = @link_color
+ GtkHTML::link-color = @link_color
+ GtkIMHtmlr::hyperlink-color = @link_color
+ GtkIMHtml::hyperlink-color = @link_color
+ GtkWidget::link-color = @link_color
+ GtkWidget::visited-link-color = @text_color
+
+ GtkToolbar::shadow-type = GTK_SHADOW_NONE # Makes toolbars flat and unified
+ GtkMenuBar::shadow-type = GTK_SHADOW_NONE # Makes menubars flat and unified
+
+ xthickness = 2
+ ythickness = 2
+
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+
+ bg[NORMAL] = @bg_color
+ bg[PRELIGHT] = shade (1.02, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade (0.9, @bg_color)
+ bg[INSENSITIVE] = @bg_color
+
+ base[NORMAL] = @base_color
+ base[PRELIGHT] = shade (0.95, @base_color)
+ base[SELECTED] = @selected_bg_color
+ base[ACTIVE] = @selected_bg_color
+ base[INSENSITIVE] = shade (0.85, @base_color)
+
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @selected_fg_color
+ text[ACTIVE] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+ engine "murrine" {
+ animation = FALSE
+ arrowstyle = 1 # 0 = normal arrows, 1 = filled arrows
+ border_shades = { 1.0, 1.0 } # gradient to draw on border
+ border_colors = { mix(0.2, @fg_color, @bg_color), mix(0.2, @fg_color, @bg_color) }
+ colorize_scrollbar = FALSE
+ comboboxstyle = 0 # 0 = normal combobox, 1 = colorized combobox below arrow
+ contrast = 0.8 # overal contrast with borders
+ focusstyle = 3 # 0 = none, 1 = grey dotted, 2 = colored with fill, 3 = colored glow
+ glazestyle = 0 # 0 = flat highlight, 1 = curved highlight, 2 = concave, 3 = top curved highlight, 4 = beryl highlight
+ glowstyle = 0 # 0 = glow on top, 1 = glow on bottom, 2 = glow on top and bottom, 3 = glow on middle vertically, 4 = glow on middle horizontally, 5 = glow on all sides
+ glow_shade = 1.0 # amount of glow
+ gradient_shades = { 1.0, 1.0, 1.0, 1.0 } # gradient to draw on widgets
+ highlight_shade = 1.0 # amount of highlight
+ lightborder_shade = 1.0 # amount of inset light border
+ lightborderstyle = 1 # 0 = lightborder on top side, 1 = lightborder on all sides
+ listviewheaderstyle = 0 # 0 = flat, 1 = glassy, 2 = raised
+ listviewstyle = 0 # 0 = none, 1 = dotted, 2 = line
+ menubaritemstyle = 0 # 0 = menuitem look, 1 = button look
+ menubarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient, 3 = striped
+ menuitemstyle = 0 # 0 = flat, 1 = glassy, 2 = striped
+ menustyle = 0 # 0 = none, 1 = vertical striped
+ progressbarstyle = 0 # 0 = none, 1 = diagonal striped, 2 = vertical striped
+ reliefstyle = 0 # 0 = flat, 1 = inset, 2 = shadow, 3 = shadow with gradient, 4 = stronger shadow with gradient
+ roundness = 40# roundness of widgets
+ scrollbarstyle = 0 # 0 = none, 1 = circles, 2 = handles, 3 = diagonal stripes, 4 = diagonal stripes and handles, 5 = horizontal stripes, 6 = horizontal stripes and handles
+ sliderstyle = 0 # 0 = none, 1 = handles
+ stepperstyle = 1 # 0 = standard, 1 = integrated stepper handles
+ toolbarstyle = 0 # 0 = flat, 1 = glassy, 2 = gradient
+ }
+}
+
+style "murrine-wide" {
+ xthickness = 6
+ ythickness = 6
+}
+
+style "murrine-wider" {
+ xthickness = 10
+ ythickness = 10
+}
+
+style "murrine-thin" {
+ xthickness = 1
+ ythickness = 1
+}
+
+# Notebook
+
+style "clearlooks-notebook-bg" {
+ bg[NORMAL] = @bg_color
+ bg[ACTIVE] = shade (0.80, @bg_color)
+}
+
+style "clearlooks-notebook" = "clearlooks-notebook-bg" {
+ xthickness = 8
+ ythickness = 4
+
+ engine "clearlooks" {
+ radius = 0.1
+ }
+}
+
+# Various Standard Widgets
+
+style "murrine-button" = "murrine-wider" {
+ bg[NORMAL] = @btn_bg_color
+ bg[PRELIGHT] = shade (1.04, @btn_bg_color)
+ bg[SELECTED] = mix (0.5, @selected_bg_color, @bg_color)
+ bg[ACTIVE] = shade (0.95, @btn_bg_color)
+ bg[INSENSITIVE] = shade (0.75, @btn_bg_color)
+ xthickness = 10
+ ythickness = 10
+ #xthickness = 5
+ #ythickness = 5
+
+ engine "murrine" {
+ border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+ roundness = 40
+ gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+ }
+}
+
+style "murrine-buttonlabel" {
+ fg[NORMAL] = @btn_fg_color
+ fg[PRELIGHT] = @btn_fg_color
+ fg[SELECTED] = @btn_fg_color
+ fg[ACTIVE] = @btn_fg_color
+ fg[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+ text[NORMAL] = @btn_fg_color
+ text[PRELIGHT] = @btn_fg_color
+ text[SELECTED] = @btn_fg_color
+ text[ACTIVE] = @btn_fg_color
+ text[INSENSITIVE] = @btn_fg_color
+ text[INSENSITIVE] = mix (0.4, @btn_bg_color, @btn_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-comboboxtext" = "murrine-buttonlabel" {
+ xthickness = 10
+ ythickness = 10
+}
+
+style "murrine-togglebutton" = "murrine-buttonlabel" {
+ xthickness = 10
+ ythickness = 10
+}
+
+style "murrine-radiocheck" = "murrine-togglebutton" {
+ text[NORMAL] = @accent_bg_color
+ text[PRELIGHT] = @accent_bg_color
+}
+
+style "murrine-scrollbar" {
+ bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+ bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+ bg[ACTIVE] = @selected_bg_color
+
+ engine "murrine" {
+ roundness = 40
+ contrast = 0.0
+ border_shades = { 0.9, 0.9 }
+ trough_shades = { 0.97, 0.97 }
+ trough_border_shades = { 1.0, 1.0 }
+ }
+}
+
+style "murrine-overlay-scrollbar" {
+ bg[ACTIVE] = shade (0.8, @bg_color)
+ bg[INSENSITIVE] = shade (0.97, @bg_color)
+
+ base[SELECTED] = shade (0.6, @bg_color)
+ base[INSENSITIVE] = shade (0.85, @bg_color)
+}
+
+style "murrine-scale" = "murrine-thin" {
+ bg[NORMAL] = @btn_bg_color
+ bg[ACTIVE] = mix(0.2, @fg_color, @bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[INSENSITIVE] = mix(0.95, @bg_color, @btn_bg_color)
+
+ engine "murrine" {
+ roundness = 25
+ #roundness = 40
+ gradient_shades = { 1.08, 1.08, 1.08, 1.08 }
+ #border_shades = { 0.5, 0.5 }
+ border_colors = { mix(0.25, @btn_fg_color, @btn_bg_color), mix(0.25, @btn_fg_color, @btn_bg_color) }
+ #trough_shades = { 1.08, 1.08 }
+ trough_border_shades = { 0.8, 0.8 }
+ }
+}
+
+style "murrine-progressbar" = "murrine-thin" {
+ bg[NORMAL] = @bg_color
+ bg[ACTIVE] = mix(0.08, @bg_color, @base_color)
+
+ fg[PRELIGHT] = @selected_fg_color
+
+ engine "murrine" {
+ roundness = 40
+ border_shades = { 1.2, 1.2 }
+ trough_border_shades = { 0.8, 0.8 }
+ }
+}
+
+style "murrine-treeview-header" = "murrine-button" {
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix(0.20, @bg_color, @fg_color)
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-treeview" {
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-frame" = "murrine-wide" {
+ bg[NORMAL] = mix(0.08, @fg_color, @bg_color)
+}
+
+style "murrine-frame-title" {
+ fg[NORMAL] = lighter (@fg_color)
+}
+
+style "murrine-tooltips" {
+ xthickness = 10
+ ythickness = 10
+
+ bg[NORMAL] = @tooltip_bg_color
+ bg[SELECTED] = @tooltip_bg_color
+
+ fg[NORMAL] = @tooltip_fg_color
+
+ engine "murrine" {
+ textstyle = 0
+ roundness = 40
+ rgba = FALSE
+ }
+}
+
+style "murrine-spinbutton" = "murrine-button" {
+ xthickness = 10
+ ythickness = 10
+ engine "murrine" {
+ }
+}
+
+style "clearlooks-radiocheck" = "murrine-default" {
+ bg[SELECTED] = @base_color
+ bg[PRELIGHT] = @bg_color
+
+ text[NORMAL] = @accent_bg_color
+ text[PRELIGHT] = @accent_bg_color
+
+ engine "clearlooks" {
+ radius = 40.0
+ }
+}
+
+style "clearlooks-base-radiocheck" = "clearlooks-radiocheck" {
+ bg[PRELIGHT] = @bg_color
+}
+
+style "clearlooks-radiocheck-label" = "clearlooks-radiocheck" {
+ fg[NORMAL] = @fg_color
+ fg[PRELIGHT] = @fg_color
+ fg[SELECTED] = @fg_color
+ fg[ACTIVE] = @fg_color
+ fg[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+style "murrine-entry" = "murrine-wider" {
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @text_color
+ text[SELECTED] = @text_color
+ text[ACTIVE] = @text_color
+ text[INSENSITIVE] = mix (0.5, @base_color, @text_color)
+
+ xthickness = 10
+ ythickness = 10
+ engine "murrine" {
+ #border_shades = { 1.15, 1.15 }
+ border_colors = { mix(0.22, @text_color, @base_color), mix(0.22, @text_color, @base_color) }
+ roundness = 40
+ }
+}
+
+style "metacity-frame" = "murrine-default" {
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "murrine-statusbar" { }
+style "murrine-comboboxentry" = "murrine-entry" { }
+style "murrine-hscale" = "murrine-scale" { }
+style "murrine-vscale" = "murrine-scale" { }
+style "murrine-hscrollbar" = "murrine-scrollbar" { }
+style "murrine-vscrollbar" = "murrine-scrollbar" { }
+
+# Menus
+
+style "murrine-menu" = "murrine-thin" {
+ bg[NORMAL] = @menu_bg_color
+ bg[PRELIGHT] = @selected_bg_color
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = @menu_bg_color
+ bg[INSENSITIVE] = @menu_bg_color
+
+ fg[NORMAL] = @menu_fg_color
+ fg[PRELIGHT] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+ text[NORMAL] = @menu_fg_color
+ text[PRELIGHT] = @selected_fg_color
+ text[SELECTED] = @selected_fg_color
+ text[ACTIVE] = @selected_fg_color
+ text[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-menu-item" = "murrine-wider" {
+ bg[PRELIGHT] = @selected_bg_color
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = @selected_bg_color
+
+ fg[NORMAL] = @menu_fg_color # Fix for XFCE menu text
+ fg[PRELIGHT] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @selected_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menu_bg_color, @menu_fg_color)
+
+ engine "murrine" {
+ textstyle = 0
+ border_shades = { 1.2, 1.2 }
+ }
+}
+
+style "murrine-separator-menu-item" = "murrine-thin" { }
+
+style "murrine-menubar" {
+ bg[NORMAL] = @menubar_bg_color
+ bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+ bg[INSENSITIVE] = @menubar_bg_color
+
+ fg[NORMAL] = @menubar_fg_color
+ fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+ fg[SELECTED] = shade (1.08, @menubar_fg_color)
+ fg[ACTIVE] = @menubar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+style "murrine-menubaritem" {
+ bg[NORMAL] = @menubar_bg_color
+ bg[PRELIGHT] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[SELECTED] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[ACTIVE] = shade (0.9, @menubar_bg_color)
+ bg[INSENSITIVE] = @menubar_bg_color
+
+ fg[NORMAL] = @menubar_fg_color
+ fg[PRELIGHT] = shade (1.08, @menubar_fg_color)
+ fg[SELECTED] = shade (1.08, @menubar_fg_color)
+ fg[ACTIVE] = @menubar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @menubar_bg_color, @menubar_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+# Toolbars
+
+style "murrine-toolbar" = "murrine-thin" {
+ bg[NORMAL] = @toolbar_bg_color
+ bg[PRELIGHT] = shade (1.02, @toolbar_bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade (0.9, @toolbar_bg_color)
+ bg[INSENSITIVE] = @toolbar_bg_color
+
+ fg[NORMAL] = @toolbar_fg_color
+ fg[PRELIGHT] = @toolbar_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @toolbar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbutton" = "murrine-button" {
+ bg[NORMAL] = shade (1.08, @toolbar_bg_color)
+ bg[PRELIGHT] = shade (1.10, @toolbar_bg_color)
+ bg[SELECTED] = @selected_bg_color
+ bg[ACTIVE] = shade (0.95, @toolbar_bg_color)
+ bg[INSENSITIVE] = shade (0.85, @toolbar_bg_color)
+
+ fg[NORMAL] = @toolbar_fg_color
+ fg[PRELIGHT] = @toolbar_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @toolbar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+style "murrine-toolbutton-label" = "murrine-toolbutton" {
+ fg[NORMAL] = @toolbar_fg_color
+ fg[PRELIGHT] = @toolbar_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[ACTIVE] = @toolbar_fg_color
+ fg[INSENSITIVE] = mix (0.5, @toolbar_bg_color, @toolbar_fg_color)
+
+ engine "murrine" {
+ }
+}
+
+class "GtkToolbar" style "murrine-toolbar"
+class "GtkHandleBox" style "murrine-toolbar"
+widget_class "*Toolbar*.*Separator*" style "murrine-toolbar"
+
+# Panels
+
+style "murrine-panel" = "murrine-thin" {
+ xthickness = 2
+
+ bg[NORMAL] = @panel_bg_color
+ bg[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ bg[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ bg[ACTIVE] = shade (0.8, @panel_bg_color)
+ bg[INSENSITIVE] = @panel_bg_color
+
+ fg[NORMAL] = @panel_fg_color
+ fg[PRELIGHT] = shade (1.08, @panel_fg_color)
+ fg[SELECTED] = shade (1.08, @panel_fg_color)
+ fg[ACTIVE] = @panel_fg_color
+ fg[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+ base[NORMAL] = @panel_bg_color
+ base[PRELIGHT] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ base[SELECTED] = mix (0.21, @panel_fg_color, @panel_bg_color)
+ base[ACTIVE] = shade (0.9, @panel_bg_color)
+ base[INSENSITIVE] = @panel_bg_color
+
+ text[NORMAL] = @panel_fg_color
+ text[PRELIGHT] = shade (1.08, @panel_fg_color)
+ text[SELECTED] = shade (1.08, @panel_fg_color)
+ text[ACTIVE] = @panel_fg_color
+ text[INSENSITIVE] = mix (0.5, @panel_bg_color, @panel_fg_color)
+
+ engine "murrine" {
+ roundness = 0
+ contrast = 0.0
+ }
+}
+
+widget "*PanelWidget*" style "murrine-panel"
+widget "*PanelApplet*" style "murrine-panel"
+widget "*fast-user-switch*" style "murrine-panel"
+widget "*CPUFreq*Applet*" style "murrine-panel"
+widget "*indicator-applet*" style "murrine-panel"
+class "PanelApp*" style "murrine-panel"
+class "PanelToplevel*" style "murrine-panel"
+widget_class "*PanelToplevel*" style "murrine-panel"
+widget_class "*notif*" style "murrine-panel"
+widget_class "*Notif*" style "murrine-panel"
+widget_class "*Tray*" style "murrine-panel"
+widget_class "*tray*" style "murrine-panel"
+widget_class "*computertemp*" style "murrine-panel"
+widget_class "*Applet*Tomboy*" style "murrine-panel"
+widget_class "*Applet*Netstatus*" style "murrine-panel"
+widget "*gdm-user-switch-menubar*" style "murrine-panel"
+
+# LXPanel (code based on Lubuntu-default theme's gtkrc file)
+widget "*.tclock.*" style "murrine-panel"
+widget "*.taskbar.*" style "murrine-panel"
+widget_class "*GtkBgbox*" style "murrine-panel"
+
+style "bold-panel-item" {
+ font_name = "Bold"
+
+ engine "murrine" {
+ roundness = 0
+ }
+}
+
+widget "*Panel*MenuBar*" style "bold-panel-item"
+widget "*gimmie*" style "bold-panel-item"
+
+# widget_class "*Mail*" style "murrine-panel" # Disabled to fix Evolution bug
+# class "*Panel*" style "murrine-panel" # Disabled to fix bug
+
+# XFCE Styles
+
+style "workspace-switcher" = "murrine-panel" {
+ bg[ACTIVE] = @selected_bg_color
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfce-header" {
+ bg[NORMAL] = shade (0.9, @bg_color)
+ base[NORMAL] = shade (1.18, @bg_color)
+}
+
+style "xfdesktop-windowlist" {
+ bg[NORMAL] = @base_color
+ fg[INSENSITIVE] = shade (0.95, @base_color)
+ text[INSENSITIVE] = shade (0.95, @base_color)
+}
+
+style "xfdesktop-icon-view" {
+ XfdesktopIconView::label-alpha = 0
+ XfdesktopIconView::selected-label-alpha = 60
+ XfdesktopIconView::shadow-x-offset = 0
+ XfdesktopIconView::shadow-y-offset = 1
+ XfdesktopIconView::selected-shadow-x-offset = 0
+ XfdesktopIconView::selected-shadow-y-offset = 1
+ XfdesktopIconView::shadow-color = @fg_color
+ XfdesktopIconView::selected-shadow-color = @fg_color
+ XfdesktopIconView::shadow-blur-radius = 2
+ XfdesktopIconView::cell-spacing = 2
+ XfdesktopIconView::cell-padding = 6
+ XfdesktopIconView::cell-text-width-proportion = 1.9
+
+ fg[NORMAL] = @bg_color
+ fg[ACTIVE] = @bg_color
+
+}
+
+style "xfwm-tabwin" {
+ Xfwm4TabwinWidget::border-width = 1
+ Xfwm4TabwinWidget::border-alpha = 1.0
+ Xfwm4TabwinWidget::icon-size = 64
+ Xfwm4TabwinWidget::alpha = 1.0
+ Xfwm4TabwinWidget::border-radius = 2
+
+ bg[NORMAL] = @menu_bg_color
+ bg[SELECTED] = @menu_bg_color
+
+ fg[NORMAL] = @menu_fg_color
+
+ engine "murrine" {
+ contrast = 0.0
+ border_shades = { 0.9, 0.9 }
+ }
+}
+
+style "xfwm-tabwin-button" {
+ font_name = "bold"
+
+ bg[SELECTED] = @selected_bg_color
+}
+
+style "xfsm-logout" {
+ bg[NORMAL] = @menu_bg_color
+ bg[ACTIVE] = @menu_bg_color
+ bg[PRELIGHT] = shade (1.1, @menu_bg_color)
+ bg[SELECTED] = shade (0.5, @menu_bg_color)
+ bg[INSENSITIVE] = shade (1.3, @menu_bg_color)
+
+ fg[NORMAL] = @menu_fg_color
+ fg[PRELIGHT] = @menu_fg_color
+
+ text[NORMAL] = @menu_fg_color
+
+ engine "murrine" {
+ }
+}
+
+style "xfsm-logout-button" {
+ bg[NORMAL] = shade (1.2, @menu_bg_color)
+ bg[PRELIGHT] = shade (1.4, @menu_bg_color)
+
+ engine "murrine" {
+ }
+}
+
+widget "*Pager*" style "workspace-switcher"
+
+widget "*Xfce*Panel*" style "murrine-panel"
+class "*Xfce*Panel*" style "murrine-panel"
+
+# Thunar Styles
+
+style "sidepane" {
+ base[NORMAL] = @bg_color
+ base[INSENSITIVE] = mix (0.4, shade (1.35, @selected_bg_color), shade (0.9, @base_color))
+ bg[NORMAL] = @bg_color
+ text[NORMAL] = mix (0.9, @fg_color, @bg_color)
+}
+
+widget_class "*ThunarShortcutsView*" style "sidepane"
+widget_class "*ThunarTreeView*" style "sidepane"
+widget_class "*ThunarLocationEntry*" style "murrine-entry"
+
+style "whiskermenu" {
+ bg[NORMAL] = @menu_bg_color
+ bg[ACTIVE] = mix (0.21, @menubar_fg_color, @menubar_bg_color)
+ bg[PRELIGHT] = @selected_bg_color
+
+ fg[NORMAL] = @menu_fg_color
+ fg[ACTIVE] = @menu_fg_color
+ fg[PRELIGHT] = @menu_fg_color
+}
+
+style "whiskermenu-scrollbar" = "murrine-scrollbar" {
+ bg[NORMAL] = mix (0.21, @fg_color, @bg_color)
+ bg[PRELIGHT] = mix (0.31, @fg_color, @bg_color)
+ bg[ACTIVE] = @selected_bg_color
+
+ engine "murrine" {
+ trough_shades = { 4.97, 4.97 }
+ trough_border_shades = { 5.0, 5.0 }
+ }
+}
+
+widget "whiskermenu-window*" style "whiskermenu"
+widget "*whisker*GtkVScrollbar" style "whiskermenu-scrollbar"
+
+# Gtk2 Open-File Dialog
+
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.GtkTreeView*" style "sidepane"
+widget_class "*GtkFileChooserWidget.GtkFileChooserDefault.GtkVBox.GtkHPaned.GtkVBox.GtkScrolledWindow.." style "murrine-treeview-header"
+
+# Google Chrome/Chromium Styles (requires 9.0.597 or newer)
+
+style "chromium-toolbar-button" {
+ engine "murrine" {
+ roundness = 40
+ textstyle = 0
+ }
+}
+
+style "chrome-gtk-frame" {
+ ChromeGtkFrame::frame-color = @titlebar_bg_color
+ ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color
+
+ ChromeGtkFrame::frame-gradient-size = 0
+ ChromeGtkFrame::frame-gradient-color = @titlebar_bg_color
+
+ ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color
+ ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+ ChromeGtkFrame::incognito-frame-gradient-size = 0
+ ChromeGtkFrame::incognito-frame-gradient-color = @titlebar_bg_color
+
+ ChromeGtkFrame::scrollbar-trough-color = @bg_color
+ ChromeGtkFrame::scrollbar-slider-normal-color = mix (0.21, @fg_color, @bg_color)
+ ChromeGtkFrame::scrollbar-slider-prelight-color = mix (0.31, @fg_color, @bg_color)
+}
+
+class "ChromeGtkFrame" style "chrome-gtk-frame"
+
+widget_class "*Chrom*Button*" style "chromium-toolbar-button"
+
+# General Styles
+
+class "GtkWidget" style "murrine-default"
+
+class "GtkFrame" style "murrine-frame"
+class "MetaFrames" style "metacity-frame"
+class "GtkWindow" style "metacity-frame"
+
+class "GtkSeparator" style "murrine-wide"
+class "GtkCalendar" style "murrine-wide"
+
+class "GtkSpinButton" style "murrine-spinbutton"
+
+class "GtkScale" style "murrine-scale"
+class "GtkVScale" style "murrine-vscale"
+class "GtkHScale" style "murrine-hscale"
+class "GtkScrollbar" style "murrine-scrollbar"
+class "GtkVScrollbar" style "murrine-vscrollbar"
+class "GtkHScrollbar" style "murrine-hscrollbar"
+
+class "GtkEntry" style "murrine-entry"
+
+widget_class "*" style "clearlooks-notebook"
+widget_class "**" style "clearlooks-notebook-bg"
+widget_class "**" style "clearlooks-notebook-bg"
+widget_class "**" style "clearlooks-notebook-bg"
+widget_class "*.GtkNotebook.*.GtkViewport" style "clearlooks-notebook"
+
+widget_class "*" style "murrine-button"
+widget_class "**" style "murrine-statusbar"
+widget_class "*" style "murrine-progressbar"
+widget_class "*" style "murrine-progressbar"
+
+widget_class "**" style "murrine-comboboxentry"
+widget_class "**" style "murrine-comboboxentry"
+
+widget_class "**" style "murrine-menu"
+widget_class "**" style "murrine-menu-item"
+widget_class "**" style "murrine-separator-menu-item"
+widget_class "*Menu*.*Sepa*" style "murrine-separator-menu-item"
+widget_class "**" style "murrine-menubar"
+widget_class "***" style "murrine-menubaritem"
+
+widget_class "*GtkToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToggleToolButton*" style "murrine-toolbutton"
+widget_class "*GtkMenuToolButton*" style "murrine-toolbutton"
+widget_class "*GtkToolbar*Button" style "murrine-toolbutton"
+
+widget_class "*.." style "murrine-frame-title"
+
+widget_class "*.*" style "murrine-treeview"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+widget_class "*.." style "murrine-treeview-header"
+
+widget_class "*." style "clearlooks-radiocheck"
+widget_class "*.*." style "clearlooks-base-radiocheck"
+widget_class "*" style "clearlooks-base-radiocheck"
+
+widget "gtk-tooltip*" style "murrine-tooltips"
+
+widget_class "**" style "murrine-overlay-scrollbar"
+
+# Workarounds and Non-Standard Styling
+
+style "text-is-fg-color-workaround" {
+ text[NORMAL] = @text_color
+ text[PRELIGHT] = @fg_color
+ text[SELECTED] = @selected_fg_color
+ text[ACTIVE] = @fg_color
+ text[INSENSITIVE] = mix (0.5, @bg_color, @fg_color)
+}
+
+widget_class "*.." style "text-is-fg-color-workaround"
+
+style "fg-is-text-color-workaround" {
+ fg[NORMAL] = @text_color
+ fg[PRELIGHT] = @text_color
+ fg[ACTIVE] = @selected_fg_color
+ fg[SELECTED] = @selected_fg_color
+ fg[INSENSITIVE] = darker (@fg_color)
+}
+
+widget_class "**" style "fg-is-text-color-workaround"
+widget_class "*" style "fg-is-text-color-workaround"
+widget_class "*" style "fg-is-text-color-workaround"
+
+style "murrine-evo-new-button-workaround" {
+ engine "murrine" {
+ toolbarstyle = 0
+ }
+}
+
+widget_class "EShellWindow.GtkVBox.BonoboDock.BonoboDockBand.BonoboDockItem*" style "murrine-evo-new-button-workaround"
+
+style "inkscape-toolbar-fix" {
+ engine "murrine" {
+ gradient_shades = { 1.0, 1.0, 1.0, 1.0 }
+ highlight_shade = 1.0
+ }
+}
+
+#widget "*GtkHandleBox*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*CommandsToolbar*" style "inkscape-toolbar-fix"
+#widget "*HandleBox*SnapToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SelectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*NodeToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*TweakToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ZoomToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*StarToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*RectToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*3DBoxToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ArcToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*SpiralToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PencilToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PenToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*CalligraphyToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*EraserToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*LPEToolToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*DropperToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*ConnectorToolbar*" style "inkscape-toolbar-fix"
+widget "*HandleBox*PaintbucketToolbar*" style "inkscape-toolbar-fix"
+
+
+
+
+style "gimp-default-style" {
+# Uncommenting this line allows to set a different (smaller) font for GIMP.
+#
+# font_name = "sans 8"
+# Enabling the following line for some reason breaks toolbox resize
+# increment calculation. You can enable it to get an even smaller GUI
+# but need to restart GIMP after the theme change.
+#
+# GtkWidget::focus-padding = 0
+ GtkOptionMenu::indicator-size = { 15, 25 }
+ GtkOptionMenu::indicator-spacing = { 10, 8, 4, 4 }
+ GtkPaned::handle-size = 5
+ GimpDockWindow::default-height = 600
+ GimpDock::font-scale = 1.0
+ GimpMenuDock::minimal-width = 400
+ GimpToolPalette::tool-icon-size = large-toolbar
+ GimpToolPalette::button-relief = none
+ GimpDockbook::tab-border = 0
+ GimpDockbook::tab-icon-size = button
+ GimpColorNotebook::tab-border = 0
+ GimpColorNotebook::tab-icon-size = button
+ GimpDeviceEditor::handle-size = 30
+ GimpDockable::content-border = 1
+ GimpEditor::content-spacing = 1
+ GimpEditor::button-spacing = 1
+ GimpEditor::button-icon-size = button
+ GimpDataEditor::minimal-height = 150
+ GimpFrame::label-spacing = 5
+ GtkDialog::content-area-border = 2
+ GtkDialog::button-spacing = 20
+ GtkDialog::action-area-border = 25
+ GimpUnitComboBox::appears-as-list = 0
+}
+
+class "GtkWidget" style "gimp-default-style"
+style "gimp-tool-dialog-style" = "gimp-default-style"
+{
+ GtkDialog::action-area-border = 6
+}
+class "GimpToolDialog" style "gimp-tool-dialog-style"
+style "gimp-grid-view-style" = "gimp-default-style"
+{
+ bg[NORMAL] = { 1.0, 1.0, 1.0 }
+}
+widget "*GimpContainerGridView*GtkViewport*" style "gimp-grid-view-style"
+style "gimp-dockable-style" = "gimp-default-style"
+{
+ GimpFrame::label-bold = 0
+ GtkButton::focus-line_width = 1
+ GtkButton::focus-padding = 0
+}
+widget "*GimpDockable.*" style "gimp-dockable-style"
+style "gimp-display-style" = "gimp-default-style"
+{
+ GimpRuler::font-scale = 1.0
+ GimpUnitComboBox::label-scale = 1.0
+ GimpScaleComboBox::label-scale = 1.0
+ GtkComboBox::arrow-size = 20
+ GtkButton::inner-border = { 0, 0, 0, 0 }
+ GtkButton::focus-line-width = 0
+ GtkButton::focus-padding = 0
+}
+widget "*GimpDisplayShell.*" style "gimp-display-style"
+style "gimp-overlay-style" = "gimp-display-style"
+{
+ GtkButton::focus-line_width = 2
+}
+widget_class "**" style "gimp-overlay-style"
+
+
+
+
+# Performance Fixes
+
+style "performance-fix" {
+ engine "murrine" {
+ textstyle = 0
+ }
+}
+
+widget_class "*gtkmm__GtkWindow*" style "performance-fix" # Inkscape
+widget_class "*GimpDisplayShell*" style "performance-fix" # Gimp
+widget_class "*GimpToolbox*" style "performance-fix"
+widget_class "*GimpMenuDock*" style "performance-fix"
+widget "*OOoFixed*" style "performance-fix" # Openoffice/Libreoffice
+widget_class "*MozContainer*" style "performance-fix" # Firefox (Not sure if this one does anything though.)
+
+widget_class "*XfceHeading*" style "xfce-header"
+widget_class "*XfceDesktop*" style "xfdesktop-windowlist"
+widget_class "*XfdesktopIconView*" style "xfdesktop-icon-view"
+widget "xfwm4-tabwin*" style "xfwm-tabwin"
+widget "xfwm4-tabwin*GtkButton*" style "xfwm-tabwin-button"
+widget_class "*XfsmLogoutDialog*" style "xfsm-logout"
+widget_class "*XfsmLogoutDialog*GtkButton" style "xfsm-logout-button"
+
+
+# button fg workarounds:
+widget_class "*.." style "murrine-buttonlabel"
+widget_class "***" style:highest "murrine-buttonlabel"
+widget_class "***" style:highest "clearlooks-radiocheck-label"
+widget_class "**" style "murrine-comboboxtext"
+widget_class "**" style "murrine-togglebutton"
+widget_class "*." style "murrine-radiocheck"
+widget_class "***" style:highest "murrine-entry"
+widget_class "****" style:highest "murrine-toolbutton-label"
diff --git a/RosePine-Main-BL/gtk-3.0/assets/scalable/check-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 0000000..f2fc5ef
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+
+
diff --git a/RosePine-Main-BL/gtk-3.0/assets/scalable/check-symbolic@2.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/check-symbolic@2.svg
new file mode 100644
index 0000000..464c67e
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/assets/scalable/check-symbolic@2.svg
@@ -0,0 +1,46 @@
+
+
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/checkbox-unchecked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg
diff --git a/RosePine-Main-BL/gtk-3.0/assets/scalable/dot-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 0000000..8cfdb62
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/RosePine-Main-BL/gtk-3.0/assets/scalable/dot-symbolic@2.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/dot-symbolic@2.svg
new file mode 100644
index 0000000..7714de6
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/assets/scalable/dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/RosePine-Main-BL/gtk-3.0/assets/scalable/line-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 0000000..ec2566e
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/RosePine-Main-BL/gtk-3.0/assets/scalable/line-symbolic@2.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/line-symbolic@2.svg
new file mode 100644
index 0000000..06ef46e
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/assets/scalable/line-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/radio-checked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/radio-unchecked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/scale-slider-symbolic.svg
diff --git a/RosePine-Main-BL/gtk-3.0/assets/scalable/small-check-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 0000000..d6eb8a5
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/RosePine-Main-BL/gtk-3.0/assets/scalable/small-check-symbolic@2.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-check-symbolic@2.svg
new file mode 100644
index 0000000..2450902
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-check-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
diff --git a/RosePine-Main-BL/gtk-3.0/assets/scalable/small-dot-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 0000000..9944490
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/RosePine-Main-BL/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg
new file mode 100644
index 0000000..0d11382
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/RosePine-Main-BL/gtk-3.0/assets/scalable/small-line-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 0000000..221ae3a
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/RosePine-Main-BL/gtk-3.0/assets/scalable/small-line-symbolic@2.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-line-symbolic@2.svg
new file mode 100644
index 0000000..1669516
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-line-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg
diff --git a/tokyonight_gtk/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg b/RosePine-Main-BL/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
rename to RosePine-Main-BL/gtk-3.0/assets/scalable/small-radio-unchecked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-after-slider@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-after-slider@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-horz-marks-before-slider@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-horz-marks-before-slider@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-after-slider@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-after-slider@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/scale-vert-marks-before-slider@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/scale-vert-marks-before-slider@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
rename to RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-checked.png b/RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-checked.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-checked.png
rename to RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-checked.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-checked@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-checked@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-checked@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
rename to RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
rename to RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
diff --git a/tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png
rename to RosePine-Main-BL/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png
diff --git a/RosePine-Main-BL/gtk-3.0/gtk-dark.css b/RosePine-Main-BL/gtk-3.0/gtk-dark.css
new file mode 100644
index 0000000..0598fa1
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/gtk-dark.css
@@ -0,0 +1,11469 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #e0def4;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #e0def4;
+/* widget base background color */
+@define-color theme_bg_color #191724;
+/* text widgets and the like base background color */
+@define-color theme_base_color #191724;
+/* base background color of selections */
+@define-color theme_selected_bg_color #faf4ed;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #191724;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(224, 222, 244, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #26233a;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #e0def4;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #e0def4;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #191724;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #191724;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #faf4ed;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(224, 222, 244, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(224, 222, 244, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(224, 222, 244, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* 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 #e0def4;
+@define-color wm_unfocused_title rgba(224, 222, 244, 0.7);
+@define-color wm_highlight rgba(224, 222, 244, 0.1);
+@define-color wm_bg #191724;
+@define-color wm_unfocused_bg #191724;
+@define-color wm_button_close_icon #191724;
+@define-color wm_button_close_hover_bg #faf4ed;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #191724;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #e0def4;
+@define-color budgie_tasklist_indicator_color_active #e0def4;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #faf4ed;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #faf4ed;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #191724;
+@define-color window_fg_color #e0def4;
+@define-color view_bg_color #191724;
+@define-color view_fg_color #e0def4;
+@define-color headerbar_bg_color #191724;
+@define-color headerbar_fg_color #e0def4;
+@define-color headerbar_border_color rgba(224, 222, 244, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #191724;
+@define-color card_fg_color #e0def4;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #191724;
+@define-color dialog_fg_color #e0def4;
+@define-color popover_bg_color #191724;
+@define-color popover_fg_color #e0def4;
+@define-color thumbnail_bg_color #191724;
+@define-color thumbnail_fg_color #e0def4;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #faf4ed 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #faf4ed 100%, transparent 0%);
+ }
+}
+
+* {
+ background-clip: padding-box;
+ -gtktoolbutton-icon-spacing: 0;
+ -gtktextview-error-underline-color: #eb6f92;
+ -gtkscrolledwindow-scrollbar-spacing: 0;
+ -gtktoolitemgroup-expander-size: 11;
+ -gtkwidget-text-handle-width: 24;
+ -gtkwidget-text-handle-height: 24;
+ -gtkdialog-button-spacing: 6;
+ -gtkdialog-action-area-border: 6;
+ outline-style: solid;
+ outline-width: 2px;
+ outline-color: transparent;
+ outline-offset: -4px;
+ -gtk-outline-radius: 6px;
+ -gtk-secondary-caret-color: #faf4ed;
+}
+
+*:focus {
+ outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+ color: #e0def4;
+ background-color: #403d52;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+ color: #faf4ed;
+ background-color: rgba(250, 244, 237, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #faf4ed;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+ border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+ border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #191724;
+ color: #e0def4;
+}
+
+.background.csd {
+ border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+ border-radius: 0;
+}
+
+*:disabled {
+ -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+ background-color: #21202e;
+ color: #e0def4;
+}
+
+.gtkstyle-fallback:hover {
+ background-color: #26233a;
+ color: #e0def4;
+}
+
+.gtkstyle-fallback:active {
+ background-color: #21202e;
+ color: #e0def4;
+}
+
+.gtkstyle-fallback:disabled {
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+ background-color: #191724;
+ color: #e0def4;
+}
+
+.view:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.view:selected:hover {
+ box-shadow: none;
+}
+
+window.background.csd > stack.view {
+ border-radius: 0 0 12px 12px;
+}
+
+textview text {
+ background-color: #191724;
+}
+
+textview border {
+ background-color: #26233a;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+ border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+ border: 1px solid #faf4ed;
+ background-color: rgba(250, 244, 237, 0.3);
+}
+
+flowbox flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: currentColor;
+}
+
+label.separator {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+label:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(33, 32, 46, 0.9);
+ color: #e0def4;
+}
+
+.dim-label {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+assistant .sidebar {
+ padding: 4px 0;
+}
+
+assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(224, 222, 244, 0.5);
+ font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+ color: #e0def4;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #faf4ed;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+ color: #e0def4;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(
+ to top,
+ transparent 50%,
+ rgba(224, 222, 244, 0.3) 50%
+ );
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(
+ to top,
+ transparent 50%,
+ rgba(224, 222, 244, 0.3) 50%
+ );
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #eb6f92;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #f6c177;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #faf4ed;
+ background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #1f1d2e;
+ color: #e0def4;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+ border-image: none;
+ box-shadow: inset 0 0 0 2px #faf4ed;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #26233a;
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+ border-image: none;
+ box-shadow: inset 0 0 0 2px #eb6f92;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #26233a;
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #f6c177;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+ border-image: none;
+ box-shadow: inset 0 0 0 2px #f6c177;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #26233a;
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+ background-color: #191724;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .photos-entry-tag,
+:dir(ltr) .documents-entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .photos-entry-tag,
+:dir(rtl) .documents-entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.photos-entry-tag,
+.button.documents-entry-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active),
+.button.photos-entry-tag:not(:hover):not(:active),
+.button.documents-entry-tag:not(:hover):not(:active) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: -gtk-gradient(
+ radial,
+ center center,
+ 0,
+ center center,
+ 0.001,
+ to(#faf4ed),
+ to(transparent)
+ );
+ }
+ to {
+ background-image: -gtk-gradient(
+ radial,
+ center center,
+ 0,
+ center center,
+ 0.5,
+ to(#faf4ed),
+ to(transparent)
+ );
+ }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+ color: #e0def4;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:not(.suggested-action):not(.destructive-action),
+button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: #e0def4;
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(currentColor, 0.12) 10%,
+ transparent 0%
+ );
+ background-size: 0% 0%;
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+ box-shadow: none;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.raven .expander-button,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > box.horizontal:not(.linked)
+ > button.toggle,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button:not(.toggle):not(.raised):not(.flat),
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ button.flat.scale,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+ border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > box.horizontal:not(.linked)
+ > button.toggle
+ label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button:not(.toggle):not(.raised):not(.flat)
+ label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ button.flat.scale
+ label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised
+ label,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button
+ label,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button
+ label,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button
+ label,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button
+ label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+ padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+ > revealer
+ > box
+ button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:focus,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:focus,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+ > revealer
+ > box
+ button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #e0def4;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:hover,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular:hover,
+check:hover,
+radio:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+modelbutton.flat:hover,
+.menuitem.button.flat:hover,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:hover,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+ > revealer
+ > box
+ button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: #e0def4;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:active,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular:active,
+check:active,
+radio:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:active,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+ > revealer
+ > box
+ button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(currentColor, 0.12) 10%,
+ transparent 0%
+ );
+ background-size: 0% 0%;
+ color: #e0def4;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:disabled,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular:disabled,
+check:disabled,
+radio:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:disabled,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+ > revealer
+ > box
+ button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+ > revealer
+ > box
+ button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: #e0def4;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked:disabled,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+ > revealer
+ > box
+ button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+ button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.text-button.flat {
+ min-width: 48px;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.image-button.destructive-action {
+ border-radius: 6px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+.linked:not(.vertical)
+ > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+ border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 12px 16px;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+ background-color: rgba(144, 140, 170, 0.9844);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+ background-color: rgba(144, 140, 170, 0.9844);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+ padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+ padding: 0;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 2px 2.4px -1px rgba(250, 244, 237, 0.2),
+ 0 4px 3px 0 rgba(250, 244, 237, 0.14), 0 1px 6px 0 rgba(250, 244, 237, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(250, 244, 237, 0.5);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 3px 3px -3px rgba(250, 244, 237, 0.3),
+ 0 2px 3px -1px rgba(250, 244, 237, 0.24),
+ 0 2px 5px 0 rgba(250, 244, 237, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(250, 244, 237, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #faf4ed;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.3);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(250, 244, 237, 0.3);
+}
+
+button.destructive-action {
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+ 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 3px 3px -3px rgba(242, 139, 130, 0.3),
+ 0 2px 3px -1px rgba(242, 139, 130, 0.24),
+ 0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #eb6f92;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.3);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+ min-width: 24px;
+ padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label,
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+ background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 6px;
+ color: #e0def4;
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+ color: #2196f3;
+}
+
+*:visited {
+ color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+ color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+ color: #ce93d8;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+ padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+ min-width: 32px;
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+ border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical {
+ padding: 0;
+}
+
+spinbutton.vertical:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+spinbutton.vertical entry {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+spinbutton.vertical button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+ margin: 0 3px;
+}
+
+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 decoration {
+ transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+}
+
+button.combo:only-child:focus {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px rgba(224, 222, 244, 0.3);
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #faf4ed;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+ -gtkwidget-window-dragging: true;
+ padding: 2px;
+ background-color: #191724;
+}
+
+.osd toolbar {
+ background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+}
+
+frame.left.documents-dropdown,
+.left.app-notification,
+frame.right.documents-dropdown,
+.right.app-notification,
+frame.top.documents-dropdown,
+.top.app-notification,
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(
+ to bottom,
+ transparent,
+ rgba(0, 0, 0, 0.1) 30%,
+ rgba(0, 0, 0, 0.2) 50%,
+ rgba(0, 0, 0, 0.4)
+ );
+}
+
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+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: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+.inline-toolbar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #26233a;
+}
+
+searchbar > revealer > box,
+.location-bar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+ background-clip: border-box;
+}
+
+searchbar > revealer > box {
+ margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+ .linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #e0def4;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+ button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+ button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+ button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+ button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nemo-window
+ .primary-toolbar
+ button:backdrop:checked:disabled:not(.text-button),
+headerbar
+ button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: #e0def4;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+ color: #e0def4;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.titlebar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #191724;
+ color: #e0def4;
+ border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.titlebar:backdrop {
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.titlebar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.titlebar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.titlebar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action):active {
+ box-shadow: inset 0 0 0 9999px rgba(224, 222, 244, 0.08);
+ background-image: radial-gradient(
+ circle,
+ rgba(224, 222, 244, 0.08) 10%,
+ transparent 0%
+ );
+}
+
+.titlebar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+ background-color: #faf4ed;
+ color: #191724;
+}
+
+.titlebar
+ .path-bar
+ button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 0;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms,
+ color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0/0 0 0px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2/0 0 2px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+ -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0);
+ background-color: #faf4ed;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+ border-radius: 0;
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 10px 20px;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+ border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+headerbar {
+ min-height: 48px;
+ padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+ box-shadow: none;
+}
+
+box.vertical headerbar {
+ background-color: #191724;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+ padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+ border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ background-color: transparent;
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+ margin: 5px 2px;
+ min-width: 120px;
+ padding: 0;
+ background-image: none;
+ background-color: transparent;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+ > stack
+ > box {
+ padding: 0 12px;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+ box-shadow: inset 0 0 0 9999px rgba(224, 222, 244, 0.08);
+ background-image: radial-gradient(
+ circle,
+ rgba(224, 222, 244, 0.08) 10%,
+ transparent 0%
+ );
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+ background-color: #26233a;
+ color: #9ccfd8;
+ font-weight: 500;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+ box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+ min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+ margin-top: 0;
+ margin-bottom: 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+ margin: 0 0;
+ background: none;
+}
+
+headerbar.windowhandle
+ viewswitchertitle
+ > squeezer
+ > viewswitcher
+ > box.horizontal
+ > button.radio {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ #faf4ed 0%,
+ transparent 0%
+ )
+ 0 0 0/0 0 0px;
+ border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ #faf4ed 100%,
+ transparent 0%
+ )
+ 0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+ background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+ min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-left-color: rgba(224, 222, 244, 0.3);
+ border-top-color: rgba(224, 222, 244, 0.12);
+ min-height: 36px;
+}
+
+* {
+ -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;
+}
+
+window.background.csd
+ treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+ background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+ border-radius: 0;
+}
+
+treeview.view.separator {
+ min-height: 6px;
+ color: rgba(224, 222, 244, 0.12);
+}
+
+treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 9999px;
+ border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+ border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+ border-bottom-style: none;
+}
+
+treeview.view.expander {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover,
+treeview.view.expander:active {
+ color: #e0def4;
+}
+
+treeview.view.expander:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+treeview.view.progressbar {
+ border: none;
+ box-shadow: none;
+ background-color: #faf4ed;
+ background-image: none;
+ border-radius: 9999px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+ box-shadow: none;
+}
+
+treeview.view.trough {
+ border: none;
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.12);
+ background-image: none;
+ border-radius: 9999px;
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+ box-shadow: none;
+}
+
+treeview.view header button {
+ padding: 2px 6px;
+ border: none;
+ border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+ background-color: #191724;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(224, 222, 244, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #191724;
+ background-clip: border-box;
+ color: #faf4ed;
+}
+
+treeview.view acceleditor > label {
+ background-color: #faf4ed;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+ -gtkwidget-window-dragging: true;
+ padding: 0;
+ background-color: #191724;
+ color: #e0def4;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(224, 222, 244, 0.7);
+ border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #e0def4;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+ color: inherit;
+}
+
+.background.popup {
+ background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+ margin: 6px;
+ padding: 6px;
+ background-color: #1f1d2e;
+ background-clip: border-box;
+ border-radius: 12px;
+ border: 1px solid #444a73;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+ border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ min-width: 40px;
+ padding: 4px 8px;
+ color: #e0def4;
+ font: initial;
+ font-weight: 500;
+ text-shadow: none;
+ border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+ transition: none;
+ background-color: #403d52;
+ color: #9ccfd8;
+ font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+ color: #9ccfd8;
+ font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+ color: #9ccfd8;
+ font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+ margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+ margin-right: 8px;
+}
+
+menu menuitem label:dir(rtl),
+menu menuitem label:dir(ltr),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+ color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+ background-color: #575279;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #1f1d2e;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+ margin-top: 0;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+ margin-top: 8px;
+ margin-bottom: -12px;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+ background-image: image(alpha(currentColor, 0.08));
+ color: #e0def4;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+ margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 0;
+ background-color: #1f1d2e;
+ border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+ border: 1px solid rgba(224, 222, 244, 0.2);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+ 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+ 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+ 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+ 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+ margin: 0;
+}
+
+popover.background > toolbar {
+ margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+ background-color: #1f1d2e;
+}
+
+popover.background.combo viewport.frame > list {
+ background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+ padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+ border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+ border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+ border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+popover.background separator {
+ margin: 4px 0;
+}
+
+popover.background list separator {
+ margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 12px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(224, 222, 244, 0.7);
+ font-weight: 500;
+ border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: #e0def4;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #26233a;
+ color: #9ccfd8;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+notebook,
+notebook.frame {
+ background-color: #191724;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: transparent;
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+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 {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down,
+notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -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 {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down,
+notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child,
+notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child,
+notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page,
+notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child,
+notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child,
+notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page,
+notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #191724;
+}
+
+* {
+ -gtkscrollbar-has-backward-stepper: false;
+ -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+ border-bottom: transparent;
+}
+
+scrollbar.bottom {
+ border-bottom: transparent;
+}
+
+scrollbar.left {
+ border-bottom: transparent;
+}
+
+scrollbar.right {
+ border-bottom: transparent;
+}
+
+scrollbar slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 4px;
+ min-height: 4px;
+ border: 2px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(224, 222, 244, 0.2);
+}
+
+scrollbar slider:hover {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+scrollbar slider:active {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+scrollbar slider:disabled {
+ background-color: rgba(224, 222, 244, 0.2);
+}
+
+scrollbar.fine-tune slider {
+ min-width: 2px;
+ min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+ margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ min-width: 2px;
+ min-height: 2px;
+ margin: 2px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 2px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+ border-radius: 9999px;
+ background-color: transparent;
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+ background-color: transparent;
+}
+
+scrollbar.horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+ background-color: transparent;
+ color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ padding: 0;
+ border: 2px solid rgba(224, 222, 244, 0.7);
+ border-radius: 9999px;
+ background-color: transparent;
+ background-clip: border-box;
+ font-size: 0;
+}
+
+switch:checked {
+ background-color: #faf4ed;
+ border-color: #faf4ed;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+ -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ margin: 2px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.7);
+ border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+ box-shadow: 0 0 0 10px rgba(224, 222, 244, 0.12);
+}
+
+switch:checked slider {
+ background-color: #191724;
+ color: #191724;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(
+ url('assets/selectionmode-checkbox-unchecked-dark.png'),
+ url('assets/selectionmode-checkbox-unchecked-dark@2.png')
+ );
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(
+ url('assets/selectionmode-checkbox-checked-dark.png'),
+ url('assets/selectionmode-checkbox-checked-dark@2.png')
+ );
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 24px;
+ min-width: 24px;
+ margin: -8px;
+ padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: #faf4ed;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
+popover
+ modelbutton.flat
+ radio:not(:checked):not(:indeterminate):not(:disabled) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -12px;
+ margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: -4px;
+ margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+ margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+ margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled),
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+ color: inherit;
+}
+
+menu menuitem check,
+menu menuitem check:hover,
+menu menuitem check:disabled,
+menu menuitem radio,
+menu menuitem radio:hover,
+menu menuitem radio:disabled {
+ box-shadow: none;
+ color: inherit;
+}
+
+check {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/checkbox-unchecked-symbolic.svg')
+ );
+}
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/checkbox-checked-symbolic.svg')
+ );
+}
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/checkbox-mixed-symbolic.svg')
+ );
+}
+
+radio {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-unchecked-symbolic.svg')
+ );
+}
+
+radio:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-checked-symbolic.svg')
+ );
+}
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-mixed-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-checkbox-checked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+ min-height: 16px;
+ min-width: 16px;
+ border-image: none;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-radio-unchecked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-radio-checked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-radio-mixed-symbolic.svg')
+ );
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
+}
+
+check:not(:checked),
+radio:not(:checked) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0,
+ background-image 0, -gtk-icon-transform 0;
+}
+
+menu menuitem check:not(:checked),
+menu menuitem radio:not(:checked) {
+ transition: none;
+}
+
+treeview.view check,
+treeview.view radio {
+ padding: 0;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+ color: #e0def4;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+ color: #faf4ed;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+treeview.view radio:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-checked-symbolic.svg')
+ );
+ border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+scale trough:disabled {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#faf4ed);
+}
+
+scale highlight:disabled {
+ background-color: #191724;
+ background-image: image(rgba(224, 222, 244, 0.3));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #faf4ed;
+ background-color: #191724;
+ box-shadow: inset 0 0 0 2px #faf4ed;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #faf4ed, 0 0 0 8px rgba(224, 222, 244, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #faf4ed, 0 0 0 8px rgba(224, 222, 244, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(224, 222, 244, 0.3);
+}
+
+scale marks,
+scale value {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(224, 222, 244, 0.3);
+ color: transparent;
+}
+
+scale.horizontal marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-dark.png'),
+ url('assets/scale-horz-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+ url('assets/scale-horz-marks-before-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-dark.png'),
+ url('assets/scale-horz-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-dark.png'),
+ url('assets/scale-horz-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+ url('assets/scale-horz-marks-after-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-dark.png'),
+ url('assets/scale-horz-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-dark.png'),
+ url('assets/scale-vert-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+ url('assets/scale-vert-marks-before-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-dark.png'),
+ url('assets/scale-vert-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-dark.png'),
+ url('assets/scale-vert-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+ url('assets/scale-vert-marks-after-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-dark.png'),
+ url('assets/scale-vert-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr),
+scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(224, 222, 244, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #faf4ed;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #faf4ed;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #f6c177;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+ background-color: #faf4ed;
+}
+
+levelbar block.full {
+ background-color: #81c995;
+}
+
+levelbar block.empty {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+ padding: 0;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+ color: #e0def4;
+}
+
+printdialog .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+ margin: 0;
+ padding: 0;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+ border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+ border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+ background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: -gtk-gradient(
+ radial,
+ center top,
+ 0,
+ center top,
+ 0.75,
+ to(rgba(250, 244, 237, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: -gtk-gradient(
+ radial,
+ center bottom,
+ 0,
+ center bottom,
+ 0.75,
+ to(rgba(250, 244, 237, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: -gtk-gradient(
+ radial,
+ left center,
+ 0,
+ left center,
+ 0.75,
+ to(rgba(250, 244, 237, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: -gtk-gradient(
+ radial,
+ right center,
+ 0,
+ right center,
+ 0.75,
+ to(rgba(250, 244, 237, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ separator,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ separator,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+list row {
+ padding: 3px;
+}
+
+list.navigation-sidebar {
+ padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+ button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+ button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+ button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+ button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(currentColor, 0.12) 10%,
+ transparent 0%
+ );
+ background-size: 0% 0%;
+}
+
+row:selected {
+ color: inherit;
+}
+
+row:selected image,
+row:selected label {
+ color: #e0def4;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #faf4ed;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+ -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover,
+expander title > arrow:active {
+ color: #e0def4;
+}
+
+expander title > arrow:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 3px 6px;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ color: #e0def4;
+}
+
+calendar:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+calendar:selected {
+ border-radius: 6px;
+}
+
+calendar.header {
+ border-style: none none solid;
+ border-color: rgba(224, 222, 244, 0.12);
+ border-radius: 0;
+}
+
+calendar.button {
+ border-radius: 6px;
+}
+
+calendar.highlight {
+ color: rgba(224, 222, 244, 0.7);
+ font-weight: 500;
+}
+
+calendar:indeterminate {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+ background-color: #1f1d2e;
+}
+
+messagedialog .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+ color: #e0def4;
+}
+
+messagedialog .titlebar:backdrop {
+ background-color: #1f1d2e;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+ padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+ margin-left: 0;
+}
+
+messagedialog.csd.background {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+ margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+ border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+ margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+ color: #faf4ed;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+ color: #faf4ed;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+ color: #eb6f92;
+}
+
+.csd filechooser {
+ background-color: #191724;
+ border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+filechooser stack.view {
+ background-color: transparent;
+ padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+ background-color: transparent;
+ border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+.csd filechooser placessidebar {
+ background: none;
+ border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser revealer box button label {
+ padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+ border-right: 1px solid rgba(224, 222, 244, 0.12);
+ border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
+ border-right-style: none;
+}
+
+.sidebar list {
+ background-color: transparent;
+}
+
+paned .sidebar.left,
+paned .sidebar.right,
+paned .sidebar.left:dir(rtl),
+paned .sidebar:dir(rtl),
+paned .sidebar:dir(ltr),
+paned .sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar list {
+ padding: 3px;
+ background-color: #191724;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 3px;
+ border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+ margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+separator.sidebar {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar.sidebar list {
+ padding: 6px;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: 0;
+ padding: 0;
+ border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+ padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: #faf4ed;
+ font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #faf4ed;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #faf4ed;
+}
+
+placessidebar.sidebar row:drop(active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+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(rgba(224, 222, 244, 0.12));
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #191724;
+ background-image: image(rgba(224, 222, 244, 0.12)),
+ image(rgba(224, 222, 244, 0.12));
+ background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+ background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+}
+
+paned.horizontal > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+}
+
+paned.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+}
+
+paned.vertical > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+ background-color: #191724;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #faf4ed;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+ background-color: #e0def4;
+ border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+ background-color: #f6c177;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ border-radius: 3px;
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(33, 32, 46, 0.9);
+ color: #e0def4;
+}
+
+tooltip.background.csd {
+ border-radius: 6px;
+}
+
+tooltip decoration {
+ background-color: transparent;
+}
+
+tooltip > box {
+ margin: -6px;
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #e0def4;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+ box-shadow: 0 0 0 2px #faf4ed;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(224, 222, 244, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #191724;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 12px;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+ 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+ margin: 8px;
+}
+
+.csd decoration {
+ border: 1px solid rgba(224, 222, 244, 0.2);
+ background-color: #3b4261;
+ background-clip: border-box;
+}
+
+decoration:backdrop {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+ border-radius: 0;
+}
+
+.popup decoration {
+ box-shadow: none;
+}
+
+.ssd decoration {
+ border: none;
+ border-radius: 12px 12px 0 0;
+ background-color: #191724;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: none;
+}
+
+.csd.popup decoration {
+ border-radius: 12px;
+ border: 1px solid rgba(224, 222, 244, 0.2);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+ 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+ 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+ border-radius: 12px;
+ box-shadow: none;
+ border: none;
+}
+
+messagedialog.csd decoration {
+ border-radius: 12px;
+ border: 1px solid rgba(224, 222, 244, 0.2);
+ background-color: #26233a;
+ background-clip: border-box;
+}
+
+.solid-csd decoration {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #191724;
+ border: 1px solid rgba(224, 222, 244, 0.2);
+}
+
+.solid-csd decoration:backdrop {
+ background-color: #191724;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+ min-height: 12px;
+ min-width: 12px;
+ padding: 0;
+ margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+ background-color: #f6c177;
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+ background-color: shade(#f6c177, 0.5);
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+ background-color: #31748f;
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+ background-color: shade(#31748f, 0.5);
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+ background-color: #eb6f92;
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+ background-color: shade(#eb6f92, 0.5);
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+ background-color: #575279;
+ color: transparent;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #faf4ed;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/cursor-handle-symbolic.svg')
+ );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+ -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+ -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+ font: initial;
+}
+
+.keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(224, 222, 244, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(224, 222, 244, 0.12);
+ background-color: #1f1d2e;
+ color: #e0def4;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #faf4ed;
+}
+
+stackswitcher {
+ min-height: 0;
+ border-radius: 9999px;
+ padding: 2px;
+ margin: 6px 0;
+ background-color: alpha(currentColor, 0.05);
+ border: 1px solid #26233a;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ border-radius: 9999px;
+ background-color: transparent;
+ min-height: 20px;
+ padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):active {
+ box-shadow: inset 0 0 0 9999px alpha(#faf4ed, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(#faf4ed, 0.08) 10%,
+ transparent 0%
+ );
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):checked {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker entry {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+button.emoji-section {
+ margin: 4px;
+}
+
+button.emoji-section:checked {
+ color: #faf4ed;
+}
+
+button.emoji-section:not(:last-child) {
+ margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+ min-width: 3em;
+ min-height: 3em;
+ padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+ padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+ box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+ background-color: #191724;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+ padding-left: 12px;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+}
+
+.nautilus-window.background.csd
+ > grid.horizontal
+ > paned.horizontal
+ > separator,
+.nautilus-window.background.csd
+ > deck
+ > box.vertical
+ > paned.horizontal
+ > separator {
+ margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+ background-color: #191724;
+ color: #faf4ed;
+ margin: 0 0 6px 6px;
+ border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+ background: none;
+ padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable {
+ border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable
+ image.sidebar-icon,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable
+ label.sidebar-label,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable
+ button.sidebar-button {
+ color: #faf4ed;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:hover {
+ background-color: #26233a;
+ color: #faf4ed;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected {
+ background-color: #26233a;
+ font-weight: 700;
+ border-left: 3px solid #eb6f92;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ image.sidebar-icon,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ label.sidebar-label,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ button.sidebar-button {
+ color: #9ccfd8;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:disabled,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:disabled
+ image.sidebar-icon,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:disabled
+ label.sidebar-label {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+ background: none;
+ border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+ background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+ min-width: 0;
+ min-height: 0;
+ background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+ background-color: transparent;
+ border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+ background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+ background-color: #26233a;
+ border-radius: 12px;
+ border: 1px solid rgba(65, 72, 104, 0.2);
+ margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+ notebook
+ scrolledwindow
+ > .view:not(:selected):not(:hover):not(:checked) {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+ background-color: rgba(224, 222, 244, 0.20);
+}
+
+.nautilus-window.background.csd
+ notebook
+ placesview
+ > stack
+ > frame
+ > scrolledwindow
+ > viewport
+ > list {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+ background-color: transparent;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+ notebook
+ placesview
+ > actionbar
+ > revealer
+ > box {
+ background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+ border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+ color: #e0def4;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+ to {
+ background-color: alpha(currentColor, 0.08);
+ }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: nautilus-operations-button-needs-attention 300ms
+ cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+ animation: nautilus-operations-button-needs-attention 300ms
+ cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border-radius: 6px;
+}
+
+.path-bar-box button {
+ margin: 0;
+}
+
+.path-bar-box.width-maximized {
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.path-bar-box.background.frame {
+ border-style: none;
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action) {
+ padding-left: 12px;
+ padding-right: 12px;
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action)
+ label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action)
+ label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+ image:not(:only-child) {
+ margin: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+ color: #9ccfd8;
+ background-color: #26233a;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+ color: #9ccfd8;
+ background-color: #26233a;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+ background-color: #26233a;
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+.windowhandle
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.windowhandle
+ .linked.nautilus-path-bar
+ button.current-dir:not(.suggested-action):not(.destructive-action) {
+ color: #9ccfd8;
+}
+
+.windowhandle
+ .linked.nautilus-path-bar
+ button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+ .linked.nautilus-path-bar
+ button.current-dir:not(.suggested-action):not(.destructive-action):active {
+ background: none;
+ box-shadow: none;
+}
+
+.disk-space-display.unknown {
+ background-color: rgba(224, 222, 244, 0.3);
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.disk-space-display.used {
+ background-color: #faf4ed;
+ color: #faf4ed;
+}
+
+.disk-space-display.free {
+ background-color: rgba(224, 222, 244, 0.12);
+ color: rgba(224, 222, 244, 0.12);
+}
+
+.search-information {
+ padding: 2px;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+ color: #e0def4;
+}
+
+.conflict-row:not(:selected) {
+ background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+ background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+ border-radius: 6px;
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > scrolledwindow.frame {
+ border-style: none;
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > box.horizontal:last-child {
+ margin: -6px 0 0 -6px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > box.horizontal:last-child
+ > label {
+ margin: 0 8px;
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > box.horizontal:last-child
+ > box
+ > button {
+ border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+ padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+ margin-top: -6px;
+}
+
+.nautilus-window
+ > popover.menu:not(:last-child)
+ > stack
+ > box
+ > box
+ > box
+ > box {
+ margin-bottom: -6px;
+}
+
+.nautilus-window
+ > popover.menu:not(:last-child)
+ > stack
+ > box
+ > box
+ > box
+ > box.linked {
+ margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+ margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+ margin: 1px 3px;
+ font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nautilus-window paned > separator {
+ background-color: #26233a;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+ background-color: transparent;
+}
+
+window.org-gnome-gedit
+ > overlay
+ > box.vertical
+ > paned.gedit-side-panel-paned
+ > box.vertical
+ > stack
+ > grid.horizontal
+ > box.horizontal {
+ margin: 4px 0;
+}
+
+window.org-gnome-gedit
+ > overlay
+ > box.vertical
+ > paned.gedit-side-panel-paned
+ > box.vertical
+ > stack
+ > grid.horizontal
+ > scrolledwindow {
+ border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+ > overlay
+ > box.vertical
+ > paned.gedit-side-panel-paned
+ stack
+ scrolledwindow
+ viewport.frame
+ list.gedit-document-panel {
+ background: none;
+}
+
+.open-document-selector-path-label {
+ color: rgba(224, 222, 244, 0.7);
+ font-size: smaller;
+}
+
+.open-document-selector-match {
+ background-color: #f6c177;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+ background-color: #26233a;
+}
+
+.gedit-document-panel row button.flat {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+ border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+ margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+ border-radius: 6px;
+}
+
+.gedit-search-slider
+ .linked:not(.vertical)
+ > entry
+ .gedit-search-entry-occurrences-tag {
+ all: unset;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+ margin-right: -66px;
+ padding-right: 66px;
+}
+
+.gedit-search-slider
+ .linked:not(.vertical)
+ > entry:dir(ltr)
+ .gedit-search-entry-occurrences-tag {
+ margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+ margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+ margin-left: -66px;
+ padding-left: 66px;
+}
+
+.gedit-search-slider
+ .linked:not(.vertical)
+ > entry:dir(rtl)
+ .gedit-search-entry-occurrences-tag {
+ margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+ margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+ background-color: #1f1d2e;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+ border: solid 6px transparent;
+ border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+ margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
+ margin-right: -3px;
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+ border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/**********
+ * Tweaks *
+ **********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > scrolledwindow
+ > viewport
+ frame
+ > list,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > box
+ > scrolledwindow
+ > viewport
+ > frame
+ > list,
+window.background.csd
+ > stack
+ > grid
+ > scrolledwindow
+ > viewport
+ > box
+ > frame
+ > list,
+window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+window.background.csd
+ stack
+ stack
+ stack
+ frame
+ > list
+ row.activatable:first-child,
+window.background.csd > stack > list row.activatable:first-child,
+preferencesgroup list row.activatable:first-child,
+.geary-accounts-editor-pane list row.activatable:first-child,
+window.background.csd.unified
+ > deck
+ > deck
+ > deck
+ list
+ row.activatable:first-child,
+hdyleaflet list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view list row.activatable:first-child,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+leaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:first-child,
+leaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:first-child,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > list row.activatable:last-child,
+preferencesgroup list row.activatable:last-child,
+.geary-accounts-editor-pane list row.activatable:last-child,
+window.background.csd.unified
+ > deck
+ > deck
+ > deck
+ list
+ row.activatable:last-child,
+hdyleaflet list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view list row.activatable:last-child,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+leaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:last-child,
+leaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:last-child,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > list row.activatable:only-child,
+preferencesgroup list row.activatable:only-child,
+.geary-accounts-editor-pane list row.activatable:only-child,
+window.background.csd.unified
+ > deck
+ > deck
+ > deck
+ list
+ row.activatable:only-child,
+hdyleaflet list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view list row.activatable:only-child,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+leaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:only-child,
+leaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:only-child,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:focus,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:focus,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable,
+list.navigation-sidebar > row {
+ border-radius: 6px;
+ margin: 1px 3px;
+}
+
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+list.navigation-sidebar > row:selected {
+ background-color: #26233a;
+}
+
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected
+ image,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ image,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ image,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ image,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ image,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected
+ label,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ label,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ label,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ label,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ label,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ label,
+list.navigation-sidebar > row:selected label {
+ color: #9ccfd8;
+ font-weight: 500;
+}
+
+.csd .tweak-categories {
+ border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+ border-bottom-left-radius: 0;
+}
+
+.tweak {
+ padding: 3px;
+}
+
+.tweak.title:hover {
+ box-shadow: none;
+}
+
+.tweak-group-#e0def4,
+.tweak-#e0def4,
+.tweak-#e0def4:hover {
+ background-image: image(#191724);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+ background-image: image(#191724);
+}
+
+.tweak-group-startup {
+ background-image: image(#191724);
+}
+
+.tweak-group-startup row.tweak-startup {
+ border-radius: 6px;
+ background-color: transparent;
+ background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+ background-color: inherit;
+ box-shadow: inherit;
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+ background-color: inherit;
+ background-image: image(rgba(224, 222, 244, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 12px;
+}
+
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 12px;
+}
+
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:only-child,
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:only-child,
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:only-child,
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:only-child {
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+ background: none;
+}
+
+window.background.csd
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame {
+ background-color: #191724;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ > box.vertical.view,
+window.background.csd
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ > box.vertical.view,
+window.background.csd
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ > box.vertical.view {
+ background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+ background-color: #191724;
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+ > leaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack,
+window.background.csd
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack,
+window.background.csd
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack {
+ background-color: transparent;
+}
+
+window.background.csd
+ > leaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list,
+window.background.csd
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list,
+window.background.csd
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list {
+ background-color: transparent;
+}
+
+window.background.csd
+ > leaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list
+ row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list
+ row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list
+ row.activatable:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:only-child,
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:only-child,
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:only-child,
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:only-child {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+ border-radius: 0;
+}
+
+window.background.csd.maximized
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.maximized
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.maximized
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.tiled
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.tiled
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.tiled
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame {
+ border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view,
+window.background.csd.maximized
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view {
+ border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > notebook
+ > stack
+ > box.horizontal
+ > notebook
+ > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+ > box.vertical.dialog-vbox
+ > notebook
+ > stack
+ > box.horizontal
+ > notebook
+ > stack,
+dialog.background.csd.tiled
+ > box.vertical.dialog-vbox
+ > notebook
+ > stack
+ > box.horizontal
+ > notebook
+ > stack {
+ border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+ border: none;
+}
+
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group),
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group),
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group) {
+ padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+ background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+ background: none;
+ min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+ background-color: #191724;
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+ > box.vertical
+ > stack
+ > box.vertical
+ > revealer
+ > actionbar
+ > revealer
+ > box {
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+ box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+ border: none;
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+ border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+ border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+ border: none;
+ background-color: rgba(224, 222, 244, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+tabbox > tab button {
+ min-height: 24px;
+ min-width: 24px;
+ border-radius: 9999px;
+ border: none;
+ padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+ border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > box.horizontal:not(.linked)
+ > button.toggle,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button:not(.toggle):not(.raised):not(.flat),
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ button.flat.scale,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+ margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+ border-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button:not(:first-child),
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button:not(:last-child) {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button.image-button:not(.text-button):first-child {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button.image-button:not(.text-button):last-child {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button
+ > widget
+ > box
+ > image {
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+ padding: 6px;
+ border-bottom: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+ margin: -1px 0;
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+ border: none;
+}
+
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised
+ > widget
+ > box
+ > image {
+ padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+ background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+ background-color: #191724;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+ border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+ background-image: image(#191724);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+layouttabbar > box > button {
+ margin: 2px 0;
+}
+
+layouttab {
+ margin: 0 8px;
+ border-style: none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 -2px #faf4ed;
+ background-color: #191724;
+}
+
+layouttab separator.vertical {
+ margin: 8px 4px;
+}
+
+layouttab button.text-button,
+layouttab button.image-button,
+layouttab button {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding: 0 4px;
+}
+
+layout {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+popover.popover-selector list {
+ padding: 6px;
+}
+
+popover.popover-selector list row {
+ border-radius: 6px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+ margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+ border-radius: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+entry.preferences-search {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ box-shadow: none;
+ background-color: #191724;
+}
+
+preferences stacksidebar.sidebar list {
+ background-color: #26233a;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list,
+preferences stacksidebar.sidebar:dir(rtl) list {
+ border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+ border-right: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+popover.messagepopover.background {
+ padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+ border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+ border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+ border-bottom-right-radius: 6px;
+}
+
+popover.messagepopover .popover-content-area {
+ margin: 16px;
+}
+
+popover.transfers list {
+ background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+popover.transfers list row > box {
+ padding: 10px;
+}
+
+dockbin {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+docktabstrip {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+docktab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ margin-bottom: -1px;
+ padding: 6px 6px;
+ border-width: 1px;
+ border-color: transparent;
+ box-shadow: inset 0 -2px transparent;
+ background-image: radial-gradient(circle, #faf4ed 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: rgba(224, 222, 244, 0.7);
+ font-weight: 500;
+}
+
+docktab:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
+}
+
+docktab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 225ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -2px #faf4ed;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: #e0def4;
+}
+
+dockoverlayedge {
+ background-color: #191724;
+}
+
+dockoverlayedge docktabstrip {
+ padding: 0;
+ border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+ box-shadow: inset -2px 0 #faf4ed;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+ box-shadow: inset 2px 0 #faf4ed;
+}
+
+pillbox {
+ background-color: #191724;
+ border-radius: 6px;
+}
+
+layoutpane entry.search {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ box-shadow: none;
+ background-color: #191724;
+}
+
+editortweak entry.search {
+ margin-bottom: -1px;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+docktabstrip {
+ min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+ min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+ min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+ color: #e0def4;
+ font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+idelayoutstackheader {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+idelayoutstackheader button:checked {
+ color: #e0def4;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+ padding: 8px 0;
+ background-color: #191724;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+ border-right: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+ background-image: radial-gradient(
+ circle,
+ rgba(250, 244, 237, 0.7) 10%,
+ transparent 0%
+ );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+ background-color: transparent;
+ color: #e0def4;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+ margin-right: -1px;
+}
+
+ideeditorutilities
+ > dzldockpaned
+ > box
+ > stackswitcher
+ button:dir(ltr):checked {
+ box-shadow: inset -2px 0 #faf4ed;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+ margin-left: -1px;
+}
+
+ideeditorutilities
+ > dzldockpaned
+ > box
+ > stackswitcher
+ button:dir(rtl):checked {
+ box-shadow: inset 2px 0 #faf4ed;
+}
+
+ideeditorsidebar notebook header {
+ background: transparent;
+}
+
+popover.messagepopover list {
+ border: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+ -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+ margin: 8px;
+ border-radius: 9999px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+ border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+ border-style: none;
+}
+
+.photos-fade-in {
+ opacity: 1;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+ opacity: 0;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+ color: #e0def4;
+ font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+ background-color: alpha(currentColor, 0.06);
+ color: #e0def4;
+}
+
+button.photos-filter-preview:checked image {
+ color: #e0def4;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+ border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+ border-style: solid;
+ border-color: rgba(224, 222, 244, 0.12);
+}
+
+.side-panel:dir(rtl) {
+ border-style: solid;
+ border-color: rgba(224, 222, 244, 0.12);
+}
+
+.side-panel .view {
+ background-image: image(#26233a);
+}
+
+.side-panel .view:hover {
+ background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+ background-image: image(#faf4ed);
+}
+
+.side-panel .view:selected:hover {
+ background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+ margin: 8px;
+}
+
+frame.documents-dropdown > border {
+ border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+ background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+ background-color: transparent;
+}
+
+.documents-scrolledwin
+ viewport.frame
+ widget
+ > frame.content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin
+ viewport.frame
+ widget
+ > frame.content-view:not(:selected):not(:hover)
+ border {
+ border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+ border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #191724;
+}
+
+.background.csd
+ > grid.horizontal
+ > paned.horizontal
+ > box.vertical
+ > scrolledwindow {
+ border-radius: 0 0 0 12px;
+ background-color: #191724;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+ padding: 0 2px 3px 2px;
+ background-color: #191724;
+ border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+ border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+ margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+ border-width: 0 1px 0 0;
+}
+
+window.background
+ > box.vertical
+ > box.horizontal
+ > frame
+ > scrolledwindow
+ > viewport.frame
+ list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background
+ > box.vertical
+ > box.horizontal
+ > stack
+ > widget
+ > notebook.frame {
+ border-width: 0;
+}
+
+window.background
+ > box.vertical
+ > box.horizontal
+ > stack
+ > widget
+ > notebook.frame
+ > stack {
+ border-bottom-right-radius: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+ border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+ transition: none;
+}
+
+task-list-view taskrow label {
+ margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+ min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+ margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+tasklistview taskrow {
+ outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+ box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+ min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+ margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+ border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+ border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+ border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+ border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+ background-image: image(#26233a);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+ min-height: 24px;
+ padding: 0 4px;
+ border-radius: 6px;
+ background-color: #26233a;
+ color: #e0def4;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+ min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical
+ statusbar,
+window#GearyMainWindow.background.csd
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical
+ statusbar {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ scrolledwindow.geary-conversation-scroller
+ viewport.frame
+ list.conversation-listbox,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ scrolledwindow.geary-conversation-scroller
+ viewport.frame
+ list.conversation-listbox {
+ background: none;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded {
+ animation: none;
+ background-image: none;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ actionbar
+ > revealer
+ > box,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ actionbar
+ > revealer
+ > box {
+ border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar {
+ color: #e0def4;
+ background-color: #191724;
+ box-shadow: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-composer-box
+ actionbar
+ > revealer
+ > box,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-composer-box
+ actionbar
+ > revealer
+ > box {
+ border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+ border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+ background-color: #191724;
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > headerbar,
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > headerbar {
+ box-shadow: inset 0 -1px rgba(224, 222, 244, 0.12);
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > separator.sidebar,
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > separator.sidebar {
+ background-color: #191724;
+ box-shadow: inset 0 -1px rgba(224, 222, 244, 0.12);
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ color 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > separator.sidebar:backdrop,
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > separator.sidebar:backdrop {
+ background-color: #191724;
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > box.vertical
+ + separator.sidebar {
+ min-width: 1px;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+ padding: 3px;
+}
+
+.geary-main-window.unified
+ frame.geary-conversation-frame
+ scrolledwindow
+ treeview.view {
+ border: 1px solid transparent;
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.geary-main-window.unified
+ frame.geary-conversation-frame
+ scrolledwindow
+ treeview.view:selected,
+.geary-main-window.unified
+ frame.geary-conversation-frame
+ scrolledwindow
+ treeview.view:active {
+ border-radius: 6px;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+ min-width: 1px;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ > row.activatable {
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ border-bottom-width: 0;
+ background-color: #191724;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ > row.activatable:first-child {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ .geary-attachment-pane {
+ border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ .geary-attachment-pane
+ actionbar.background {
+ background-color: transparent;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ .geary-attachment-pane
+ actionbar.background
+ > revealer
+ > box {
+ border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > scrolledwindow
+ > viewport
+ frame
+ > border,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > box
+ > scrolledwindow
+ > viewport
+ > frame
+ > border,
+window.background.csd
+ > stack
+ > grid
+ > scrolledwindow
+ > viewport
+ > box
+ > frame
+ > border {
+ border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+ > stack
+ > box
+ > .sidebar
+ > scrolledwindow
+ > viewport
+ > list {
+ padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+ box-shadow: inset 0 -1px rgba(224, 222, 244, 0.12);
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > grid.horizontal
+ > scrolledwindow.frame
+ > viewport.frame
+ list:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > grid.horizontal
+ > scrolledwindow.frame
+ > viewport.frame
+ list:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > stack
+ > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #191724;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > scrolledwindow
+ iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > stack
+ > scrolledwindow
+ iconview.view:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ row.activatable:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+ background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+ border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+ box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+ box-shadow: inset 0 0 0 1px rgba(224, 222, 244, 0.3);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+ border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+ margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+ margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+ background-image: image(#1f1d2e);
+}
+
+.terminal-titlebar button {
+ border-radius: 0;
+}
+
+button.image-button.session-new-button {
+ min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+ margin: -6px;
+}
+
+button.flat.tilix-small-button {
+ min-height: 20px;
+ min-width: 16px;
+}
+
+window > notebook > stack {
+ margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+ border-top-left-radius: 0px;
+ border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+ background-color: #191724;
+}
+
+.terminator-terminal-window notebook.frame {
+ border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+ border-radius: 4px;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+/***********
+ * Eclipse *
+ ***********/
+window.background > box.vertical > scrolledwindow > widget toolbar {
+ padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ border-radius: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+ background-color: #1f1d2e;
+}
+
+window.background.chromium decoration {
+ background-clip: padding-box;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+ border: 1px solid #444a73;
+}
+
+window.background.chromium > button {
+ color: #faf4ed;
+}
+
+window.background.chromium > button:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+ color: #faf4ed;
+}
+
+window.background.chromium textview.view {
+ background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+ border: 1px solid #444a73;
+ background-color: #191724;
+}
+
+window.background.chromium menu {
+ border-color: #565f89;
+}
+
+window.background.chromium menu menuitem {
+ border-radius: 0;
+}
+
+tooltip.background.chromium {
+ background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+ background-color: #191724;
+}
+
+#MozillaGtkWidget > widget text:selected {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+ color: #191724;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+ background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+ border-color: #191724;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+ border: 1px solid #191724;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+ border-color: rgba(224, 222, 244, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+ min-height: 30px;
+ background-color: #191724;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+ border-color: #faf4ed;
+ box-shadow: inset 0 0 0 1px #faf4ed;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+ background-color: #26233a;
+}
+
+#MozillaGtkWidget > widget > button > button {
+ padding: 4px 8px;
+ background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+ background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+ margin: 0;
+ padding: 0;
+}
+
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate) {
+ color: #737aa2;
+}
+
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate):active {
+ color: #828bb8;
+}
+
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate):disabled {
+ color: rgba(115, 122, 162, 0.5);
+}
+
+#MozillaGtkWidget menu {
+ border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+ color: #e0def4;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+ color: #444a73;
+}
+
+#MozillaGtkWidget menu > separator {
+ color: #444a73;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+ transition: none;
+}
+
+/************
+ * Inkscape *
+ ************/
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+ font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+ padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+ min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+ border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+ margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+}
+
+#CanvasTable button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+ border-right: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+#Canvas_and_Dock frame > border {
+ border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+ padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+ min-height: 16px;
+ min-width: 24px;
+ padding: 8px 4px;
+}
+
+scrolledwindow#DialogNotebook
+ > viewport.frame
+ > notebook.frame
+ button.close-button
+ image {
+ padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+ > grid
+ > widget
+ > widget
+ > scrolledwindow
+ > viewport
+ > grid
+ > box
+ > box
+ > frame
+ > box {
+ background-color: #191724;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list {
+ border: none;
+ border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ margin-top: -1px;
+ border: 1px solid #444a73;
+}
+
+#gnc-id-main-window treeview.view {
+ background-color: #191724;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+ -unitydecoration-extents: 28px 0 0 0;
+ -unitydecoration-input-extents: 8px;
+ -unitydecoration-shadow-offset-x: 0;
+ -unitydecoration-shadow-offset-y: 3px;
+ -unitydecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+ -unitydecoration-active-shadow-radius: 18px;
+ -unitydecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+ -unitydecoration-inactive-shadow-radius: 6px;
+ -unitydecoration-glow-size: 8px;
+ -unitydecoration-glow-color: #faf4ed;
+ -unitydecoration-title-indent: 4px;
+ -unitydecoration-title-fade: 32px;
+ -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+ padding: 0 2px;
+ border-style: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #191724;
+ color: #e0def4;
+}
+
+UnityDecoration .top:backdrop {
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+UnityDecoration .menuitem {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #e0def4;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+ 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+ border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+ background-color: rgba(25, 23, 36, 0.95);
+ color: #e0def4;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #e0def4;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+ animation: spin 1s linear infinite;
+ color: #faf4ed;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+ background-color: rgba(25, 23, 36, 0.95);
+ color: rgba(224, 222, 244, 0.7);
+ font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+ min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+ min-height: 24px;
+}
+
+PanelSeparator {
+ color: rgba(224, 222, 244, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+ border-style: solid;
+ border-color: rgba(224, 222, 244, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+ border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+ border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+ color: #e0def4;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+ padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+ min-height: 28px;
+ padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+ -gtkwidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr),
+.mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+ padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr),
+.mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+ padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+ min-width: 24px;
+ padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+ min-height: 24px;
+ padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+ background-color: transparent;
+ color: #faf4ed;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: #faf4ed;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+ padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+#MatePanelPopupWindow frame > border {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+ margin-top: -5px;
+ padding-top: 5px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+ min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+ padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+ color: rgba(224, 222, 244, 0.12);
+}
+
+na-tray-applet {
+ -natrayapplet-icon-padding: 3px;
+ -natrayapplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+ -panelmenubar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+.mate-panel-applet-slider frame > border {
+ border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+ background-color: alpha(currentColor, 0.1);
+ color: #e0def4;
+}
+
+#mate-menu {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ background-color: #1f1d2e;
+}
+
+#mate-menu button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 0;
+ color: #e0def4;
+ font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+ background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+#mate-menu entry {
+ margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+ margin: 0;
+}
+
+#mate-menu entry + button {
+ margin: 0 4px 4px;
+ padding: 6px;
+}
+
+.brisk-menu {
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+.brisk-menu entry {
+ margin-bottom: -2px;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+ margin-right: -2px;
+ border-right: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+ margin-left: -2px;
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.brisk-menu .categories-list {
+ padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+ margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+ color: #faf4ed;
+}
+
+.brisk-menu .session-button {
+ padding: 12px;
+}
+
+.brisk-menu .frame {
+ border-style: none;
+}
+
+.brisk-menu .apps-list {
+ padding: 4px 0;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+ padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+ box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+ border-radius: 0;
+ color: #e0def4;
+ font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+ border-radius: 6px;
+}
+
+.caja-pathbar button {
+ margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+ min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtkarrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+ background-color: #191724;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+ border-style: none;
+}
+
+.caja-canvas-item {
+ border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(224, 222, 244, 0.04);
+ background-image: none;
+ color: #e0def4;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+ background-color: #191724;
+ color: #e0def4;
+ caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.caja-notebook frame > border {
+ border-style: none;
+}
+
+#caja-extra-view-widget {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+#caja-extra-view-widget > box > box > label {
+ font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.pluma-window statusbar frame > border {
+ border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+ padding: 0 4px;
+ border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtkarrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+ margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ margin-top: -1px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.pluma-window
+ paned.horizontal
+ box.vertical
+ notebook.frame
+ box.vertical
+ toolbar.horizontal {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+.lock-dialog frame > border {
+ border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+ color: #faf4ed;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+ border-radius: 6px;
+ background-color: rgba(33, 32, 46, 0.9);
+ color: #e0def4;
+}
+
+MsdOsdWindow.background.osd .trough {
+ border-radius: 0;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+ border-radius: 0;
+ background-color: #faf4ed;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+ background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+ border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+ border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+ border-radius: 6px;
+}
+
+.budgie-popover {
+ border-style: solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1f1d2e;
+}
+
+.budgie-popover .container {
+ padding: 6px;
+}
+
+.budgie-popover separator {
+ margin: 3px 0;
+}
+
+.budgie-popover border {
+ border: none;
+}
+
+.budgie-popover list {
+ background-color: transparent;
+}
+
+.budgie-popover row {
+ padding: 0;
+}
+
+.budgie-popover row:hover {
+ box-shadow: none;
+}
+
+.budgie-popover row button {
+ border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+ background-color: rgba(224, 222, 244, 0.04);
+ border-right: none;
+ border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+ padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+ padding-top: 6px;
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+ > frame.container
+ > grid.horizontal
+ > grid.horizontal
+ > widget
+ > grid.horizontal
+ > stack {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.budgie-popover.bottom
+ > frame.container
+ > grid.horizontal
+ > grid.horizontal
+ > widget
+ > grid.horizontal
+ > stack {
+ border-top: none;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.budgie-popover button {
+ border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+ min-height: 28px;
+ padding: 0 8px;
+ color: #e0def4;
+ font-weight: normal;
+ border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+ padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+ background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item) {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+ background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+ border: none;
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-popover.user-menu
+ > frame.container
+ > box.vertical
+ row.activatable:first-child {
+ margin-bottom: 3px;
+ outline-width: 0;
+ border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+ > frame.container
+ > box.vertical
+ row.activatable:first-child
+ button.indicator-item {
+ transition: none;
+ animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+ padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+ margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+ padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+ margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+ margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+ margin: 2px;
+ padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 3px;
+ padding-top: 3px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+ padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(224, 222, 244, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr),
+.bottom .workspace-switcher .workspace-layout:dir(ltr) {
+ border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl),
+.bottom .workspace-switcher .workspace-layout:dir(rtl) {
+ border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout,
+.right .workspace-switcher .workspace-layout {
+ border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+ border: 0 solid rgba(224, 222, 244, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr),
+.bottom .workspace-switcher .workspace-item:dir(ltr),
+.top .workspace-switcher .workspace-add-button:dir(ltr),
+.bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl),
+.bottom .workspace-switcher .workspace-item:dir(rtl),
+.top .workspace-switcher .workspace-add-button:dir(rtl),
+.bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item,
+.right .workspace-switcher .workspace-item,
+.left .workspace-switcher .workspace-add-button,
+.right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: alpha(currentColor, 0.1);
+}
+
+.workspace-switcher .workspace-add-button:hover {
+ box-shadow: none;
+}
+
+.workspace-switcher .workspace-add-button:active {
+ background-image: none;
+}
+
+.workspace-switcher .workspace-add-button:active image {
+ margin: 1px 0 -1px;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ padding: 0 0;
+ margin: 3px 0;
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+ padding: 0;
+ margin: 0;
+ border-radius: 9999px;
+ background-image: image(rgba(224, 222, 244, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+ color: #e0def4;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+ background-image: image(rgba(224, 222, 244, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+ color: #e0def4;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+ background-image: image(rgba(224, 222, 244, 0.28));
+}
+
+.budgie-panel {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(25, 23, 36, 0.95);
+ color: rgba(224, 222, 244, 0.7);
+ font-weight: 500;
+}
+
+.budgie-panel.transparent {
+ background-color: #26233a;
+}
+
+.budgie-panel button {
+ color: rgba(224, 222, 244, 0.7);
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.budgie-panel button:hover {
+ color: #e0def4;
+}
+
+.budgie-panel button:active {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+ background: none;
+ box-shadow: none;
+ border: none;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel.horizontal button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+ padding: 4px 0;
+}
+
+.budgie-panel separator {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+.budgie-panel .alert {
+ color: #eb6f92;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+ min-height: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: #e0def4;
+}
+
+.budgie-panel
+ .titlebar:not(headerbar)
+ button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel
+ .titlebar:not(headerbar)
+ button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+ .titlebar:not(headerbar)
+ button:not(.suggested-action):not(.destructive-action):active {
+ color: #e0def4;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+ color: #e0def4;
+}
+
+.budgie-panel #tasklist-button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(100% - 1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at calc(1px) center,
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at calc(100% - 1px) center,
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(100% - 1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+ border-style: none;
+}
+
+.top frame.raven-frame > border {
+ margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+ margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+ margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+ margin-left: 32px;
+}
+
+.raven {
+ background-color: #1f1d2e;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+ margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+ margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+ box-shadow: none;
+}
+
+.raven .raven-header {
+ min-height: 36px;
+ padding: 3px;
+}
+
+.raven .raven-header.top {
+ padding: 0;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+ margin: -4px 0 -5px;
+ padding: 0 16px;
+ min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.raven stack .raven-header {
+ margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+ margin-top: -8px;
+}
+
+.raven .raven-background {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+.raven .raven-background > overlay > widget > image {
+ color: rgba(224, 222, 244, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+ border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 12px;
+}
+
+.raven .option-subtitle {
+ font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+ font-size: 90%;
+ padding: 0;
+ margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected,
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+ background-color: rgba(224, 222, 244, 0.06);
+ color: #e0def4;
+}
+
+.raven
+ .audio-widget
+ list.devices-list.sound-devices
+ > row.activatable:selected
+ label,
+.raven
+ .audio-widget
+ list.devices-list.sound-devices
+ > row.activatable:checked
+ label {
+ color: #e0def4;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+ padding-left: 12px;
+}
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+ border-radius: 6px;
+}
+
+.raven-mpris {
+ background-color: #26233a;
+ color: #e0def4;
+}
+
+.raven-mpris label {
+ min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+ padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+ background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+ font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 12px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+.drop-shadow .linked > button {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+ border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+ font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+ border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+ border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+ color: #eb6f92;
+}
+
+.budgie-run-dialog entry.search {
+ font-size: 120%;
+ padding: 6px 14px;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+ color: #e0def4;
+}
+
+.budgie-run-dialog scrolledwindow {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+ background-color: #191724;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+ border: none;
+ background-color: rgba(25, 23, 36, 0.95);
+ color: rgba(224, 222, 244, 0.7);
+ font-weight: 500;
+}
+
+.xfce4-panel.background button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+ border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+ border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+ padding: 4px;
+}
+
+wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+ background-color: #faf4ed;
+}
+
+XfdesktopIconView.view {
+ border-radius: 6px;
+ background-color: transparent;
+ color: #e0def4;
+}
+
+XfdesktopIconView.view:active {
+ box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+ border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+ padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+ font-weight: bold;
+}
+
+#xfwm-tabwin {
+ padding: 12px;
+ border-radius: 6px;
+ -xfwmtabwinwidget-icon-size: 64px;
+ -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.thunar .standard-view.frame {
+ border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+ background-color: transparent;
+}
+
+.thunar statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.thunar
+ > grid.horizontal
+ > paned.horizontal
+ > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-top: none;
+}
+
+window.background.csd.thunar
+ > grid.horizontal
+ > paned.horizontal
+ > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+ > grid.horizontal
+ > paned.horizontal
+ > scrolledwindow.frame.sidebar.shortcuts-pane
+ treeview.view:not(:hover):not(:selected) {
+ background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+ background-color: #191724;
+ color: #e0def4;
+}
+
+#panel_window menubar,
+#panel_window separator {
+ background-color: transparent;
+}
+
+#panel_window separator {
+ padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+ padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+ color: #e0def4;
+}
+
+#panel_window menubar > menuitem:disabled label {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+ margin: 8px;
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+#content_frame {
+ padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+ padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+ margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+ color: #faf4ed;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+ background-color: #191724;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+ min-height: 0;
+ margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+ padding-left: 8px;
+ padding-right: 8px;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+ color: #e0def4;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+ border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+ background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+ background-color: #26233a;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+ border-radius: 6px;
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.places-treeview {
+ -nemoplacestreeview-disk-full-bg-color: #31748f;
+ -nemoplacestreeview-disk-full-fg-color: #faf4ed;
+ -nemoplacestreeview-disk-full-bar-width: 2px;
+ -nemoplacestreeview-disk-full-bar-radius: 0;
+ -nemoplacestreeview-disk-full-bottom-padding: 1px;
+ -nemoplacestreeview-disk-full-max-length: 80px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
diff --git a/RosePine-Main-BL/gtk-3.0/gtk.css b/RosePine-Main-BL/gtk-3.0/gtk.css
new file mode 100644
index 0000000..f7c0270
--- /dev/null
+++ b/RosePine-Main-BL/gtk-3.0/gtk.css
@@ -0,0 +1,11469 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #e0def4;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #e0def4;
+/* widget base background color */
+@define-color theme_bg_color #191724;
+/* text widgets and the like base background color */
+@define-color theme_base_color #191724;
+/* base background color of selections */
+@define-color theme_selected_bg_color #faf4ed;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #191724;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(224, 222, 244, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #26233a;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #e0def4;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #e0def4;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #191724;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #191724;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #faf4ed;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(224, 222, 244, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(224, 222, 244, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(224, 222, 244, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* 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 #e0def4;
+@define-color wm_unfocused_title rgba(224, 222, 244, 0.7);
+@define-color wm_highlight rgba(224, 222, 244, 0.1);
+@define-color wm_bg #191724;
+@define-color wm_unfocused_bg #191724;
+@define-color wm_button_close_icon #191724;
+@define-color wm_button_close_hover_bg #faf4ed;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #191724;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #e0def4;
+@define-color budgie_tasklist_indicator_color_active #e0def4;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #faf4ed;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #faf4ed;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #191724;
+@define-color window_fg_color #e0def4;
+@define-color view_bg_color #191724;
+@define-color view_fg_color #e0def4;
+@define-color headerbar_bg_color #191724;
+@define-color headerbar_fg_color #e0def4;
+@define-color headerbar_border_color rgba(224, 222, 244, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #191724;
+@define-color card_fg_color #e0def4;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #191724;
+@define-color dialog_fg_color #e0def4;
+@define-color popover_bg_color #191724;
+@define-color popover_fg_color #e0def4;
+@define-color thumbnail_bg_color #191724;
+@define-color thumbnail_fg_color #e0def4;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
+@keyframes ripple {
+ to {
+ background-size: 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-slider {
+ to {
+ background-size: auto, 1000% 1000%;
+ }
+}
+
+@keyframes ripple-on-headerbar {
+ from {
+ background-image: radial-gradient(circle, #faf4ed 0%, transparent 0%);
+ }
+ to {
+ background-image: radial-gradient(circle, #faf4ed 100%, transparent 0%);
+ }
+}
+
+* {
+ background-clip: padding-box;
+ -gtktoolbutton-icon-spacing: 0;
+ -gtktextview-error-underline-color: #eb6f92;
+ -gtkscrolledwindow-scrollbar-spacing: 0;
+ -gtktoolitemgroup-expander-size: 11;
+ -gtkwidget-text-handle-width: 24;
+ -gtkwidget-text-handle-height: 24;
+ -gtkdialog-button-spacing: 6;
+ -gtkdialog-action-area-border: 6;
+ outline-style: solid;
+ outline-width: 2px;
+ outline-color: transparent;
+ outline-offset: -4px;
+ -gtk-outline-radius: 6px;
+ -gtk-secondary-caret-color: #faf4ed;
+}
+
+*:focus {
+ outline-color: alpha(currentColor, 0.1);
+}
+
+XfdesktopIconView.view:active,
+calendar.raven-calendar:selected,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item):checked,
+box.vertical > widget > widget:selected,
+calendar:selected,
+row:selected,
+treeview.view:selected:not(.progressbar):not(.trough),
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+ color: #e0def4;
+ background-color: #403d52;
+}
+
+.nemo-window .view selection,
+.nemo-window .view:selected,
+.nautilus-window notebook .view:not(treeview) selection,
+.nautilus-window notebook .view:not(treeview):selected,
+.nautilus-window flowboxchild:selected .icon-item-background,
+flowbox flowboxchild:selected,
+.background.csd .view:selected {
+ color: #faf4ed;
+ background-color: rgba(250, 244, 237, 0.2);
+}
+
+.nemo-window .nemo-window-pane widget.entry:selected,
+window.background.csd evview.view.content-view:selected,
+window.background.csd evview.view.content-view:selected:backdrop,
+spinbutton.vertical selection,
+spinbutton:not(.vertical) selection,
+entry selection,
+label selection,
+textview text selection:focus,
+textview text selection,
+widget.view:selected,
+.view:selected {
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #faf4ed;
+}
+
+.linked:not(.vertical) > button,
+.linked:not(.vertical) > spinbutton.vertical,
+.linked:not(.vertical) > spinbutton:not(.vertical),
+.linked:not(.vertical) > entry {
+ border-radius: 0;
+}
+
+.linked:not(.vertical) > button:first-child,
+.linked:not(.vertical) > spinbutton.vertical:first-child,
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
+.linked:not(.vertical) > entry:first-child {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+.linked:not(.vertical) > button:last-child,
+.linked:not(.vertical) > spinbutton.vertical:last-child,
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
+.linked:not(.vertical) > entry:last-child {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked:not(.vertical) > button:only-child,
+.linked:not(.vertical) > spinbutton.vertical:only-child,
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
+.linked:not(.vertical) > entry:only-child {
+ border-radius: 6px;
+}
+
+.linked.vertical > button,
+.linked.vertical > spinbutton.vertical,
+.linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry {
+ border-radius: 0;
+}
+
+.linked.vertical > button:first-child,
+.linked.vertical > spinbutton.vertical:first-child,
+.linked.vertical > spinbutton:first-child:not(.vertical),
+.linked.vertical > entry:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.linked.vertical > button:last-child,
+.linked.vertical > spinbutton.vertical:last-child,
+.linked.vertical > spinbutton:last-child:not(.vertical),
+.linked.vertical > entry:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+.linked.vertical > button:only-child,
+.linked.vertical > spinbutton.vertical:only-child,
+.linked.vertical > spinbutton:only-child:not(.vertical),
+.linked.vertical > entry:only-child {
+ border-radius: 6px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+ background-color: #191724;
+ color: #e0def4;
+}
+
+.background.csd {
+ border-radius: 0 0 12px 12px;
+}
+
+.background.tiled .background.maximized,
+.background.solid-csd {
+ border-radius: 0;
+}
+
+*:disabled {
+ -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+ background-color: #21202e;
+ color: #e0def4;
+}
+
+.gtkstyle-fallback:hover {
+ background-color: #26233a;
+ color: #e0def4;
+}
+
+.gtkstyle-fallback:active {
+ background-color: #21202e;
+ color: #e0def4;
+}
+
+.gtkstyle-fallback:disabled {
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.view {
+ background-color: #191724;
+ color: #e0def4;
+}
+
+.view:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.view:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.view:selected:hover {
+ box-shadow: none;
+}
+
+window.background.csd > stack.view {
+ border-radius: 0 0 12px 12px;
+}
+
+textview text {
+ background-color: #191724;
+}
+
+textview border {
+ background-color: #26233a;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+iconview:hover,
+iconview:selected {
+ border-radius: 6px;
+}
+
+.rubberband,
+rubberband,
+XfdesktopIconView.view .rubberband,
+.content-view rubberband,
+.content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view .rubberband,
+treeview.view rubberband,
+treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+.content-view treeview.view rubberband,
+.content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view .rubberband,
+treeview.view .content-view rubberband,
+treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view .rubberband,
+.content-view treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+flowbox rubberband,
+flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .rubberband,
+flowbox .content-view rubberband,
+flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view .rubberband,
+.content-view flowbox rubberband,
+.content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox .content-view .rubberband,
+.content-view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+treeview.view flowbox rubberband,
+treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox rubberband,
+treeview.view .content-view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view .content-view flowbox .rubberband,
+.content-view treeview.view flowbox rubberband,
+.content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view treeview.view flowbox .rubberband,
+treeview.view flowbox .content-view rubberband,
+treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view treeview.view flowbox .content-view .rubberband,
+treeview.view .content-view flowbox treeview.view rubberband,
+treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ .content-view
+ flowbox
+ treeview.view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+treeview.view flowbox .content-view .rubberband,
+.content-view treeview.view flowbox .rubberband,
+flowbox treeview.view rubberband,
+flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox .content-view treeview.view rubberband,
+flowbox .content-view treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+flowbox .content-view treeview.view flowbox rubberband,
+flowbox .content-view treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox .content-view treeview.view flowbox .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+.content-view flowbox treeview.view rubberband,
+.content-view flowbox treeview.view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view .rubberband,
+flowbox treeview.view .content-view rubberband,
+flowbox treeview.view .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view .content-view .rubberband,
+.content-view treeview.view flowbox treeview.view rubberband,
+.content-view
+ treeview.view
+ flowbox
+ treeview.view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ .content-view
+ treeview.view
+ flowbox
+ treeview.view
+ .rubberband,
+treeview.view flowbox treeview.view .content-view rubberband,
+treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ XfdesktopIconView.view
+ .rubberband,
+XfdesktopIconView.view
+ treeview.view
+ flowbox
+ treeview.view
+ .content-view
+ .rubberband,
+.content-view flowbox treeview.view flowbox rubberband,
+.content-view flowbox treeview.view flowbox XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view .content-view flowbox treeview.view flowbox .rubberband,
+flowbox treeview.view flowbox .content-view rubberband,
+flowbox treeview.view flowbox .content-view XfdesktopIconView.view .rubberband,
+XfdesktopIconView.view flowbox treeview.view flowbox .content-view .rubberband,
+flowbox treeview.view .content-view .rubberband,
+.content-view flowbox treeview.view .rubberband {
+ border: 1px solid #faf4ed;
+ background-color: rgba(250, 244, 237, 0.3);
+}
+
+flowbox flowboxchild {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.content-view .tile:selected {
+ background-color: transparent;
+}
+
+label {
+ caret-color: currentColor;
+}
+
+label.separator {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+label:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+headerbar label:disabled,
+tab label:disabled,
+button label:disabled {
+ color: inherit;
+}
+
+label.osd {
+ border-radius: 6px;
+ background-color: rgba(33, 32, 46, 0.9);
+ color: #e0def4;
+}
+
+.dim-label {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+assistant .sidebar {
+ padding: 4px 0;
+}
+
+assistant .sidebar label {
+ min-height: 36px;
+ padding: 0 12px;
+ color: rgba(224, 222, 244, 0.5);
+ font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+ color: #e0def4;
+}
+
+/*********************
+ * 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.vertical,
+spinbutton:not(.vertical),
+entry {
+ min-height: 36px;
+ padding: 0 8px;
+ border-radius: 6px;
+ caret-color: currentColor;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+}
+
+spinbutton.vertical:focus,
+spinbutton:focus:not(.vertical),
+entry:focus {
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #faf4ed;
+}
+
+spinbutton.vertical:drop(active),
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+spinbutton.vertical:disabled,
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+spinbutton.flat.vertical,
+spinbutton.flat:not(.vertical),
+entry.flat {
+ min-height: 0;
+ padding: 2px;
+ border-radius: 0;
+ background-color: transparent;
+}
+
+spinbutton.vertical image,
+spinbutton:not(.vertical) image,
+entry image {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+spinbutton.vertical image:hover,
+spinbutton:not(.vertical) image:hover,
+spinbutton.vertical image:active,
+spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+ color: #e0def4;
+}
+
+spinbutton.vertical image:disabled,
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+spinbutton.vertical image.left,
+spinbutton:not(.vertical) image.left,
+entry image.left {
+ margin-left: 2px;
+ margin-right: 6px;
+}
+
+spinbutton.vertical image.right,
+spinbutton:not(.vertical) image.right,
+entry image.right {
+ margin-left: 6px;
+ margin-right: 2px;
+}
+
+spinbutton.vertical undershoot.left,
+spinbutton:not(.vertical) undershoot.left,
+entry undershoot.left {
+ background-color: transparent;
+ background-image: linear-gradient(
+ to top,
+ transparent 50%,
+ rgba(224, 222, 244, 0.3) 50%
+ );
+ padding-left: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: left top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.vertical undershoot.right,
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+ background-color: transparent;
+ background-image: linear-gradient(
+ to top,
+ transparent 50%,
+ rgba(224, 222, 244, 0.3) 50%
+ );
+ padding-right: 1px;
+ background-size: 1px 12px;
+ background-repeat: repeat-y;
+ background-origin: content-box;
+ background-position: right top;
+ margin: 0 4px;
+ margin: 4px 0;
+}
+
+spinbutton.error.vertical,
+spinbutton.error:not(.vertical),
+entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+}
+
+spinbutton.error.vertical:focus,
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #eb6f92;
+}
+
+spinbutton.error.vertical:disabled,
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+spinbutton.warning.vertical,
+spinbutton.warning:not(.vertical),
+entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+}
+
+spinbutton.warning.vertical:focus,
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #f6c177;
+}
+
+spinbutton.warning.vertical:disabled,
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+spinbutton.vertical progress,
+spinbutton:not(.vertical) progress,
+entry progress {
+ margin: 2px -8px;
+ border-bottom: 2px solid #faf4ed;
+ background-color: transparent;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #1f1d2e;
+ color: #e0def4;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:focus {
+ border-image: none;
+ box-shadow: inset 0 0 0 2px #faf4ed;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #26233a;
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus {
+ border-image: none;
+ box-shadow: inset 0 0 0 2px #eb6f92;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #26233a;
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ border-image: none;
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #f6c177;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
+ border-image: none;
+ box-shadow: inset 0 0 0 2px #f6c177;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: #26233a;
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+treeview entry.flat,
+treeview entry {
+ background-color: #191724;
+}
+
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry:focus {
+ border-image: none;
+ box-shadow: none;
+}
+
+.entry-tag,
+.photos-entry-tag,
+.documents-entry-tag {
+ margin: 2px;
+ border-radius: 9999px;
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
+}
+
+.entry-tag:hover,
+.photos-entry-tag:hover,
+.documents-entry-tag:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+:dir(ltr) .entry-tag,
+:dir(ltr) .photos-entry-tag,
+:dir(ltr) .documents-entry-tag {
+ margin-left: 4px;
+ margin-right: 0;
+ padding-left: 12px;
+ padding-right: 8px;
+}
+
+:dir(rtl) .entry-tag,
+:dir(rtl) .photos-entry-tag,
+:dir(rtl) .documents-entry-tag {
+ margin-left: 0;
+ margin-right: 4px;
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+.entry-tag.button,
+.button.photos-entry-tag,
+.button.documents-entry-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.entry-tag.button:not(:hover):not(:active),
+.button.photos-entry-tag:not(:hover):not(:active),
+.button.documents-entry-tag:not(:hover):not(:active) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs-attention {
+ from {
+ background-image: -gtk-gradient(
+ radial,
+ center center,
+ 0,
+ center center,
+ 0.001,
+ to(#faf4ed),
+ to(transparent)
+ );
+ }
+ to {
+ background-image: -gtk-gradient(
+ radial,
+ center center,
+ 0,
+ center center,
+ 0.5,
+ to(#faf4ed),
+ to(transparent)
+ );
+ }
+}
+
+.xfce4-panel.background button,
+.raven-mpris button.image-button,
+.mate-panel-menu-bar button,
+infobar.warning > revealer > box button,
+infobar.warning:backdrop > revealer > box button {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.xfce4-panel.background button:focus,
+.raven-mpris button.image-button:focus,
+.mate-panel-menu-bar button:focus,
+infobar.warning > revealer > box button:focus,
+.xfce4-panel.background button:hover,
+.raven-mpris button.image-button:hover,
+.mate-panel-menu-bar button:hover,
+infobar.warning > revealer > box button:hover,
+.xfce4-panel.background button:active,
+.raven-mpris button.image-button:active,
+.mate-panel-menu-bar button:active,
+infobar.warning > revealer > box button:active,
+.xfce4-panel.background button:checked,
+.raven-mpris button.image-button:checked,
+.mate-panel-menu-bar button:checked,
+infobar.warning > revealer > box button:checked {
+ color: #e0def4;
+}
+
+.xfce4-panel.background button:disabled,
+.raven-mpris button.image-button:disabled,
+.mate-panel-menu-bar button:disabled,
+infobar.warning > revealer > box button:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.xfce4-panel.background button:checked:disabled,
+.raven-mpris button.image-button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+infobar.warning > revealer > box button:checked:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:not(.suggested-action):not(.destructive-action),
+button {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: #e0def4;
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:focus:not(.suggested-action):not(.destructive-action),
+button:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:hover:not(.suggested-action):not(.destructive-action),
+button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:active:not(.suggested-action):not(.destructive-action),
+button:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms, border 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(currentColor, 0.12) 10%,
+ transparent 0%
+ );
+ background-size: 0% 0%;
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:disabled:not(.suggested-action):not(.destructive-action),
+button:disabled {
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:checked:not(.suggested-action):not(.destructive-action),
+button:checked {
+ box-shadow: none;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:checked:hover:not(.suggested-action):not(.destructive-action),
+button:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+actionbar
+ > revealer
+ > box
+ .linked
+ > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+button:checked:disabled {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.raven .expander-button,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > box.horizontal:not(.linked)
+ > button.toggle,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button:not(.toggle):not(.raised):not(.flat),
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ button.flat.scale,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button,
+.nautilus-window headerbar revealer > button,
+button.titlebutton:not(.suggested-action):not(.destructive-action),
+filechooser #pathbarbox > stack > box > button,
+check,
+radio,
+button.close,
+button.circular,
+.inline-toolbar button:not(.text-button),
+button.image-button {
+ border-radius: 9999px;
+}
+
+.raven .expander-button label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > box.horizontal:not(.linked)
+ > button.toggle
+ label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button:not(.toggle):not(.raised):not(.flat)
+ label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ button.flat.scale
+ label,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised
+ label,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button
+ label,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button
+ label,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button
+ label,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button
+ label,
+.nautilus-window headerbar revealer > button label,
+button.titlebutton:not(.suggested-action):not(.destructive-action) label,
+filechooser #pathbarbox > stack > box > button label,
+check label,
+radio label,
+button.close label,
+button.circular label,
+.inline-toolbar button:not(.text-button) label,
+button.image-button label {
+ padding: 0;
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat,
+.gedit-search-slider .linked > button,
+.gedit-document-panel row button.flat,
+.nautilus-window .floating-bar button,
+placessidebar.sidebar row button.sidebar-button,
+notebook > header tab button.flat,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 9999px;
+}
+
+button {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 6px 10px;
+ border-radius: 6px;
+ font-weight: 500;
+}
+
+button:drop(active) {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button,
+.drop-shadow button,
+.budgie-panel button,
+.budgie-popover row button,
+.budgie-settings-window buttonbox.inline-toolbar button,
+#mate-menu button,
+#MatePanelPopupWindow button,
+popover.messagepopover .popover-action-area button,
+tabbox > tab button,
+.gedit-search-slider .linked > button,
+placessidebar.sidebar row button.sidebar-button,
+calendar.button,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular,
+treeview.view header button button.circular,
+row.activatable button.circular,
+check,
+radio,
+scrollbar button,
+notebook > header > tabs > arrow,
+spinbutton.vertical button,
+spinbutton:not(.vertical) button,
+modelbutton.flat,
+.menuitem.button.flat,
+.nemo-window .toolbar button,
+#buttonbox_frame button,
+.xfce4-panel.background button,
+.raven stackswitcher.linked > button,
+.lock-dialog button,
+.mate-panel-menu-bar button,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button,
+layouttabbar button,
+filechooser #pathbarbox > stack > box > button,
+messagedialog.csd .dialog-action-box button,
+.app-notification button,
+actionbar
+ > revealer
+ > box
+ button:not(.suggested-action):not(.destructive-action),
+popover.background.menu button,
+popover.background button.model,
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button,
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action),
+toolbar button,
+combobox > .linked:not(.vertical) > button:not(:only-child),
+button.flat {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ border-image 225ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-session-dialog .linked.horizontal > button:focus,
+.budgie-polkit-dialog .linked.horizontal > button:focus,
+.budgie-run-dialog .linked.horizontal > button:focus,
+.drop-shadow button:focus,
+.budgie-panel button:focus,
+.budgie-popover row button:focus,
+.budgie-settings-window buttonbox.inline-toolbar button:focus,
+#mate-menu button:focus,
+#MatePanelPopupWindow button:focus,
+popover.messagepopover .popover-action-area button:focus,
+tabbox > tab button:focus,
+.gedit-search-slider .linked > button:focus,
+placessidebar.sidebar row button.sidebar-button:focus,
+calendar.button:focus,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:focus,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:focus,
+treeview.view header button button.circular:focus,
+row.activatable button.circular:focus,
+check:focus,
+radio:focus,
+scrollbar button:focus,
+notebook > header > tabs > arrow:focus,
+spinbutton.vertical button:focus,
+spinbutton:not(.vertical) button:focus,
+modelbutton.flat:focus,
+.menuitem.button.flat:focus,
+.nemo-window .toolbar button:focus,
+#buttonbox_frame button:focus,
+.xfce4-panel.background button:focus,
+.raven stackswitcher.linked > button:focus,
+.lock-dialog button:focus,
+.mate-panel-menu-bar button:focus,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:focus,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:focus,
+layouttabbar button:focus,
+filechooser #pathbarbox > stack > box > button:focus,
+messagedialog.csd .dialog-action-box button:focus,
+.app-notification button:focus,
+actionbar
+ > revealer
+ > box
+ button:focus:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:focus,
+popover.background button.model:focus,
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus,
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+toolbar button:focus,
+combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+button.flat:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #e0def4;
+}
+
+.budgie-session-dialog .linked.horizontal > button:hover,
+.budgie-polkit-dialog .linked.horizontal > button:hover,
+.budgie-run-dialog .linked.horizontal > button:hover,
+.drop-shadow button:hover,
+.budgie-panel button:hover,
+.budgie-popover row button:hover,
+.budgie-settings-window buttonbox.inline-toolbar button:hover,
+#mate-menu button:hover,
+#MatePanelPopupWindow button:hover,
+popover.messagepopover .popover-action-area button:hover,
+tabbox > tab button:hover,
+.gedit-search-slider .linked > button:hover,
+placessidebar.sidebar row button.sidebar-button:hover,
+calendar.button:hover,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:hover,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:hover,
+treeview.view header button button.circular:hover,
+row.activatable button.circular:hover,
+check:hover,
+radio:hover,
+scrollbar button:hover,
+notebook > header > tabs > arrow:hover,
+spinbutton.vertical button:hover,
+spinbutton:not(.vertical) button:hover,
+modelbutton.flat:hover,
+.menuitem.button.flat:hover,
+.nemo-window .toolbar button:hover,
+#buttonbox_frame button:hover,
+.xfce4-panel.background button:hover,
+.raven stackswitcher.linked > button:hover,
+.lock-dialog button:hover,
+.mate-panel-menu-bar button:hover,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:hover,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:hover,
+layouttabbar button:hover,
+filechooser #pathbarbox > stack > box > button:hover,
+messagedialog.csd .dialog-action-box button:hover,
+.app-notification button:hover,
+actionbar
+ > revealer
+ > box
+ button:hover:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:hover,
+popover.background button.model:hover,
+.caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:hover,
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+toolbar button:hover,
+combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+button.flat:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ color: #e0def4;
+}
+
+.budgie-session-dialog .linked.horizontal > button:active,
+.budgie-polkit-dialog .linked.horizontal > button:active,
+.budgie-run-dialog .linked.horizontal > button:active,
+.drop-shadow button:active,
+.budgie-panel button:active,
+.budgie-popover row button:active,
+.budgie-settings-window buttonbox.inline-toolbar button:active,
+#mate-menu button:active,
+#MatePanelPopupWindow button:active,
+popover.messagepopover .popover-action-area button:active,
+tabbox > tab button:active,
+.gedit-search-slider .linked > button:active,
+placessidebar.sidebar row button.sidebar-button:active,
+calendar.button:active,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:active,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:active,
+treeview.view header button button.circular:active,
+row.activatable button.circular:active,
+check:active,
+radio:active,
+scrollbar button:active,
+notebook > header > tabs > arrow:active,
+spinbutton.vertical button:active,
+spinbutton:not(.vertical) button:active,
+modelbutton.flat:active,
+.menuitem.button.flat:active,
+.nemo-window .toolbar button:active,
+#buttonbox_frame button:active,
+.xfce4-panel.background button:active,
+.raven stackswitcher.linked > button:active,
+.lock-dialog button:active,
+.mate-panel-menu-bar button:active,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:active,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:active,
+layouttabbar button:active,
+filechooser #pathbarbox > stack > box > button:active,
+messagedialog.csd .dialog-action-box button:active,
+.app-notification button:active,
+actionbar
+ > revealer
+ > box
+ button:active:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:active,
+popover.background button.model:active,
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active,
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+toolbar button:active,
+combobox > .linked:not(.vertical) > button:active:not(:only-child),
+button.flat:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(currentColor, 0.12) 10%,
+ transparent 0%
+ );
+ background-size: 0% 0%;
+ color: #e0def4;
+}
+
+.budgie-session-dialog .linked.horizontal > button:disabled,
+.budgie-polkit-dialog .linked.horizontal > button:disabled,
+.budgie-run-dialog .linked.horizontal > button:disabled,
+.drop-shadow button:disabled,
+.budgie-panel button:disabled,
+.budgie-popover row button:disabled,
+.budgie-settings-window buttonbox.inline-toolbar button:disabled,
+#mate-menu button:disabled,
+#MatePanelPopupWindow button:disabled,
+popover.messagepopover .popover-action-area button:disabled,
+tabbox > tab button:disabled,
+.gedit-search-slider .linked > button:disabled,
+placessidebar.sidebar row button.sidebar-button:disabled,
+calendar.button:disabled,
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item)
+ button.circular:disabled,
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable
+ button.circular:disabled,
+treeview.view header button button.circular:disabled,
+row.activatable button.circular:disabled,
+check:disabled,
+radio:disabled,
+scrollbar button:disabled,
+notebook > header > tabs > arrow:disabled,
+spinbutton.vertical button:disabled,
+spinbutton:not(.vertical) button:disabled,
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled,
+.nemo-window .toolbar button:disabled,
+#buttonbox_frame button:disabled,
+.xfce4-panel.background button:disabled,
+.raven stackswitcher.linked > button:disabled,
+.lock-dialog button:disabled,
+.mate-panel-menu-bar button:disabled,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:disabled,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:disabled,
+layouttabbar button:disabled,
+filechooser #pathbarbox > stack > box > button:disabled,
+messagedialog.csd .dialog-action-box button:disabled,
+.app-notification button:disabled,
+actionbar
+ > revealer
+ > box
+ button:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:disabled,
+popover.background button.model:disabled,
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled,
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:disabled,
+combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+button.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.nemo-window .toolbar button:checked,
+#buttonbox_frame button:checked,
+.xfce4-panel.background button:checked,
+.raven stackswitcher.linked > button:checked,
+.lock-dialog button:checked,
+.mate-panel-menu-bar button:checked,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked,
+layouttabbar button:checked,
+filechooser #pathbarbox > stack > box > button:checked,
+messagedialog.csd .dialog-action-box button:checked,
+.app-notification button:checked,
+actionbar
+ > revealer
+ > box
+ button:checked:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked,
+popover.background button.model:checked,
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action),
+toolbar button:checked,
+combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+button.flat:checked,
+button.flat:checked:hover {
+ background-color: alpha(currentColor, 0.1);
+ color: #e0def4;
+}
+
+.nemo-window .toolbar button:checked:disabled,
+#buttonbox_frame button:checked:disabled,
+.xfce4-panel.background button:checked:disabled,
+.raven stackswitcher.linked > button:checked:disabled,
+.lock-dialog button:checked:disabled,
+.mate-panel-menu-bar button:checked:disabled,
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked:disabled,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar
+ button:checked:disabled,
+layouttabbar button:checked:disabled,
+filechooser #pathbarbox > stack > box > button:checked:disabled,
+messagedialog.csd .dialog-action-box button:checked:disabled,
+.app-notification button:checked:disabled,
+actionbar
+ > revealer
+ > box
+ button:checked:disabled:not(.suggested-action):not(.destructive-action),
+popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled,
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled,
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+ button:checked:disabled:not(.suggested-action):not(.destructive-action),
+toolbar button:checked:disabled,
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+button.flat:checked:disabled {
+ background-color: alpha(currentColor, 0.1);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+button.text-button {
+ min-width: 32px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+button.text-button.flat {
+ min-width: 48px;
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+button.image-button {
+ min-width: 24px;
+ padding: 6px;
+}
+
+button.image-button.destructive-action {
+ border-radius: 6px;
+}
+
+button.text-button.image-button {
+ min-width: 24px;
+ padding: 6px;
+ border-radius: 6px;
+}
+
+button.text-button.image-button label:first-child {
+ margin-left: 10px;
+}
+
+button.text-button.image-button label:last-child {
+ margin-right: 10px;
+}
+
+button.text-button.image-button.flat label:first-child {
+ margin-left: 6px;
+}
+
+button.text-button.image-button.flat label:last-child {
+ margin-right: 6px;
+}
+
+button.text-button.image-button image:not(:only-child) {
+ margin: 0 4px;
+}
+
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+ border-radius: 6px;
+}
+
+.linked:not(.vertical)
+ > button.flat.image-button:not(:only-child):not(.text-button),
+.linked.vertical > button.flat.image-button:not(:only-child):not(.text-button) {
+ border-radius: 9999px;
+}
+
+.linked:not(.vertical) > button.flat:focus,
+.linked.vertical > button.flat:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+button.osd {
+ min-width: 24px;
+ min-width: 24px;
+ padding: 12px 16px;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:hover {
+ background-color: rgba(144, 140, 170, 0.9844);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd:active {
+ background-color: rgba(144, 140, 170, 0.9844);
+ color: rgba(0, 0, 0, 0.87);
+}
+
+button.osd.image-button,
+button.osd.circular {
+ padding: 12px;
+}
+
+button.osd.image-button > image,
+button.osd.circular > image {
+ padding: 0;
+}
+
+button.osd:disabled {
+ opacity: 0;
+}
+
+button.suggested-action {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.suggested-action:disabled {
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+button.suggested-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 2px 2.4px -1px rgba(250, 244, 237, 0.2),
+ 0 4px 3px 0 rgba(250, 244, 237, 0.14), 0 1px 6px 0 rgba(250, 244, 237, 0.12);
+}
+
+button.suggested-action:checked {
+ background-color: rgba(250, 244, 237, 0.5);
+}
+
+button.suggested-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 3px 3px -3px rgba(250, 244, 237, 0.3),
+ 0 2px 3px -1px rgba(250, 244, 237, 0.24),
+ 0 2px 5px 0 rgba(250, 244, 237, 0.12);
+}
+
+button.suggested-action:focus {
+ box-shadow: 0 0 0 2px rgba(250, 244, 237, 0.35);
+}
+
+button.suggested-action.flat {
+ background-color: transparent;
+ color: #faf4ed;
+}
+
+button.suggested-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.3);
+}
+
+button.suggested-action.flat:checked {
+ background-color: rgba(250, 244, 237, 0.3);
+}
+
+button.destructive-action {
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: none;
+}
+
+button.destructive-action:disabled {
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+button.destructive-action:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 2px 2.4px -1px rgba(242, 139, 130, 0.2),
+ 0 4px 3px 0 rgba(242, 139, 130, 0.14), 0 1px 6px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:checked {
+ background-color: rgba(182, 105, 98, 0.961);
+}
+
+button.destructive-action:checked:hover {
+ box-shadow: inset 0 0 0 9999px transparent,
+ 0 3px 3px -3px rgba(242, 139, 130, 0.3),
+ 0 2px 3px -1px rgba(242, 139, 130, 0.24),
+ 0 2px 5px 0 rgba(242, 139, 130, 0.12);
+}
+
+button.destructive-action:focus {
+ box-shadow: 0 0 0 2px rgba(242, 139, 130, 0.35);
+}
+
+button.destructive-action.flat {
+ background-color: transparent;
+ color: #eb6f92;
+}
+
+button.destructive-action.flat:disabled {
+ box-shadow: none;
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.3);
+}
+
+button.destructive-action.flat:checked {
+ background-color: rgba(242, 139, 130, 0.3);
+}
+
+.stack-switcher > button > label {
+ margin: 0 -6px;
+ padding: 0 6px;
+}
+
+.stack-switcher > button > image {
+ margin: -3px -6px;
+ padding: 3px 6px;
+}
+
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+ animation: none;
+ background-image: none;
+}
+
+.primary-toolbar button {
+ -gtk-icon-shadow: none;
+}
+
+button.close,
+button.circular {
+ min-width: 24px;
+ padding: 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label,
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+ animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-repeat: no-repeat;
+ background-position: right 3px;
+ background-size: 6px 6px;
+}
+
+stacksidebar.sidebar row.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+ background-position: left 3px;
+}
+
+modelbutton.flat,
+.menuitem.button.flat {
+ min-height: 28px;
+ padding: 0 8px;
+ border-radius: 6px;
+ color: #e0def4;
+}
+
+modelbutton.flat arrow.left {
+ -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+modelbutton.flat arrow.right {
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+button.color {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+/*********
+ * Links *
+ *********/
+*:link {
+ color: #2196f3;
+}
+
+*:visited {
+ color: #ce93d8;
+}
+
+button.link:link,
+button.link:link:focus,
+button.link:link:hover,
+button.link:link:active {
+ color: #2196f3;
+}
+
+button.link:visited,
+button.link:visited:focus,
+button.link:visited:hover,
+button.link:visited:active {
+ color: #ce93d8;
+}
+
+button.link > label {
+ text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+ padding: 0;
+}
+
+spinbutton:not(.vertical) entry {
+ min-width: 32px;
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+spinbutton:not(.vertical) button {
+ border: solid 6px transparent;
+}
+
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+spinbutton:not(.vertical) button.up:dir(ltr),
+spinbutton:not(.vertical) button.down:dir(rtl) {
+ margin-left: -3px;
+}
+
+spinbutton:not(.vertical) button.up:dir(rtl),
+spinbutton:not(.vertical) button.down:dir(ltr) {
+ margin-right: -3px;
+}
+
+spinbutton.vertical {
+ padding: 0;
+}
+
+spinbutton.vertical:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+spinbutton.vertical entry {
+ margin: 0;
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+ min-height: 36px;
+ min-width: 42px;
+ padding: 0;
+}
+
+spinbutton.vertical button {
+ padding: 0;
+ border: solid 6px transparent;
+}
+
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+ box-shadow: inset 0 0 0 9999px transparent;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+spinbutton.vertical button.up {
+ margin: 0 3px;
+}
+
+spinbutton.vertical button.down {
+ margin: 0 3px;
+}
+
+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 decoration {
+ transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+ margin-left: -2px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+ margin-right: -2px;
+}
+
+combobox.linked button:nth-child(2):dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+combobox.linked button:nth-child(2):dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+ margin-right: -36px;
+ padding-right: 36px;
+}
+
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+ margin-left: -36px;
+ padding-left: 36px;
+}
+
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+ min-height: 16px;
+ min-width: 16px;
+ margin: 6px;
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.combo:only-child {
+ border-radius: 6px;
+ font-weight: normal;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+}
+
+button.combo:only-child:focus {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px rgba(224, 222, 244, 0.3);
+}
+
+button.combo:only-child:hover {
+ background-color: alpha(currentColor, 0.08);
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+button.combo:only-child:checked {
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #faf4ed;
+}
+
+button.combo:only-child:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+ -gtkwidget-window-dragging: true;
+ padding: 2px;
+ background-color: #191724;
+}
+
+.osd toolbar {
+ background-color: transparent;
+}
+
+frame.documents-dropdown,
+.app-notification,
+toolbar.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 6px;
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+frame.documents-dropdown:backdrop,
+.app-notification:backdrop,
+toolbar.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+}
+
+frame.left.documents-dropdown,
+.left.app-notification,
+frame.right.documents-dropdown,
+.right.app-notification,
+frame.top.documents-dropdown,
+.top.app-notification,
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.left,
+toolbar.osd.right,
+toolbar.osd.top,
+toolbar.osd.bottom {
+ border-radius: 0;
+}
+
+frame.bottom.documents-dropdown,
+.bottom.app-notification,
+toolbar.osd.bottom {
+ box-shadow: none;
+ background-color: transparent;
+ background-image: linear-gradient(
+ to bottom,
+ transparent,
+ rgba(0, 0, 0, 0.1) 30%,
+ rgba(0, 0, 0, 0.2) 50%,
+ rgba(0, 0, 0, 0.4)
+ );
+}
+
+toolbar.horizontal > separator {
+ margin: 2px;
+}
+
+toolbar.vertical > separator {
+ margin: 2px;
+}
+
+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: 2px;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+ margin-left: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+ margin-right: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+ margin: 0;
+}
+
+toolbar:not(.inline-toolbar):not(.osd) switch {
+ margin: 8px 2px;
+}
+
+.inline-toolbar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 1px 1px;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #26233a;
+}
+
+searchbar > revealer > box,
+.location-bar {
+ padding: 6px;
+ border-style: solid;
+ border-width: 0 0 1px;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+ background-clip: border-box;
+}
+
+searchbar > revealer > box {
+ margin: -6px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.nemo-window .primary-toolbar button:not(.text-button),
+headerbar button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button),
+headerbar
+ .linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+}
+
+.nemo-window .primary-toolbar button:focus:not(.text-button),
+headerbar button:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:hover:not(.text-button),
+headerbar button:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:active:not(.text-button),
+headerbar button:active:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:checked:not(.text-button),
+headerbar button:checked:not(.suggested-action):not(.destructive-action) {
+ color: #e0def4;
+}
+
+.nemo-window .primary-toolbar button:disabled:not(.text-button),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.nemo-window .primary-toolbar button:checked:disabled:not(.text-button),
+headerbar
+ button:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:not(.text-button),
+headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button),
+headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:hover:not(.text-button),
+headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
+.nemo-window .primary-toolbar button:backdrop:active:not(.text-button),
+headerbar
+ button:backdrop:active:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button),
+headerbar
+ button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button),
+headerbar
+ button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nemo-window
+ .primary-toolbar
+ button:backdrop:checked:disabled:not(.text-button),
+headerbar
+ button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.nemo-window .primary-toolbar entry,
+.titlebar entry {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: #e0def4;
+}
+
+.nemo-window .primary-toolbar entry:disabled,
+.titlebar entry:disabled {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.nemo-window .primary-toolbar entry image,
+.titlebar entry image {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nemo-window .primary-toolbar entry image:hover,
+.titlebar entry image:hover,
+.nemo-window .primary-toolbar entry image:active,
+.titlebar entry image:active {
+ color: #e0def4;
+}
+
+.nemo-window .primary-toolbar entry image:disabled,
+.titlebar entry image:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.titlebar {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #191724;
+ color: #e0def4;
+ border-radius: 12px 12px 0 0;
+}
+
+.titlebar:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.titlebar:backdrop {
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.titlebar:backdrop:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.titlebar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+.titlebar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+.titlebar .subtitle,
+.titlebar .dim-label {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.titlebar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+.titlebar headerbar + separator {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.titlebar .linked:not(.vertical) > entry {
+ border-radius: 6px;
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.titlebar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action):active {
+ box-shadow: inset 0 0 0 9999px rgba(224, 222, 244, 0.08);
+ background-image: radial-gradient(
+ circle,
+ rgba(224, 222, 244, 0.08) 10%,
+ transparent 0%
+ );
+}
+
+.titlebar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+ background-color: #faf4ed;
+ color: #191724;
+}
+
+.titlebar
+ .path-bar
+ button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 0;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+.titlebar.selection-mode {
+ transition: background-color 0.1ms 225ms,
+ color 75ms cubic-bezier(0, 0, 0.2, 1);
+ animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action) {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0/0 0 0px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2/0 0 2px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):checked:disabled {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.titlebar.selection-mode
+ button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu arrow {
+ -gtkarrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+.titlebar .selection-mode {
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0);
+ background-color: #faf4ed;
+}
+
+.tiled .titlebar,
+.tiled-top .titlebar,
+.tiled-right .titlebar,
+.tiled-bottom .titlebar,
+.tiled-left .titlebar,
+.maximized .titlebar,
+.fullscreen .titlebar {
+ border-radius: 0;
+}
+
+.titlebar.default-decoration {
+ min-height: 24px;
+ padding: 10px 20px;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ border-radius: 12px 12px 0 0;
+}
+
+.tiled .titlebar.default-decoration,
+.maximized .titlebar.default-decoration,
+.fullscreen .titlebar.default-decoration {
+ box-shadow: none;
+ border-radius: 0;
+}
+
+.titlebar.default-decoration button.titlebutton {
+ min-height: 24px;
+ min-width: 24px;
+ margin: 0;
+ padding: 0;
+}
+
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+ background-size: 1000% 1000%;
+}
+
+.solid-csd .titlebar:dir(rtl),
+.solid-csd .titlebar:dir(ltr) {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+headerbar {
+ min-height: 48px;
+ padding: 1px 20px;
+}
+
+headerbar:not(.titlebar) {
+ box-shadow: none;
+}
+
+box.vertical headerbar {
+ background-color: #191724;
+}
+
+headerbar > box.left,
+headerbar > box.right {
+ padding: 0;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+headerbar button,
+headerbar button.image-button {
+ border-radius: 6px;
+}
+
+headerbar separator.titlebutton {
+ margin-top: 12px;
+ margin-bottom: 12px;
+ background-color: transparent;
+}
+
+headerbar switch {
+ margin-top: 12px;
+ margin-bottom: 12px;
+}
+
+headerbar spinbutton button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar .entry-tag,
+headerbar .photos-entry-tag,
+headerbar .documents-entry-tag {
+ margin-top: 5px;
+ margin-bottom: 5px;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+ border-radius: 6px;
+ margin: 5px 2px;
+ min-width: 120px;
+ padding: 0;
+ background-image: none;
+ background-color: transparent;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action)
+ > stack
+ > box {
+ padding: 0 12px;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action):active {
+ box-shadow: inset 0 0 0 9999px rgba(224, 222, 244, 0.08);
+ background-image: radial-gradient(
+ circle,
+ rgba(224, 222, 244, 0.08) 10%,
+ transparent 0%
+ );
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action):checked {
+ background-color: #26233a;
+ color: #9ccfd8;
+ font-weight: 500;
+}
+
+headerbar.windowhandle
+ viewswitcher
+ button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus {
+ box-shadow: none;
+}
+
+headerbar.windowhandle > button.popup label,
+headerbar.windowhandle > button.popup image {
+ min-height: 0;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer {
+ margin-top: 0;
+ margin-bottom: 0;
+ background: none;
+}
+
+headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
+ margin: 0 0;
+ background: none;
+}
+
+headerbar.windowhandle
+ viewswitchertitle
+ > squeezer
+ > viewswitcher
+ > box.horizontal
+ > button.radio {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+ padding-left: 6px;
+ padding-right: 6px;
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ #faf4ed 0%,
+ transparent 0%
+ )
+ 0 0 0/0 0 0px;
+ border-radius: 6px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ #faf4ed 100%,
+ transparent 0%
+ )
+ 0 0 2/0 0 2px;
+}
+
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+ background-color: transparent;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+ min-width: 0;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+ border-left-color: rgba(224, 222, 244, 0.3);
+ border-top-color: rgba(224, 222, 244, 0.12);
+ min-height: 36px;
+}
+
+* {
+ -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;
+}
+
+window.background.csd
+ treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) {
+ background-color: transparent;
+}
+
+treeview.view:selected:not(.progressbar):not(.trough) {
+ background-image: image(alpha(currentColor, 0.1));
+}
+
+treeview.view:hover,
+treeview.view:selected {
+ border-radius: 0;
+}
+
+treeview.view.separator {
+ min-height: 6px;
+ color: rgba(224, 222, 244, 0.12);
+}
+
+treeview.view:drop(active) {
+ border-style: solid none;
+ border-width: 9999px;
+ border-color: alpha(currentColor, 0.08);
+}
+
+treeview.view.after:drop(active) {
+ border-top-style: none;
+}
+
+treeview.view.before:drop(active) {
+ border-bottom-style: none;
+}
+
+treeview.view.expander {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+treeview.view.expander:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+treeview.view.expander:checked {
+ -gtk-icon-transform: unset;
+}
+
+treeview.view.expander:hover,
+treeview.view.expander:active {
+ color: #e0def4;
+}
+
+treeview.view.expander:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+treeview.view.progressbar {
+ border: none;
+ box-shadow: none;
+ background-color: #faf4ed;
+ background-image: none;
+ border-radius: 9999px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+treeview.view.progressbar:selected:hover {
+ box-shadow: none;
+}
+
+treeview.view.trough {
+ border: none;
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.12);
+ background-image: none;
+ border-radius: 9999px;
+ padding: 0;
+ margin: 0;
+}
+
+treeview.view.trough:selected:hover {
+ box-shadow: none;
+}
+
+treeview.view header button {
+ padding: 2px 6px;
+ border: none;
+ border-radius: 6px;
+}
+
+treeview.view header button:not(:focus):not(:hover):not(:active) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+treeview.view header button,
+treeview.view header button:disabled {
+ background-color: #191724;
+}
+
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+ padding: 2px 6px;
+ border-style: none solid solid;
+ border-width: 1px;
+ border-color: rgba(224, 222, 244, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #191724;
+ background-clip: border-box;
+ color: #faf4ed;
+}
+
+treeview.view acceleditor > label {
+ background-color: #faf4ed;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+ -gtkwidget-window-dragging: true;
+ padding: 0;
+ background-color: #191724;
+ color: #e0def4;
+}
+
+menubar:backdrop,
+.menubar:backdrop {
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.csd menubar,
+.csd .menubar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ padding: 4px 8px;
+ color: rgba(224, 222, 244, 0.7);
+ border-radius: 6px;
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+ transition: none;
+ background-color: alpha(currentColor, 0.1);
+ color: #e0def4;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+ color: inherit;
+}
+
+.background.popup {
+ background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+ margin: 6px;
+ padding: 6px;
+ background-color: #1f1d2e;
+ background-clip: border-box;
+ border-radius: 12px;
+ border: 1px solid #444a73;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+}
+
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+ border: none;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 20px;
+ min-width: 40px;
+ padding: 4px 8px;
+ color: #e0def4;
+ font: initial;
+ font-weight: 500;
+ text-shadow: none;
+ border-radius: 6px;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+ transition: none;
+ background-color: #403d52;
+ color: #9ccfd8;
+ font-weight: 500;
+}
+
+menu menuitem:hover accelerator,
+.menu menuitem:hover accelerator,
+.context-menu menuitem:hover accelerator {
+ color: #9ccfd8;
+ font-weight: 500;
+}
+
+menu menuitem:hover:disabled accelerator,
+.menu menuitem:hover:disabled accelerator,
+.context-menu menuitem:hover:disabled accelerator {
+ color: #9ccfd8;
+ font-weight: 500;
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+menu menuitem accelerator,
+.menu menuitem accelerator,
+.context-menu menuitem accelerator {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+menu menuitem:disabled accelerator,
+.menu menuitem:disabled accelerator,
+.context-menu menuitem:disabled accelerator {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+ margin-left: 8px;
+}
+
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-menu menuitem arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl');
+ margin-right: 8px;
+}
+
+menu menuitem label:dir(rtl),
+menu menuitem label:dir(ltr),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+ color: inherit;
+}
+
+menu .view:selected,
+.menu .view:selected,
+.context-menu .view:selected {
+ background-color: #575279;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+ background-color: #1f1d2e;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+ margin-top: 0;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+ margin-top: 8px;
+ margin-bottom: -12px;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+ background-image: image(alpha(currentColor, 0.08));
+ color: #e0def4;
+}
+
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+ border-color: transparent;
+ background-color: transparent;
+ color: transparent;
+}
+
+menu separator,
+.menu separator,
+.context-menu separator {
+ margin: 4px 0;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ padding: 0;
+ background-color: #1f1d2e;
+ border-radius: 12px;
+}
+
+popover.background,
+.csd popover.background {
+ border: 1px solid rgba(224, 222, 244, 0.2);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+ 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+ 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
+}
+
+popover.background:backdrop,
+.csd popover.background:backdrop {
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05),
+ 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05),
+ 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+popover.background > stack {
+ margin: 0;
+}
+
+popover.background > toolbar {
+ margin: 0;
+}
+
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+ border-style: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.background list,
+popover.background .view:not(:selected),
+popover.background toolbar {
+ background-color: #1f1d2e;
+}
+
+popover.background.combo viewport.frame > list {
+ background-color: transparent;
+}
+
+popover.background.combo viewport.frame > list > row {
+ padding: 6px 12px;
+}
+
+popover.background.combo viewport.frame > list > row:first-child {
+ border-radius: 12px 12px 0 0;
+}
+
+popover.background.combo viewport.frame > list > row:last-child {
+ border-radius: 0 0 12px 12px;
+}
+
+popover.background .linked > button:not(.radio) {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):first-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):last-child {
+ border-radius: 6px;
+}
+
+popover.background .linked > button:not(.radio):only-child {
+ border-radius: 6px;
+}
+
+popover.background.menu button,
+popover.background button.model {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 6px;
+}
+
+popover.background separator {
+ margin: 4px 0;
+}
+
+popover.background list separator {
+ margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+tabbox > tab,
+notebook > header tab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px 12px;
+ border: none;
+ outline: none;
+ background-clip: padding-box;
+ color: rgba(224, 222, 244, 0.7);
+ font-weight: 500;
+ border-radius: 6px;
+}
+
+tabbox > tab:hover,
+notebook > header tab:hover {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: #e0def4;
+}
+
+tabbox > tab:disabled,
+notebook > header tab:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+tabbox > tab:checked,
+notebook > header tab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #26233a;
+ color: #9ccfd8;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+
+tabbox > tab:checked:disabled,
+notebook > header tab:checked:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+frame > paned > notebook > header,
+notebook.frame > header {
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+notebook,
+notebook.frame {
+ background-color: #191724;
+ border-radius: 12px;
+}
+
+notebook.frame frame > border {
+ border: none;
+ border-radius: 6px;
+}
+
+notebook.frame frame > list row.activatable {
+ border-radius: 6px;
+}
+
+notebook > header {
+ border: none;
+ background-color: transparent;
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+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 {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down,
+notebook > header.bottom > tabs > arrow.down {
+ margin-left: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+notebook > header.top > tabs > arrow.up,
+notebook > header.bottom > tabs > arrow.up {
+ margin-right: 0;
+ -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 {
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down,
+notebook > header.right > tabs > arrow.down {
+ margin-top: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+notebook > header.left > tabs > arrow.up,
+notebook > header.right > tabs > arrow.up {
+ margin-bottom: 0;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+notebook > header > tabs > arrow {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+}
+
+notebook > header tab > box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: -6px -12px;
+ padding: 6px 12px;
+}
+
+notebook > header tab > box:drop(active) {
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
+}
+
+notebook > header tab button.flat:last-child {
+ margin-left: 6px;
+ margin-right: -6px;
+}
+
+notebook > header tab button.flat:first-child {
+ margin-left: -6px;
+ margin-right: 6px;
+}
+
+notebook > header tab button.close-button {
+ min-width: 24px;
+ min-height: 24px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child,
+notebook > header.bottom tabs:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child,
+notebook > header.bottom tabs:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page,
+notebook > header.bottom tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > header.left tabs:not(:only-child):first-child,
+notebook > header.right tabs:not(:only-child):first-child {
+ margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child,
+notebook > header.right tabs:not(:only-child):last-child {
+ margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page,
+notebook > header.right tabs tab.reorderable-page {
+ border-style: solid;
+}
+
+notebook > stack:not(:only-child) {
+ background-color: transparent;
+ border-radius: 6px;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #191724;
+}
+
+* {
+ -gtkscrollbar-has-backward-stepper: false;
+ -gtkscrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+ border-bottom: transparent;
+}
+
+scrollbar.bottom {
+ border-bottom: transparent;
+}
+
+scrollbar.left {
+ border-bottom: transparent;
+}
+
+scrollbar.right {
+ border-bottom: transparent;
+}
+
+scrollbar slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 4px;
+ min-height: 4px;
+ border: 2px solid transparent;
+ border-radius: 9999px;
+ background-clip: padding-box;
+ background-color: rgba(224, 222, 244, 0.2);
+}
+
+scrollbar slider:hover {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+scrollbar slider:active {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+scrollbar slider:disabled {
+ background-color: rgba(224, 222, 244, 0.2);
+}
+
+scrollbar.fine-tune slider {
+ min-width: 2px;
+ min-height: 2px;
+}
+
+scrollbar.fine-tune.horizontal slider {
+ margin: 2px 0;
+}
+
+scrollbar.fine-tune.vertical slider {
+ margin: 0 2px;
+}
+
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+ transition-property: background-color, min-height, min-width;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+ min-width: 2px;
+ min-height: 2px;
+ margin: 2px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+ min-width: 4px;
+ min-height: 4px;
+ margin: 2px;
+ border: 1px solid rgba(44, 44, 44, 0.3);
+ border-radius: 9999px;
+ background-color: transparent;
+ background-clip: padding-box;
+ -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+ background-color: transparent;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider {
+ min-width: 24px;
+}
+
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
+ min-width: 8px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider {
+ min-height: 24px;
+}
+
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
+ min-height: 8px;
+}
+
+scrollbar.overlay-indicator.dragging,
+scrollbar.overlay-indicator.hovering {
+ background-color: transparent;
+}
+
+scrollbar.horizontal slider {
+ min-width: 24px;
+}
+
+scrollbar.vertical slider {
+ min-height: 24px;
+}
+
+scrollbar button {
+ min-width: 16px;
+ min-height: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+scrollbar.vertical button.down,
+scrollbar.vertical button.down:hover,
+scrollbar.vertical button.up,
+scrollbar.vertical button.up:hover,
+scrollbar.horizontal button.down,
+scrollbar.horizontal button.down:hover,
+scrollbar.horizontal button.up,
+scrollbar.horizontal button.up:hover {
+ background-color: transparent;
+ color: transparent;
+}
+
+/**********
+ * Switch *
+ **********/
+switch {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ padding: 0;
+ border: 2px solid rgba(224, 222, 244, 0.7);
+ border-radius: 9999px;
+ background-color: transparent;
+ background-clip: border-box;
+ font-size: 0;
+}
+
+switch:checked {
+ background-color: #faf4ed;
+ border-color: #faf4ed;
+}
+
+switch:disabled {
+ opacity: 0.5;
+}
+
+switch image {
+ margin: -8px;
+ -gtk-icon-transform: scale(0);
+}
+
+switch slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ margin: 2px;
+ border-radius: 9999px;
+ outline: none;
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.7);
+ border: none;
+}
+
+switch:focus slider,
+switch:hover slider,
+switch:focus:hover slider {
+ box-shadow: 0 0 0 10px rgba(224, 222, 244, 0.12);
+}
+
+switch:checked slider {
+ background-color: #191724;
+ color: #191724;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ min-height: 40px;
+ min-width: 40px;
+ margin: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ background-image: none;
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+ -gtk-icon-source: -gtk-scaled(
+ url('assets/selectionmode-checkbox-unchecked-dark.png'),
+ url('assets/selectionmode-checkbox-unchecked-dark@2.png')
+ );
+}
+
+.view.content-view.check:not(list):checked,
+.content-view .tile check:not(list):checked {
+ -gtk-icon-source: -gtk-scaled(
+ url('assets/selectionmode-checkbox-checked-dark.png'),
+ url('assets/selectionmode-checkbox-checked-dark@2.png')
+ );
+}
+
+checkbutton,
+radiobutton {
+ outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+ padding: 2px;
+}
+
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+ margin: 0 4px;
+}
+
+check,
+radio {
+ min-height: 24px;
+ min-width: 24px;
+ margin: -8px;
+ padding: 8px;
+}
+
+check:checked,
+check:indeterminate,
+radio:checked,
+radio:indeterminate {
+ color: #faf4ed;
+}
+
+check:checked:disabled,
+check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+check:not(:hover):focus,
+radio:not(:hover):focus {
+ box-shadow: inset 0 0 0 9999px transparent;
+}
+
+popover modelbutton.flat check,
+popover modelbutton.flat check:focus,
+popover modelbutton.flat check:hover,
+popover modelbutton.flat check:focus:hover,
+popover modelbutton.flat check:active,
+popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
+}
+
+popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
+popover
+ modelbutton.flat
+ radio:not(:checked):not(:indeterminate):not(:disabled) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+ margin-left: -12px;
+ margin-right: -4px;
+}
+
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+ margin-left: -4px;
+ margin-right: -12px;
+}
+
+menu menuitem check,
+menu menuitem radio {
+ transition: none;
+ margin: 0;
+ padding: 0;
+}
+
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+ margin-right: 8px;
+}
+
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+ margin-left: 8px;
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled),
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+menu menuitem check:not(:checked):not(:indeterminate):not(:disabled):hover,
+menu menuitem radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+ color: inherit;
+}
+
+menu menuitem check,
+menu menuitem check:hover,
+menu menuitem check:disabled,
+menu menuitem radio,
+menu menuitem radio:hover,
+menu menuitem radio:disabled {
+ box-shadow: none;
+ color: inherit;
+}
+
+check {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/checkbox-unchecked-symbolic.svg')
+ );
+}
+
+check:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/checkbox-checked-symbolic.svg')
+ );
+}
+
+check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/checkbox-mixed-symbolic.svg')
+ );
+}
+
+radio {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-unchecked-symbolic.svg')
+ );
+}
+
+radio:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-checked-symbolic.svg')
+ );
+}
+
+radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-mixed-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+ min-height: 16px;
+ min-width: 16px;
+ border-radius: 6px;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-checkbox-checked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-checkbox-mixed-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+ min-height: 16px;
+ min-width: 16px;
+ border-image: none;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-radio-unchecked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-radio-checked-symbolic.svg')
+ );
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/small-radio-mixed-symbolic.svg')
+ );
+}
+
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
+}
+
+check:not(:checked),
+radio:not(:checked) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0,
+ background-image 0, -gtk-icon-transform 0;
+}
+
+menu menuitem check:not(:checked),
+menu menuitem radio:not(:checked) {
+ transition: none;
+}
+
+treeview.view check,
+treeview.view radio {
+ padding: 0;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+treeview.view check:hover,
+treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+ color: #e0def4;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+treeview.view check:checked,
+treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+ color: #faf4ed;
+}
+
+treeview.view check:checked:disabled,
+treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+treeview.view check:hover,
+treeview.view check:selected,
+treeview.view radio:hover,
+treeview.view radio:selected {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+treeview.view radio:checked {
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/radio-checked-symbolic.svg')
+ );
+ border-image: none;
+}
+
+/************
+ * GtkScale *
+ ************/
+scale {
+ min-height: 2px;
+ min-width: 2px;
+}
+
+scale.horizontal {
+ padding: 17px 12px;
+}
+
+scale.vertical {
+ padding: 12px 17px;
+}
+
+scale slider {
+ min-height: 18px;
+ min-width: 18px;
+ margin: -8px;
+}
+
+scale.fine-tune.horizontal {
+ min-height: 4px;
+ padding-top: 16px;
+ padding-bottom: 16px;
+}
+
+scale.fine-tune.vertical {
+ min-width: 4px;
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+scale.fine-tune slider {
+ margin: -7px;
+}
+
+scale trough {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+scale trough:disabled {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+scale highlight {
+ transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-image: image(#faf4ed);
+}
+
+scale highlight:disabled {
+ background-color: #191724;
+ background-image: image(rgba(224, 222, 244, 0.3));
+}
+
+scale fill {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+scale fill:disabled {
+ background-color: transparent;
+}
+
+scale slider {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 9999px;
+ color: #faf4ed;
+ background-color: #191724;
+ box-shadow: inset 0 0 0 2px #faf4ed;
+}
+
+scale slider:hover {
+ box-shadow: inset 0 0 0 2px #faf4ed, 0 0 0 8px rgba(224, 222, 244, 0.12);
+}
+
+scale slider:active {
+ box-shadow: inset 0 0 0 4px #faf4ed, 0 0 0 8px rgba(224, 222, 244, 0.12);
+}
+
+scale slider:disabled {
+ box-shadow: inset 0 0 0 2px rgba(224, 222, 244, 0.3);
+}
+
+scale marks,
+scale value {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+scale indicator {
+ background-color: rgba(224, 222, 244, 0.3);
+ color: transparent;
+}
+
+scale.horizontal marks.top {
+ margin-bottom: 7px;
+ margin-top: -15px;
+}
+
+scale.horizontal.fine-tune marks.top {
+ margin-bottom: 6px;
+ margin-top: -14px;
+}
+
+scale.horizontal marks.bottom {
+ margin-top: 7px;
+ margin-bottom: -15px;
+}
+
+scale.horizontal.fine-tune marks.bottom {
+ margin-top: 6px;
+ margin-bottom: -14px;
+}
+
+scale.vertical marks.top {
+ margin-right: 7px;
+ margin-left: -15px;
+}
+
+scale.vertical.fine-tune marks.top {
+ margin-right: 6px;
+ margin-left: -14px;
+}
+
+scale.vertical marks.bottom {
+ margin-left: 7px;
+ margin-right: -15px;
+}
+
+scale.vertical.fine-tune marks.bottom {
+ margin-left: 6px;
+ margin-right: -14px;
+}
+
+scale.horizontal indicator {
+ min-height: 8px;
+ min-width: 1px;
+}
+
+scale.vertical indicator {
+ min-height: 1px;
+ min-width: 8px;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider,
+scale.horizontal.marks-before:not(.marks-after) slider:hover,
+scale.horizontal.marks-before:not(.marks-after) slider:active,
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-dark.png'),
+ url('assets/scale-horz-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-disabled-dark.png'),
+ url('assets/scale-horz-marks-before-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-before-slider-dark.png'),
+ url('assets/scale-horz-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider,
+scale.horizontal.marks-after:not(.marks-before) slider:hover,
+scale.horizontal.marks-after:not(.marks-before) slider:active,
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-dark.png'),
+ url('assets/scale-horz-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-disabled-dark.png'),
+ url('assets/scale-horz-marks-after-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-horz-marks-after-slider-dark.png'),
+ url('assets/scale-horz-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider,
+scale.vertical.marks-before:not(.marks-after) slider:hover,
+scale.vertical.marks-before:not(.marks-after) slider:active,
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-dark.png'),
+ url('assets/scale-vert-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-disabled-dark.png'),
+ url('assets/scale-vert-marks-before-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-before:not(.marks-after) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-before-slider-dark.png'),
+ url('assets/scale-vert-marks-before-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 32px;
+ min-width: 32px;
+ margin: -15px;
+ border-radius: 50%;
+ background-size: auto, 1000% 1000%;
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-color: transparent;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider,
+scale.vertical.marks-after:not(.marks-before) slider:hover,
+scale.vertical.marks-after:not(.marks-before) slider:active,
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ box-shadow: none;
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:focus:hover {
+ background-color: alpha(currentColor, 0.16);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 0ms, background-image 0ms;
+ animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ background-size: auto, 0% 0%;
+ background-color: alpha(currentColor, 0.08);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-dark.png'),
+ url('assets/scale-vert-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-disabled-dark.png'),
+ url('assets/scale-vert-marks-after-slider-disabled-dark@2.png')
+ ),
+ radial-gradient(circle, transparent 10%, transparent 0%);
+}
+
+scale.vertical.marks-after:not(.marks-before) slider:active {
+ background-image: -gtk-scaled(
+ url('assets/scale-vert-marks-after-slider-dark.png'),
+ url('assets/scale-vert-marks-after-slider-dark@2.png')
+ ),
+ radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%);
+}
+
+scale.color {
+ min-height: 0;
+ min-width: 0;
+}
+
+scale.color.horizontal {
+ padding: 0 0 12px 0;
+}
+
+scale.color.horizontal slider:dir(ltr),
+scale.color.horizontal slider:dir(rtl) {
+ margin-bottom: -13.5px;
+ margin-top: 11.5px;
+}
+
+scale.color.vertical:dir(ltr) {
+ padding: 0 0 0 12px;
+}
+
+scale.color.vertical:dir(ltr) slider {
+ margin-left: -13.5px;
+ margin-right: 11.5px;
+}
+
+scale.color.vertical:dir(rtl) {
+ padding: 0 12px 0 0;
+}
+
+scale.color.vertical:dir(rtl) slider {
+ margin-right: -13.5px;
+ margin-left: 11.5px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+progressbar {
+ color: rgba(224, 222, 244, 0.7);
+ font-size: smaller;
+}
+
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+ min-height: 6px;
+}
+
+progressbar.vertical trough,
+progressbar.vertical progress {
+ min-width: 6px;
+}
+
+progressbar trough {
+ border-radius: 6px;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+progressbar progress {
+ border-radius: 6px;
+ background-color: #faf4ed;
+}
+
+progressbar.osd {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: transparent;
+}
+
+progressbar.osd trough {
+ background-color: transparent;
+}
+
+progressbar.osd progress {
+ background-color: #faf4ed;
+}
+
+progressbar trough.empty progress {
+ all: unset;
+}
+
+/*************
+ * Level Bar *
+ *************/
+levelbar.horizontal block {
+ min-height: 6px;
+}
+
+levelbar.horizontal.discrete block {
+ min-width: 36px;
+}
+
+levelbar.horizontal.discrete block:not(:last-child) {
+ margin-right: 2px;
+}
+
+levelbar.vertical block {
+ min-width: 6px;
+}
+
+levelbar.vertical.discrete block {
+ min-height: 36px;
+}
+
+levelbar.vertical.discrete block:not(:last-child) {
+ margin-bottom: 2px;
+}
+
+levelbar trough {
+ border-radius: 6px;
+}
+
+levelbar block.low {
+ background-color: #f6c177;
+}
+
+levelbar block.high,
+levelbar block:not(.empty) {
+ background-color: #faf4ed;
+}
+
+levelbar block.full {
+ background-color: #81c995;
+}
+
+levelbar block.empty {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+ padding: 0;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+ color: #e0def4;
+}
+
+printdialog .dialog-action-box {
+ margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+ margin: 0;
+ padding: 0;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ border-radius: 0;
+ box-shadow: none;
+}
+
+frame > border.view,
+.frame.view {
+ border-radius: 6px;
+}
+
+frame > border.flat,
+.frame.flat {
+ border-style: none;
+}
+
+frame.flat > border,
+statusbar frame > border {
+ border: none;
+}
+
+actionbar > revealer > box {
+ padding: 6px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+ background-clip: border-box;
+}
+
+.background.csd box.vertical > actionbar > revealer > box {
+ border-radius: 0 0 12px 12px;
+}
+
+scrolledwindow viewport.frame {
+ border: none;
+}
+
+stack scrolledwindow.frame viewport.frame list {
+ border: none;
+}
+
+overshoot.top {
+ background-image: -gtk-gradient(
+ radial,
+ center top,
+ 0,
+ center top,
+ 0.75,
+ to(rgba(250, 244, 237, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: center top;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.bottom {
+ background-image: -gtk-gradient(
+ radial,
+ center bottom,
+ 0,
+ center bottom,
+ 0.75,
+ to(rgba(250, 244, 237, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: center bottom;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.left {
+ background-image: -gtk-gradient(
+ radial,
+ left center,
+ 0,
+ left center,
+ 0.75,
+ to(rgba(250, 244, 237, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: left center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+overshoot.right {
+ background-image: -gtk-gradient(
+ radial,
+ right center,
+ 0,
+ right center,
+ 0.75,
+ to(rgba(250, 244, 237, 0.24)),
+ to(transparent)
+ );
+ background-repeat: no-repeat;
+ background-position: right center;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+junction {
+ border-style: solid none none solid;
+ border-width: 1px;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+junction:dir(rtl) {
+ border-style: solid solid none none;
+}
+
+separator {
+ min-width: 1px;
+ min-height: 1px;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+preferences stacksidebar.sidebar list separator,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ separator,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ separator,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ separator,
+.tweak-categories separator,
+placessidebar.sidebar list > separator,
+stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal,
+button.font separator,
+button.file separator {
+ min-width: 0;
+ min-height: 0;
+ background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+list row {
+ padding: 3px;
+}
+
+list.navigation-sidebar {
+ padding: 3px;
+}
+
+.budgie-popover.budgie-menu button.flat:not(.image-button):not(.indicator-item),
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable,
+treeview.view header button,
+row.activatable {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ box-shadow: inset 0 0 0 9999px transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 1000% 1000%;
+}
+
+.budgie-popover.budgie-menu
+ button.flat:focus:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable:focus,
+treeview.view header button:focus,
+row.activatable:focus {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+ button.flat:hover:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable:hover,
+treeview.view header button:hover,
+row.activatable:hover {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+.budgie-popover.budgie-menu
+ button.has-open-popup.flat:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.has-open-popup.activatable,
+treeview.view header button.has-open-popup,
+.budgie-popover.budgie-menu
+ button.flat:active:not(.image-button):not(.indicator-item),
+.budgie-popover
+ scrolledwindow.sidebar:not(.categories)
+ list
+ > row.activatable:active,
+treeview.view header button:active,
+row.activatable.has-open-popup,
+row.activatable:active {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(currentColor, 0.12) 10%,
+ transparent 0%
+ );
+ background-size: 0% 0%;
+}
+
+row:selected {
+ color: inherit;
+}
+
+row:selected image,
+row:selected label {
+ color: #e0def4;
+}
+
+row:selected button image,
+row:selected button label {
+ color: inherit;
+}
+
+row:selected:disabled image,
+row:selected:disabled label {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+ margin: 8px;
+}
+
+.app-notification button.text-button:not(:disabled) {
+ color: #faf4ed;
+}
+
+.app-notification.frame,
+.app-notification border {
+ border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-width: 16px;
+ min-height: 16px;
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtk-icon-transform: rotate(-90deg);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+ -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover,
+expander title > arrow:active {
+ color: #e0def4;
+}
+
+expander title > arrow:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+ padding: 3px 6px;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ color: #e0def4;
+}
+
+calendar:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+calendar:selected {
+ border-radius: 6px;
+}
+
+calendar.header {
+ border-style: none none solid;
+ border-color: rgba(224, 222, 244, 0.12);
+ border-radius: 0;
+}
+
+calendar.button {
+ border-radius: 6px;
+}
+
+calendar.highlight {
+ color: rgba(224, 222, 244, 0.7);
+ font-weight: 500;
+}
+
+calendar:indeterminate {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+ background-color: #1f1d2e;
+}
+
+messagedialog .titlebar {
+ min-height: 24px;
+ border-style: none;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+ color: #e0def4;
+}
+
+messagedialog .titlebar:backdrop {
+ background-color: #1f1d2e;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+messagedialog checkbutton.text-button {
+ padding: 2px 12px 2px 24px;
+}
+
+messagedialog checkbutton.text-button > check {
+ margin-left: 0;
+}
+
+messagedialog.csd.background {
+ border-bottom-left-radius: 12px;
+ border-bottom-right-radius: 12px;
+}
+
+messagedialog.csd .dialog-action-box {
+ margin-top: -6px;
+}
+
+messagedialog.csd .dialog-action-box button,
+messagedialog.csd .dialog-action-box button:first-child,
+messagedialog.csd .dialog-action-box button:last-child {
+ border-radius: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:last-child) {
+ margin-right: 6px;
+}
+
+messagedialog.csd .dialog-action-box button:not(:disabled) {
+ color: #faf4ed;
+}
+
+messagedialog.csd .dialog-action-box button.suggested-action:not(:disabled) {
+ color: #faf4ed;
+}
+
+messagedialog.csd .dialog-action-box button.destructive-action:not(:disabled) {
+ color: #eb6f92;
+}
+
+.csd filechooser {
+ background-color: #191724;
+ border-radius: 0 0 12px 12px;
+}
+
+filechooser .dialog-action-box {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+filechooser #pathbarbox {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+filechooser stack.view {
+ background-color: transparent;
+ padding: 0;
+}
+
+filechooser stack.view scrolledwindow {
+ background-color: transparent;
+ border-radius: 0 0 12px 0;
+}
+
+filechooser stack.view scrolledwindow list {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview {
+ background-color: transparent;
+}
+
+filechooser stack.view > placesview > actionbar,
+filechooser stack.view > placesview > actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser stack.view frame > border {
+ border: none;
+}
+
+.csd filechooser placessidebar {
+ background: none;
+ border-bottom-left-radius: 12px;
+}
+
+filechooser actionbar,
+filechooser actionbar > revealer > box {
+ background-color: transparent;
+}
+
+filechooser revealer box button label {
+ padding-left: 10px;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar:dir(ltr) list,
+stacksidebar.sidebar.left list,
+stacksidebar.sidebar.left:dir(rtl) list,
+.sidebar:not(separator):dir(ltr),
+.sidebar.left:not(separator) {
+ border-right: 1px solid rgba(224, 222, 244, 0.12);
+ border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list,
+stacksidebar.sidebar.right list,
+.sidebar:not(separator):dir(rtl),
+.sidebar.right:not(separator) {
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
+ border-right-style: none;
+}
+
+.sidebar list {
+ background-color: transparent;
+}
+
+paned .sidebar.left,
+paned .sidebar.right,
+paned .sidebar.left:dir(rtl),
+paned .sidebar:dir(rtl),
+paned .sidebar:dir(ltr),
+paned .sidebar {
+ border-style: none;
+}
+
+stacksidebar.sidebar list {
+ padding: 3px;
+ background-color: #191724;
+}
+
+stacksidebar.sidebar row {
+ min-height: 32px;
+ padding: 0 3px;
+ border-radius: 6px;
+}
+
+stacksidebar.sidebar row:selected {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: 500;
+}
+
+stacksidebar.sidebar row:selected label,
+stacksidebar.sidebar row:selected image {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stacksidebar.sidebar row + row {
+ margin-top: 3px;
+}
+
+stacksidebar.sidebar row > label {
+ padding-left: 6px;
+ padding-right: 6px;
+ color: inherit;
+}
+
+separator.sidebar {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+row image.sidebar-icon:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+ border-style: none;
+}
+
+placessidebar.sidebar list {
+ padding: 6px;
+}
+
+placessidebar.sidebar row {
+ min-height: 32px;
+ margin: 0;
+ padding: 0;
+ border-radius: 6px;
+}
+
+placessidebar.sidebar row > revealer {
+ padding: 0 8px 0 16px;
+}
+
+placessidebar.sidebar row:selected {
+ background-color: #faf4ed;
+ font-weight: 500;
+}
+
+placessidebar.sidebar row:selected,
+placessidebar.sidebar row:selected image.sidebar-icon,
+placessidebar.sidebar row:selected button.sidebar-button {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+placessidebar.sidebar row:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+ padding-right: 8px;
+}
+
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+ padding-left: 8px;
+}
+
+placessidebar.sidebar row label.sidebar-label {
+ color: inherit;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+ padding-right: 2px;
+}
+
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+ padding-left: 2px;
+}
+
+placessidebar.sidebar row.sidebar-placeholder-row {
+ background-color: alpha(currentColor, 0.08);
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+ color: #faf4ed;
+}
+
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+ color: #faf4ed;
+}
+
+placessidebar.sidebar row:drop(active) {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms,
+ background-size 300ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+placesview .server-list-button > image {
+ -gtk-icon-transform: rotate(0turn);
+}
+
+placesview .server-list-button:checked > image {
+ -gtk-icon-transform: rotate(-0.5turn);
+}
+
+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(rgba(224, 222, 244, 0.12));
+ background-size: 1px 1px;
+ background-clip: content-box;
+}
+
+paned > separator.wide {
+ min-width: 6px;
+ min-height: 6px;
+ background-color: #191724;
+ background-image: image(rgba(224, 222, 244, 0.12)),
+ image(rgba(224, 222, 244, 0.12));
+ background-size: 1px 1px, 1px 1px;
+}
+
+paned.horizontal > separator {
+ background-repeat: repeat-y;
+}
+
+paned.horizontal > separator:dir(ltr) {
+ margin: 0 -8px 0 0;
+ padding: 0 8px 0 0;
+ background-position: left;
+}
+
+paned.horizontal > separator:dir(rtl) {
+ margin: 0 0 0 -8px;
+ padding: 0 0 0 8px;
+ background-position: right;
+}
+
+paned.horizontal > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
+}
+
+paned.vertical > separator {
+ margin: 0 0 -8px 0;
+ padding: 0 0 8px 0;
+ background-repeat: repeat-x;
+ background-position: top;
+}
+
+paned.vertical > separator.wide {
+ margin: 0;
+ padding: 0;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+infobar {
+ border: none;
+ margin-bottom: 0;
+}
+
+infobar.info > revealer > box,
+infobar.info:hover > revealer > box,
+infobar.info:backdrop > revealer > box {
+ background-color: #191724;
+}
+
+infobar.info > revealer > box button,
+infobar.info > revealer > box button.text-button:not(:disabled),
+infobar.info:hover > revealer > box button,
+infobar.info:hover > revealer > box button.text-button:not(:disabled),
+infobar.info:backdrop > revealer > box button,
+infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: #faf4ed;
+}
+
+infobar.action > revealer > box,
+infobar.action:backdrop > revealer > box,
+infobar.question > revealer > box,
+infobar.question:backdrop > revealer > box {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ border-radius: 12px 12px 0 0;
+}
+
+infobar.action > revealer > box button,
+infobar.action > revealer > box button:hover,
+infobar.action > revealer > box button:focus,
+infobar.action > revealer > box button:active,
+infobar.action > revealer > box button:checked,
+infobar.action > revealer > box button.text-button:not(:disabled),
+infobar.action:backdrop > revealer > box button,
+infobar.action:backdrop > revealer > box button:hover,
+infobar.action:backdrop > revealer > box button:focus,
+infobar.action:backdrop > revealer > box button:active,
+infobar.action:backdrop > revealer > box button:checked,
+infobar.action:backdrop > revealer > box button.text-button:not(:disabled),
+infobar.question > revealer > box button,
+infobar.question > revealer > box button:hover,
+infobar.question > revealer > box button:focus,
+infobar.question > revealer > box button:active,
+infobar.question > revealer > box button:checked,
+infobar.question > revealer > box button.text-button:not(:disabled),
+infobar.question:backdrop > revealer > box button,
+infobar.question:backdrop > revealer > box button:hover,
+infobar.question:backdrop > revealer > box button:focus,
+infobar.question:backdrop > revealer > box button:active,
+infobar.question:backdrop > revealer > box button:checked,
+infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action > revealer > box *:link,
+infobar.action:backdrop > revealer > box *:link,
+infobar.question > revealer > box *:link,
+infobar.question:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.action:hover > revealer > box,
+infobar.question:hover > revealer > box {
+ background-color: #e0def4;
+ border-radius: 12px 12px 0 0;
+}
+
+infobar.warning > revealer > box,
+infobar.warning:backdrop > revealer > box {
+ background-color: #f6c177;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box button,
+infobar.warning > revealer > box button:hover,
+infobar.warning > revealer > box button:focus,
+infobar.warning > revealer > box button:active,
+infobar.warning > revealer > box button:checked,
+infobar.warning > revealer > box button.text-button:not(:disabled),
+infobar.warning:backdrop > revealer > box button,
+infobar.warning:backdrop > revealer > box button:hover,
+infobar.warning:backdrop > revealer > box button:focus,
+infobar.warning:backdrop > revealer > box button:active,
+infobar.warning:backdrop > revealer > box button:checked,
+infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning > revealer > box *:link,
+infobar.warning:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.warning:hover > revealer > box {
+ background-color: #fdd11a;
+}
+
+infobar.error > revealer > box,
+infobar.error:backdrop > revealer > box {
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box button,
+infobar.error > revealer > box button:hover,
+infobar.error > revealer > box button:focus,
+infobar.error > revealer > box button:active,
+infobar.error > revealer > box button:checked,
+infobar.error > revealer > box button.text-button:not(:disabled),
+infobar.error:backdrop > revealer > box button,
+infobar.error:backdrop > revealer > box button:hover,
+infobar.error:backdrop > revealer > box button:focus,
+infobar.error:backdrop > revealer > box button:active,
+infobar.error:backdrop > revealer > box button:checked,
+infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error > revealer > box *:link,
+infobar.error:backdrop > revealer > box *:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+infobar.error:hover > revealer > box {
+ background-color: #f0766b;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+ border-radius: 3px;
+ box-shadow: none;
+}
+
+tooltip.background {
+ background-color: rgba(33, 32, 46, 0.9);
+ color: #e0def4;
+}
+
+tooltip.background.csd {
+ border-radius: 6px;
+}
+
+tooltip decoration {
+ background-color: transparent;
+}
+
+tooltip > box {
+ margin: -6px;
+ min-height: 24px;
+ padding: 4px 8px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.top overlay {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+colorswatch.bottom {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.bottom overlay {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.left,
+colorswatch:first-child:not(.top) {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.left overlay,
+colorswatch:first-child:not(.top) overlay {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+}
+
+colorswatch.right,
+colorswatch:last-child:not(.bottom) {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.right overlay,
+colorswatch:last-child:not(.bottom) overlay {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+colorswatch.dark {
+ color: #e0def4;
+}
+
+colorswatch.light {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+colorswatch overlay {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+colorswatch overlay:hover {
+ box-shadow: 0 0 0 2px #faf4ed;
+}
+
+colorswatch#add-color-button {
+ border-radius: 6px 6px 0 0;
+}
+
+colorswatch#add-color-button:only-child {
+ border-radius: 6px;
+}
+
+colorswatch#add-color-button overlay {
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+colorswatch#add-color-button overlay:hover {
+ background-color: rgba(224, 222, 244, 0.12);
+ box-shadow: none;
+}
+
+colorswatch#add-color-button overlay:active {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+colorswatch:disabled {
+ opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+ box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+ border-radius: 12px;
+}
+
+colorswatch#editor-color-sample overlay {
+ border-radius: 12px;
+}
+
+colorchooser .popover.osd {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+colorchooser .popover.osd:backdrop {
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+ background-color: #191724;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+ transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 12px;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+ 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+ margin: 8px;
+}
+
+.csd decoration {
+ border: 1px solid rgba(224, 222, 244, 0.2);
+ background-color: #191724;
+ background-clip: border-box;
+}
+
+decoration:backdrop {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+.maximized decoration,
+.fullscreen decoration,
+.tiled decoration,
+.tiled-top decoration,
+.tiled-right decoration,
+.tiled-bottom decoration,
+.tiled-left decoration {
+ border-radius: 0;
+}
+
+.popup decoration {
+ box-shadow: none;
+}
+
+.ssd decoration {
+ border: none;
+ border-radius: 12px 12px 0 0;
+ background-color: #191724;
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+.metacity decoration {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: none;
+}
+
+.csd.popup decoration {
+ border-radius: 12px;
+ border: 1px solid rgba(224, 222, 244, 0.2);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+ 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+ 0 0 0 1px rgba(0, 0, 0, 0.75);
+}
+
+tooltip.csd decoration {
+ border-radius: 12px;
+ box-shadow: none;
+ border: none;
+}
+
+messagedialog.csd decoration {
+ border-radius: 12px;
+ border: 1px solid rgba(224, 222, 244, 0.2);
+ background-color: #26233a;
+ background-clip: border-box;
+}
+
+.solid-csd decoration {
+ margin: 0;
+ padding: 2px;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: #191724;
+ border: 1px solid rgba(224, 222, 244, 0.2);
+}
+
+.solid-csd decoration:backdrop {
+ background-color: #191724;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action) {
+ min-height: 12px;
+ min-width: 12px;
+ padding: 0;
+ margin: 0 2px;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close {
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
+ background-color: #f6c177;
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:active {
+ background-color: shade(#f6c177, 0.5);
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
+ background-color: #31748f;
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active {
+ background-color: shade(#31748f, 0.5);
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop:active {
+ background-color: #eb6f92;
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:hover,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:active {
+ background-color: shade(#eb6f92, 0.5);
+ color: transparent;
+}
+
+button.titlebutton:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+button.titlebutton:not(.suggested-action):not(.destructive-action).close:backdrop {
+ background-color: #575279;
+ color: transparent;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+ color: #faf4ed;
+ -gtk-icon-source: -gtk-recolor(
+ url('assets/scalable/cursor-handle-symbolic.svg')
+ );
+}
+
+cursor-handle.top:dir(ltr),
+cursor-handle.bottom:dir(rtl) {
+ -gtk-icon-transform: rotate(90deg);
+}
+
+cursor-handle.bottom:dir(ltr),
+cursor-handle.top:dir(rtl) {
+ -gtk-icon-transform: unset;
+}
+
+cursor-handle.insertion-cursor:dir(ltr),
+cursor-handle.insertion-cursor:dir(rtl) {
+ padding-top: 6px;
+ -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+ font: initial;
+}
+
+.keycap {
+ min-width: 12px;
+ min-height: 26px;
+ margin-top: 2px;
+ padding-bottom: 2px;
+ padding-left: 8px;
+ padding-right: 8px;
+ border: solid 1px rgba(224, 222, 244, 0.12);
+ border-radius: 7px;
+ box-shadow: inset 0 -2px rgba(224, 222, 244, 0.12);
+ background-color: #1f1d2e;
+ color: #e0def4;
+ font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+ caret-color: #faf4ed;
+}
+
+stackswitcher {
+ min-height: 0;
+ border-radius: 9999px;
+ padding: 2px;
+ margin: 6px 0;
+ background-color: alpha(currentColor, 0.05);
+ border: 1px solid #26233a;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ margin: 0 0;
+ border-radius: 9999px;
+ background-color: transparent;
+ min-height: 20px;
+ padding: 5px 10px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 100px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):focus:not(:hover) {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):active {
+ box-shadow: inset 0 0 0 9999px alpha(#faf4ed, 0.08);
+ background-image: radial-gradient(
+ circle,
+ alpha(#faf4ed, 0.08) 10%,
+ transparent 0%
+ );
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):checked {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stackswitcher button.text-button {
+ min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+ min-width: 36px;
+ min-height: 36px;
+ padding: 0;
+}
+
+/*************
+ * App Icons *
+ *************/
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+ padding: 0;
+}
+
+popover.emoji-picker entry {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+popover.emoji-picker scrolledwindow {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+button.emoji-section {
+ margin: 4px;
+}
+
+button.emoji-section:checked {
+ color: #faf4ed;
+}
+
+button.emoji-section:not(:last-child) {
+ margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+ min-width: 3em;
+ min-height: 3em;
+ padding: 0 8px;
+}
+
+popover.emoji-picker .emoji widget {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ border-radius: 6px;
+}
+
+popover.emoji-picker .emoji widget:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+popover.emoji-completion {
+ padding: 8px 0;
+}
+
+popover.emoji-completion arrow {
+ border: none;
+ background: none;
+}
+
+popover.emoji-completion .emoji-completion-row {
+ min-height: 28px;
+ padding: 0 12px;
+}
+
+popover.emoji-completion .emoji:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window.background.csd.unified headerbar {
+ box-shadow: none;
+}
+
+.nautilus-window.background.csd {
+ background-color: #191724;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd headerbar {
+ padding-left: 12px;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+}
+
+.nautilus-window.background.csd
+ > grid.horizontal
+ > paned.horizontal
+ > separator,
+.nautilus-window.background.csd
+ > deck
+ > box.vertical
+ > paned.horizontal
+ > separator {
+ margin-left: 0;
+}
+
+.nautilus-window.background.csd placessidebar {
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame {
+ background-color: #191724;
+ color: #faf4ed;
+ margin: 0 0 6px 6px;
+ border-radius: 0 12px 12px 0;
+}
+
+.nautilus-window.background.csd placessidebar > viewport.frame > list {
+ background: none;
+ padding: 0 0 0 4px;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable {
+ border-radius: 6px;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable
+ image.sidebar-icon,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable
+ label.sidebar-label,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable
+ button.sidebar-button {
+ color: #faf4ed;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:hover {
+ background-color: #26233a;
+ color: #faf4ed;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected {
+ background-color: #26233a;
+ font-weight: 700;
+ border-left: 3px solid #eb6f92;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ image.sidebar-icon,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ label.sidebar-label,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ button.sidebar-button {
+ color: #9ccfd8;
+}
+
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:disabled,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:disabled
+ image.sidebar-icon,
+.nautilus-window.background.csd
+ placessidebar
+ > viewport.frame
+ > list
+ > row.activatable:disabled
+ label.sidebar-label {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.nautilus-window.background.csd placessidebar scrollbar {
+ background: none;
+ border: none;
+}
+
+.nautilus-window.background.csd paned > separator {
+ background: none;
+}
+
+.nautilus-window.background.csd paned > separator.wide {
+ min-width: 0;
+ min-height: 0;
+ background: none;
+}
+
+.nautilus-window.background.csd .nautilus-list-view {
+ background-color: transparent;
+ border-radius: 12px;
+}
+
+.nautilus-window.background.csd notebook {
+ background: none;
+}
+
+.nautilus-window.background.csd notebook > stack {
+ background-color: #26233a;
+ border-radius: 12px;
+ border: 1px solid rgba(65, 72, 104, 0.2);
+ margin: 0 6px 6px;
+}
+
+.nautilus-window.background.csd
+ notebook
+ scrolledwindow
+ > .view:not(:selected):not(:hover):not(:checked) {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook scrolledwindow .view:selected {
+ background-color: rgba(224, 222, 244, 0.20);
+}
+
+.nautilus-window.background.csd
+ notebook
+ placesview
+ > stack
+ > frame
+ > scrolledwindow
+ > viewport
+ > list {
+ background-color: transparent;
+}
+
+.nautilus-window.background.csd notebook placesview > actionbar {
+ background-color: transparent;
+ border-radius: 0 0 12px 12px;
+}
+
+.nautilus-window.background.csd
+ notebook
+ placesview
+ > actionbar
+ > revealer
+ > box {
+ background-color: transparent;
+}
+
+.nautilus-window.maximized,
+.nautilus-window.maximized placessidebar {
+ border-radius: 0;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item,
+.caja-desktop.caja-canvas-item,
+.nautilus-desktop.nautilus-canvas-item {
+ color: #e0def4;
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+ to {
+ background-color: alpha(currentColor, 0.08);
+ }
+}
+
+.nautilus-operations-button-needs-attention {
+ animation: nautilus-operations-button-needs-attention 300ms
+ cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+ animation: nautilus-operations-button-needs-attention 300ms
+ cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.path-bar-box {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 6px 0;
+ border-radius: 6px;
+}
+
+.path-bar-box button {
+ margin: 0;
+}
+
+.path-bar-box.width-maximized {
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.path-bar-box.background.frame {
+ border-style: none;
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action) {
+ padding-left: 12px;
+ padding-right: 12px;
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action)
+ label:not(:only-child):first-child {
+ margin-left: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action)
+ label:not(:only-child):last-child {
+ margin-right: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button.text-button:not(.suggested-action):not(.destructive-action) {
+ min-width: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button.text-button.image-button:not(.suggested-action):not(.destructive-action)
+ image:not(:only-child) {
+ margin: 0;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr),
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) {
+ color: #9ccfd8;
+ background-color: #26233a;
+}
+
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled,
+.path-bar-box
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled {
+ color: #9ccfd8;
+ background-color: #26233a;
+}
+
+.windowhandle .linked.nautilus-path-bar {
+ background-color: #26233a;
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+.windowhandle
+ .linked.nautilus-path-bar
+ button:not(.suggested-action):not(.destructive-action) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.windowhandle
+ .linked.nautilus-path-bar
+ button.current-dir:not(.suggested-action):not(.destructive-action) {
+ color: #9ccfd8;
+}
+
+.windowhandle
+ .linked.nautilus-path-bar
+ button.current-dir:not(.suggested-action):not(.destructive-action):hover,
+.windowhandle
+ .linked.nautilus-path-bar
+ button.current-dir:not(.suggested-action):not(.destructive-action):active {
+ background: none;
+ box-shadow: none;
+}
+
+.disk-space-display.unknown {
+ background-color: rgba(224, 222, 244, 0.3);
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.disk-space-display.used {
+ background-color: #faf4ed;
+ color: #faf4ed;
+}
+
+.disk-space-display.free {
+ background-color: rgba(224, 222, 244, 0.12);
+ color: rgba(224, 222, 244, 0.12);
+}
+
+.search-information {
+ padding: 2px;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+ color: #e0def4;
+}
+
+.conflict-row:not(:selected) {
+ background-color: #6b5f2e;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+ padding: 4px;
+ border-radius: 6px;
+}
+
+.nautilus-window flowboxchild:selected {
+ background-color: transparent;
+}
+
+.nautilus-window notebook .view:not(treeview) {
+ border-radius: 6px;
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > scrolledwindow.frame {
+ border-style: none;
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > box.horizontal:last-child {
+ margin: -6px 0 0 -6px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > box.horizontal:last-child
+ > label {
+ margin: 0 8px;
+}
+
+dialog.background
+ > box.dialog-vbox.vertical
+ > grid.horizontal
+ > box.horizontal:last-child
+ > box
+ > button {
+ border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+ padding: 3px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+ margin-top: -6px;
+}
+
+.nautilus-window
+ > popover.menu:not(:last-child)
+ > stack
+ > box
+ > box
+ > box
+ > box {
+ margin-bottom: -6px;
+}
+
+.nautilus-window
+ > popover.menu:not(:last-child)
+ > stack
+ > box
+ > box
+ > box
+ > box.linked {
+ margin-top: 1px;
+}
+
+.nautilus-window > popover.menu:not(:last-child) separator {
+ margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+ margin: 1px 3px;
+ font-weight: 500;
+}
+
+.nautilus-menu-sort-heading:disabled {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nautilus-window paned > separator {
+ background-color: #26233a;
+}
+
+/*********
+ * gedit *
+ *********/
+window.org-gnome-gedit > paned.titlebar > separator {
+ background-color: transparent;
+}
+
+window.org-gnome-gedit
+ > overlay
+ > box.vertical
+ > paned.gedit-side-panel-paned
+ > box.vertical
+ > stack
+ > grid.horizontal
+ > box.horizontal {
+ margin: 4px 0;
+}
+
+window.org-gnome-gedit
+ > overlay
+ > box.vertical
+ > paned.gedit-side-panel-paned
+ > box.vertical
+ > stack
+ > grid.horizontal
+ > scrolledwindow {
+ border-bottom-left-radius: 12px;
+}
+
+window.org-gnome-gedit
+ > overlay
+ > box.vertical
+ > paned.gedit-side-panel-paned
+ stack
+ scrolledwindow
+ viewport.frame
+ list.gedit-document-panel {
+ background: none;
+}
+
+.open-document-selector-path-label {
+ color: rgba(224, 222, 244, 0.7);
+ font-size: smaller;
+}
+
+.open-document-selector-match {
+ background-color: #f6c177;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-document-panel {
+ background-color: #26233a;
+}
+
+.gedit-document-panel row button.flat {
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.gedit-side-panel-paned statusbar {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+ border-radius: 0 0 12px 12px;
+}
+
+.gedit-search-slider {
+ margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry {
+ border-radius: 6px;
+}
+
+.gedit-search-slider
+ .linked:not(.vertical)
+ > entry
+ .gedit-search-entry-occurrences-tag {
+ all: unset;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+ margin-right: -66px;
+ padding-right: 66px;
+}
+
+.gedit-search-slider
+ .linked:not(.vertical)
+ > entry:dir(ltr)
+ .gedit-search-entry-occurrences-tag {
+ margin-left: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+ margin-right: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+ margin-left: -66px;
+ padding-left: 66px;
+}
+
+.gedit-search-slider
+ .linked:not(.vertical)
+ > entry:dir(rtl)
+ .gedit-search-entry-occurrences-tag {
+ margin-right: 6px;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+ margin-left: 0;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+ background-color: #1f1d2e;
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover,
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+ color: rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider .linked > button {
+ border: solid 6px transparent;
+ border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr),
+.gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+ margin-left: -3px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl),
+.gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
+ margin-right: -3px;
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+ border-style: none none none solid;
+}
+
+frame.gedit-map-frame > border:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/**********
+ * Tweaks *
+ **********/
+window.background.csd stack stack stack frame > list,
+window.background.csd > stack > stack > box > frame > list,
+window.background.csd > stack > stack > box > box > frame > list,
+window.background.csd > stack > box > stack > box > frame > list,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > scrolledwindow
+ > viewport
+ frame
+ > list,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > box
+ > scrolledwindow
+ > viewport
+ > frame
+ > list,
+window.background.csd
+ > stack
+ > grid
+ > scrolledwindow
+ > viewport
+ > box
+ > frame
+ > list,
+window.background.csd > stack > list,
+window.background.csd > stack > scrolledwindow > viewport > box > list,
+window.background.csd > box > stack > scrolledwindow > viewport > box > list,
+preferencesgroup list,
+.geary-accounts-editor-pane list,
+window.background.csd.unified > deck > deck > deck list,
+hdyleaflet list.view,
+hdyleaflet list.frame,
+leaflet list.view,
+leaflet list.frame,
+box.horizontal > stack.background list.view,
+box.horizontal > stack.background list.frame,
+hdyleaflet frame.view,
+leaflet frame.view,
+box.horizontal > stack.background frame.view,
+hdyleaflet stack.background scrolledwindow > viewport list,
+hdyleaflet overlay scrolledwindow > viewport list,
+leaflet stack.background scrolledwindow > viewport list,
+leaflet overlay scrolledwindow > viewport list,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list,
+box.horizontal > stack.background overlay scrolledwindow > viewport list,
+hdyleaflet frame:not(.view) list:not(.contacts-contact-list),
+leaflet frame:not(.view) list:not(.contacts-contact-list),
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list),
+list.tweak-group list,
+.tweak-group-startup,
+list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+window.background.csd
+ stack
+ stack
+ stack
+ frame
+ > list
+ row.activatable:first-child,
+window.background.csd > stack > list row.activatable:first-child,
+preferencesgroup list row.activatable:first-child,
+.geary-accounts-editor-pane list row.activatable:first-child,
+window.background.csd.unified
+ > deck
+ > deck
+ > deck
+ list
+ row.activatable:first-child,
+hdyleaflet list.view row.activatable:first-child,
+hdyleaflet list.frame row.activatable:first-child,
+leaflet list.view row.activatable:first-child,
+leaflet list.frame row.activatable:first-child,
+box.horizontal > stack.background list.view row.activatable:first-child,
+box.horizontal > stack.background list.frame row.activatable:first-child,
+hdyleaflet frame.view list row.activatable:first-child,
+leaflet frame.view list row.activatable:first-child,
+box.horizontal > stack.background frame.view list row.activatable:first-child,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+leaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:first-child,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:first-child,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:first-child,
+leaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:first-child,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:first-child,
+list.tweak-group list row.activatable:first-child,
+.tweak-group-startup row.activatable:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:last-child,
+window.background.csd > stack > list row.activatable:last-child,
+preferencesgroup list row.activatable:last-child,
+.geary-accounts-editor-pane list row.activatable:last-child,
+window.background.csd.unified
+ > deck
+ > deck
+ > deck
+ list
+ row.activatable:last-child,
+hdyleaflet list.view row.activatable:last-child,
+hdyleaflet list.frame row.activatable:last-child,
+leaflet list.view row.activatable:last-child,
+leaflet list.frame row.activatable:last-child,
+box.horizontal > stack.background list.view row.activatable:last-child,
+box.horizontal > stack.background list.frame row.activatable:last-child,
+hdyleaflet frame.view list row.activatable:last-child,
+leaflet frame.view list row.activatable:last-child,
+box.horizontal > stack.background frame.view list row.activatable:last-child,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+leaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:last-child,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:last-child,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:last-child,
+leaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:last-child,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:last-child,
+list.tweak-group list row.activatable:last-child,
+.tweak-group-startup row.activatable:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:only-child,
+window.background.csd > stack > list row.activatable:only-child,
+preferencesgroup list row.activatable:only-child,
+.geary-accounts-editor-pane list row.activatable:only-child,
+window.background.csd.unified
+ > deck
+ > deck
+ > deck
+ list
+ row.activatable:only-child,
+hdyleaflet list.view row.activatable:only-child,
+hdyleaflet list.frame row.activatable:only-child,
+leaflet list.view row.activatable:only-child,
+leaflet list.frame row.activatable:only-child,
+box.horizontal > stack.background list.view row.activatable:only-child,
+box.horizontal > stack.background list.frame row.activatable:only-child,
+hdyleaflet frame.view list row.activatable:only-child,
+leaflet frame.view list row.activatable:only-child,
+box.horizontal > stack.background frame.view list row.activatable:only-child,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+leaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+leaflet overlay scrolledwindow > viewport list row.activatable:only-child,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:only-child,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:only-child,
+leaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:only-child,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:only-child,
+list.tweak-group list row.activatable:only-child,
+.tweak-group-startup row.activatable:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+window.background.csd stack stack stack frame > list row.activatable:focus,
+window.background.csd > stack > list row.activatable:focus,
+preferencesgroup list row.activatable:focus,
+.geary-accounts-editor-pane list row.activatable:focus,
+window.background.csd.unified > deck > deck > deck list row.activatable:focus,
+hdyleaflet list.view row.activatable:focus,
+hdyleaflet list.frame row.activatable:focus,
+leaflet list.view row.activatable:focus,
+leaflet list.frame row.activatable:focus,
+box.horizontal > stack.background list.view row.activatable:focus,
+box.horizontal > stack.background list.frame row.activatable:focus,
+hdyleaflet frame.view list row.activatable:focus,
+leaflet frame.view list row.activatable:focus,
+box.horizontal > stack.background frame.view list row.activatable:focus,
+hdyleaflet
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:focus,
+hdyleaflet overlay scrolledwindow > viewport list row.activatable:focus,
+leaflet stack.background scrolledwindow > viewport list row.activatable:focus,
+leaflet overlay scrolledwindow > viewport list row.activatable:focus,
+box.horizontal
+ > stack.background
+ stack.background
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:focus,
+box.horizontal
+ > stack.background
+ overlay
+ scrolledwindow
+ > viewport
+ list
+ row.activatable:focus,
+hdyleaflet
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:focus,
+leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:focus,
+box.horizontal
+ > stack.background
+ frame:not(.view)
+ list:not(.contacts-contact-list)
+ row.activatable:focus,
+list.tweak-group list row.activatable:focus,
+.tweak-group-startup row.activatable:focus,
+list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+}
+
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable,
+list.navigation-sidebar > row {
+ border-radius: 6px;
+ margin: 1px 3px;
+}
+
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+list.navigation-sidebar > row:selected {
+ background-color: #1f1d2e;
+}
+
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected,
+list.navigation-sidebar > row:selected,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected
+ image,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ image,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ image,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ image,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ image,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ image,
+list.navigation-sidebar > row:selected image,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list
+ > row.activatable:selected
+ label,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ label,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ > row.activatable:selected
+ label,
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ label,
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ label,
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group)
+ row.activatable:selected
+ label,
+list.navigation-sidebar > row:selected label {
+ color: #9ccfd8;
+ font-weight: 500;
+}
+
+.csd .tweak-categories {
+ border-bottom-left-radius: 12px;
+}
+
+.csd.maximized .tweak-categories,
+.csd.tiled .tweak-categories {
+ border-bottom-left-radius: 0;
+}
+
+.tweak {
+ padding: 3px;
+}
+
+.tweak.title:hover {
+ box-shadow: none;
+}
+
+.tweak-group-#e0def4,
+.tweak-#e0def4,
+.tweak-#e0def4:hover {
+ background-image: image(#191724);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+ background-image: image(#191724);
+}
+
+.tweak-group-startup {
+ background-image: image(#191724);
+}
+
+.tweak-group-startup row.tweak-startup {
+ border-radius: 6px;
+ background-color: transparent;
+ background-image: none;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+ margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+ background-color: inherit;
+ box-shadow: inherit;
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+ background-color: inherit;
+ background-image: image(rgba(224, 222, 244, 0.12));
+}
+
+/************************
+ * Gnome Control Center *
+ ************************/
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 12px;
+}
+
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 12px;
+}
+
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:only-child,
+window.background.csd
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:only-child,
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:only-child,
+window.background.csd
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:only-child {
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+}
+
+window.background.csd > stack:not(.titlebar) > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+window.background.csd > leaflet > stack.background,
+window.background.csd > hdyleaflet > stack.background,
+window.background.csd > box.horizontal > stack.background {
+ background: none;
+}
+
+window.background.csd
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame {
+ background-color: #191724;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ > box.vertical.view,
+window.background.csd
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ > box.vertical.view,
+window.background.csd
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ > box.vertical.view {
+ background: none;
+}
+
+window.background.csd > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd > box.horizontal > box.vertical > scrolledwindow.view {
+ background-color: #191724;
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+ > leaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack,
+window.background.csd
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack,
+window.background.csd
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack {
+ background-color: transparent;
+}
+
+window.background.csd
+ > leaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list,
+window.background.csd
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list,
+window.background.csd
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list {
+ background-color: transparent;
+}
+
+window.background.csd
+ > leaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list
+ row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list
+ row.activatable:not(:hover):not(:active):not(:selected),
+window.background.csd
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view
+ > viewport.frame
+ > stack
+ list
+ row.activatable:not(:hover):not(:active):not(:selected) {
+ background-color: transparent;
+}
+
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:not(:only-child) {
+ border-top-left-radius: 0;
+}
+
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:not(:only-child),
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:not(:only-child) {
+ border-top-right-radius: 0;
+}
+
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:only-child,
+window.background.csd.maximized
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:only-child,
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:only-child,
+window.background.csd.maximized
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:first-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > leaflet
+ > headerbar:last-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:first-child:only-child,
+window.background.csd.tiled
+ > headerbar.titlebar
+ > hdyleaflet
+ > headerbar:last-child:only-child {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+window.background.csd.maximized > stack:not(.titlebar) > stack.background,
+window.background.csd.tiled > stack:not(.titlebar) > stack.background {
+ border-radius: 0;
+}
+
+window.background.csd.maximized
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.maximized
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.maximized
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.tiled
+ > leaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.tiled
+ > hdyleaflet
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame,
+window.background.csd.tiled
+ > box.horizontal
+ > stack.background
+ > widget
+ > box.vertical
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame {
+ border-bottom-right-radius: 0;
+}
+
+window.background.csd.maximized > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.maximized
+ > hdyleaflet
+ > box.vertical
+ > scrolledwindow.view,
+window.background.csd.maximized
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view,
+window.background.csd.tiled > leaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled > hdyleaflet > box.vertical > scrolledwindow.view,
+window.background.csd.tiled
+ > box.horizontal
+ > box.vertical
+ > scrolledwindow.view {
+ border-bottom-left-radius: 0;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > notebook
+ > stack
+ > box.horizontal
+ > notebook
+ > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd.maximized
+ > box.vertical.dialog-vbox
+ > notebook
+ > stack
+ > box.horizontal
+ > notebook
+ > stack,
+dialog.background.csd.tiled
+ > box.vertical.dialog-vbox
+ > notebook
+ > stack
+ > box.horizontal
+ > notebook
+ > stack {
+ border-radius: 0;
+}
+
+hdyleaflet frame > border,
+leaflet frame > border,
+box.horizontal > stack.background frame > border {
+ border: none;
+}
+
+hdyleaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group),
+leaflet
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group),
+box.horizontal
+ > stack.background
+ > box.vertical
+ > scrolledwindow
+ > viewport.frame
+ list:not(.view):not(.tweak-group) {
+ padding: 3px;
+}
+
+hdyleaflet frame.view list,
+leaflet frame.view list,
+box.horizontal > stack.background frame.view list {
+ background: none;
+}
+
+hdyleaflet frame.view list > separator,
+leaflet frame.view list > separator,
+box.horizontal > stack.background frame.view list > separator {
+ background: none;
+ min-height: 0;
+}
+
+/************************
+ * Gnome system monitor *
+ ************************/
+window#gnome-system-monitor.background.csd > box.vertical > stack {
+ background-color: #191724;
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background.csd
+ > box.vertical
+ > stack
+ > box.vertical
+ > revealer
+ > actionbar
+ > revealer
+ > box {
+ border-radius: 0 0 12px 12px;
+}
+
+window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar {
+ box-shadow: none;
+}
+
+/************************
+ * Gnome Sound Recorder *
+ ************************/
+stack > grid.vertical > scrolledwindow {
+ border: none;
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical > scrolledwindow > viewport.frame list {
+ border-radius: 0 0 12px 12px;
+}
+
+stack > grid.vertical scrolledwindow.frame.emptyGrid {
+ border: none;
+}
+
+/******************
+ * Gnome Contacts *
+ ******************/
+window.background.csd scrolledwindow.contacts-contact-form {
+ border-bottom-right-radius: 12px;
+}
+
+/************************
+ * Epiphany (Gnome Web) *
+ ************************/
+tabbox {
+ border: none;
+ background-color: rgba(224, 222, 244, 0.04);
+ padding: 3px;
+ margin: 3px;
+ border-radius: 9px;
+}
+
+tabbox > tab button {
+ min-height: 24px;
+ min-width: 24px;
+ border-radius: 9999px;
+ border: none;
+ padding: 0;
+}
+
+/*****************
+ * Gnome Weather *
+ *****************/
+#weather-page,
+#weekly-forecast-frame {
+ border-bottom-right-radius: 12px;
+}
+
+#weather-page-content-view {
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+}
+
+/***************
+ * Gnome Music *
+ ***************/
+window.background.csd box.vertical > overlay > stack.background {
+ border-radius: 0 0 12px 12px;
+}
+
+/****************
+ * Gnome Clocks *
+ ****************/
+/*************
+ * Rhythmbox *
+ *************/
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > box.horizontal:not(.linked)
+ > button.toggle,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button:not(.toggle):not(.raised):not(.flat),
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ button.flat.scale,
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > .linked
+ > button,
+window.solid-csd
+ > box.vertical
+ > box.vertical
+ > toolbar.horizontal
+ > toolitem
+ > box.horizontal
+ > button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+ margin: 0;
+}
+
+.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button {
+ border-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button:not(:first-child),
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button:not(:last-child) {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button.image-button:not(.text-button):first-child {
+ border-top-left-radius: 9999px;
+ border-bottom-left-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button.image-button:not(.text-button):last-child {
+ border-top-right-radius: 9999px;
+ border-bottom-right-radius: 9999px;
+}
+
+.sidebar-paned
+ .inline-toolbar.horizontal.sidebar-toolbar
+ button.image-button
+ > widget
+ > box
+ > image {
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > toolbar.horizontal,
+window.solid-csd > box.vertical > box.vertical > toolbar.horizontal {
+ padding: 6px;
+ border-bottom: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+window.csd > box.vertical > box.vertical > frame,
+window.solid-csd > box.vertical > box.vertical > frame {
+ margin: -1px 0;
+ padding: 0;
+}
+
+window.csd > box.vertical > box.vertical > frame > border,
+window.solid-csd > box.vertical > box.vertical > frame > border {
+ border: none;
+}
+
+window.background
+ > box.vertical
+ > toolbar.primary-toolbar
+ > toolitem
+ > .linked
+ > button.image-button.raised
+ > widget
+ > box
+ > image {
+ padding: 0;
+}
+
+/**********
+ * Polari *
+ **********/
+.polari-room-list .sidebar {
+ background: none;
+}
+
+.polari-room-list .sidebar > row.activatable:selected {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+stack.view.polari-entry-area {
+ background-color: #191724;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+ border-bottom-right-radius: 12px;
+}
+
+stack.view.polari-entry-area:disabled {
+ background-image: image(#191724);
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+layouttabbar > box > button {
+ margin: 2px 0;
+}
+
+layouttab {
+ margin: 0 8px;
+ border-style: none solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0 -2px #faf4ed;
+ background-color: #191724;
+}
+
+layouttab separator.vertical {
+ margin: 8px 4px;
+}
+
+layouttab button.text-button,
+layouttab button.image-button,
+layouttab button {
+ margin-top: 8px;
+ margin-bottom: 8px;
+ padding: 0 4px;
+}
+
+layout {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -pnldockbin-handle-size: 1;
+}
+
+entry.search-missing {
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.workbench treeview.image {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+popover.popover-selector list {
+ padding: 6px;
+}
+
+popover.popover-selector list row {
+ border-radius: 6px;
+}
+
+popover.popover-selector list row image:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.popover-selector list row image:dir(rtl) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(ltr) {
+ margin-left: 6px;
+}
+
+popover.popover-selector list row .accel:dir(rtl) {
+ margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+ border-radius: 6px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+entry.preferences-search {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ box-shadow: none;
+ background-color: #191724;
+}
+
+preferences stacksidebar.sidebar list {
+ background-color: #26233a;
+}
+
+preferences stacksidebar.sidebar:dir(ltr) list,
+preferences stacksidebar.sidebar:dir(rtl) list {
+ border-style: none;
+}
+
+preferences > box > box:dir(ltr) {
+ border-right: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+preferences > box > box:dir(rtl) {
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+popover.messagepopover.background {
+ padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+ border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+ border-bottom-left-radius: 6px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+ border-bottom-right-radius: 6px;
+}
+
+popover.messagepopover .popover-content-area {
+ margin: 16px;
+}
+
+popover.transfers list {
+ background-color: transparent;
+}
+
+popover.transfers list row:not(:first-child) {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+popover.transfers list row > box {
+ padding: 10px;
+}
+
+dockbin {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ -pnldockbin-handle-size: 1;
+}
+
+dockpaned {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+eggsearchbar box.search-bar {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+docktabstrip {
+ padding: 0 8px;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+docktab {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
+ background-image 0ms;
+ min-height: 24px;
+ min-width: 24px;
+ margin-bottom: -1px;
+ padding: 6px 6px;
+ border-width: 1px;
+ border-color: transparent;
+ box-shadow: inset 0 -2px transparent;
+ background-image: radial-gradient(circle, #faf4ed 10%, transparent 0%);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 0% 0%;
+ color: rgba(224, 222, 244, 0.7);
+ font-weight: 500;
+}
+
+docktab:hover {
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
+}
+
+docktab:checked {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-size 225ms cubic-bezier(0, 0, 0.2, 1),
+ background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 -2px #faf4ed;
+ background-color: transparent;
+ background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+ background-size: 1000% 1000%;
+ color: #e0def4;
+}
+
+dockoverlayedge {
+ background-color: #191724;
+}
+
+dockoverlayedge docktabstrip {
+ padding: 0;
+ border: none;
+}
+
+dockoverlayedge.left-edge docktab:checked {
+ box-shadow: inset -2px 0 #faf4ed;
+}
+
+dockoverlayedge.right-edge docktab:checked {
+ box-shadow: inset 2px 0 #faf4ed;
+}
+
+pillbox {
+ background-color: #191724;
+ border-radius: 6px;
+}
+
+layoutpane entry.search {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ box-shadow: none;
+ background-color: #191724;
+}
+
+editortweak entry.search {
+ margin-bottom: -1px;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+ box-shadow: none;
+ background-color: transparent;
+}
+
+docktabstrip {
+ min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+button.dzlmenubutton image {
+ min-width: 30px;
+}
+
+button.dzlmenubutton image.arrow {
+ min-width: 27px;
+}
+
+button.dzlmenubuttonitem {
+ color: #e0def4;
+ font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+idelayoutstackheader {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+idelayoutstackheader button:checked {
+ color: #e0def4;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+ padding: 8px 0;
+ background-color: #191724;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+ border-right: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+ border-radius: 0;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+ background-image: radial-gradient(
+ circle,
+ rgba(250, 244, 237, 0.7) 10%,
+ transparent 0%
+ );
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+ background-color: transparent;
+ color: #e0def4;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+ margin-right: -1px;
+}
+
+ideeditorutilities
+ > dzldockpaned
+ > box
+ > stackswitcher
+ button:dir(ltr):checked {
+ box-shadow: inset -2px 0 #faf4ed;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+ margin-left: -1px;
+}
+
+ideeditorutilities
+ > dzldockpaned
+ > box
+ > stackswitcher
+ button:dir(rtl):checked {
+ box-shadow: inset 2px 0 #faf4ed;
+}
+
+ideeditorsidebar notebook header {
+ background: transparent;
+}
+
+popover.messagepopover list {
+ border: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+popover.messagepopover list row:not(:last-child) {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+ -gdmainiconview-icon-size: 48;
+}
+
+.documents-counter {
+ margin: 8px;
+ border-radius: 9999px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+ border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+ border-style: none;
+}
+
+.photos-fade-in {
+ opacity: 1;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+ opacity: 0;
+ transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+ color: #e0def4;
+ font-weight: normal;
+}
+
+button.photos-filter-preview:checked {
+ background-color: alpha(currentColor, 0.06);
+ color: #e0def4;
+}
+
+button.photos-filter-preview:checked image {
+ color: #e0def4;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+ border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+ border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+ border-style: solid;
+ border-color: rgba(224, 222, 244, 0.12);
+}
+
+.side-panel:dir(rtl) {
+ border-style: solid;
+ border-color: rgba(224, 222, 244, 0.12);
+}
+
+.side-panel .view {
+ background-image: image(#26233a);
+}
+
+.side-panel .view:hover {
+ background-image: image(#363636);
+}
+
+.side-panel .view:selected {
+ background-image: image(#faf4ed);
+}
+
+.side-panel .view:selected:hover {
+ background-image: image(rgba(210, 210, 210, 0.9896));
+}
+
+.songs-list:hover {
+ background-image: image(alpha(currentColor, 0.08));
+}
+
+frame.documents-dropdown {
+ margin: 8px;
+}
+
+frame.documents-dropdown > border {
+ border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+/*************
+ * Documents *
+ *************/
+.documents-scrolledwin {
+ background-color: transparent;
+}
+
+.documents-scrolledwin .content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin viewport.frame {
+ background-color: transparent;
+}
+
+.documents-scrolledwin
+ viewport.frame
+ widget
+ > frame.content-view:not(:selected):not(:hover) {
+ background-color: transparent;
+}
+
+.documents-scrolledwin
+ viewport.frame
+ widget
+ > frame.content-view:not(:selected):not(:hover)
+ border {
+ border: none;
+}
+
+/*******************
+ * Document Viewer *
+ *******************/
+window.background.csd evview.view.content-view {
+ border-radius: 0 0 12px 12px;
+}
+
+/*******************
+ * Archive Manager *
+ *******************/
+.background.csd > grid.horizontal > paned.horizontal > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #191724;
+}
+
+.background.csd
+ > grid.horizontal
+ > paned.horizontal
+ > box.vertical
+ > scrolledwindow {
+ border-radius: 0 0 0 12px;
+ background-color: #191724;
+}
+
+/************
+ * Terminal *
+ ************/
+terminal-window decoration {
+ padding: 0 2px 3px 2px;
+ background-color: #191724;
+ border-radius: 12px;
+}
+
+terminal-window.background.csd,
+terminal-window.background.csd.maximized {
+ border-radius: 0 0 0 0;
+}
+
+terminal-window notebook > header > box {
+ margin: -2px -2px -2px 1px;
+}
+
+terminal-window notebook > header > box button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+}
+
+window.background > box.vertical > box.horizontal > frame > border {
+ border-width: 0 1px 0 0;
+}
+
+window.background
+ > box.vertical
+ > box.horizontal
+ > frame
+ > scrolledwindow
+ > viewport.frame
+ list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background
+ > box.vertical
+ > box.horizontal
+ > stack
+ > widget
+ > notebook.frame {
+ border-width: 0;
+}
+
+window.background
+ > box.vertical
+ > box.horizontal
+ > stack
+ > widget
+ > notebook.frame
+ > stack {
+ border-bottom-right-radius: 12px;
+}
+
+.tilix-background,
+.tilix-background vte-terminal {
+ border-radius: 0 0 12px 12px;
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ margin: 0 -8px;
+}
+
+task-list-view taskrow:hover {
+ transition: none;
+}
+
+task-list-view taskrow label {
+ margin: 0 8px;
+}
+
+task-list-view taskrow image.dim-label {
+ min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+ margin: -6px;
+}
+
+task-list-view > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+tasklistview taskrow {
+ outline: none;
+}
+
+tasklistview taskrow entry,
+tasklistview taskrow entry:focus,
+tasklistview taskrow entry:disabled {
+ box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label {
+ min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+ margin: -6px;
+}
+
+tasklistview > box > revealer > box > button .dim-label {
+ color: inherit;
+}
+
+/*******
+ * Eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+ border-top: none;
+}
+
+/*************
+ * Evolution *
+ *************/
+frame.taskbar > border {
+ border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+ border-style: none;
+}
+
+/***********
+ * Fractal *
+ ***********/
+.background.csd.main-window .sidebar.rooms-sidebar {
+ border-bottom-left-radius: 12px;
+}
+
+/********
+ * Gitg *
+ ********/
+frame.commit-frame > border {
+ border-style: solid none none;
+}
+
+/**************
+ * Characters *
+ **************/
+box.dialog-vbox scrolledwindow.related {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+list.categories {
+ background-image: image(#26233a);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+ min-height: 24px;
+ padding: 0 4px;
+ border-radius: 6px;
+ background-color: #26233a;
+ color: #e0def4;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+ min-height: 36px;
+}
+
+/*********
+ * Geary *
+ *********/
+window.background.csd.geary-main-window
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical,
+window#GearyMainWindow.background.csd
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical
+ statusbar,
+window#GearyMainWindow.background.csd
+ > deck
+ > overlay
+ > box.vertical
+ > paned.horizontal
+ > box.sidebar.vertical
+ statusbar {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.geary-main-window stack#conversation_viewer,
+window#GearyMainWindow.background.csd stack#conversation_viewer {
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ scrolledwindow.geary-conversation-scroller
+ viewport.frame
+ list.conversation-listbox,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ scrolledwindow.geary-conversation-scroller
+ viewport.frame
+ list.conversation-listbox {
+ background: none;
+ border-bottom-right-radius: 12px;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded {
+ animation: none;
+ background-image: none;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ actionbar
+ > revealer
+ > box,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ actionbar
+ > revealer
+ > box {
+ border-radius: 0;
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-expanded
+ > .geary-composer-embed
+ headerbar {
+ color: #e0def4;
+ background-color: #191724;
+ box-shadow: none;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+window.background.csd.geary-main-window
+ stack#conversation_viewer
+ .geary-composer-box
+ actionbar
+ > revealer
+ > box,
+window#GearyMainWindow.background.csd
+ stack#conversation_viewer
+ .geary-composer-box
+ actionbar
+ > revealer
+ > box {
+ border-bottom-left-radius: 0;
+}
+
+.geary-accounts-editor-pane frame:not(.geary-signature) > border,
+.geary-accounts-editor-pane scrolledwindow.frame {
+ border: none;
+}
+
+.geary-main-window.unified > deck > overlay > .geary-main-layout {
+ background-color: #191724;
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > headerbar,
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > headerbar {
+ box-shadow: inset 0 -1px rgba(224, 222, 244, 0.12);
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > separator.sidebar,
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > separator.sidebar {
+ background-color: #191724;
+ box-shadow: inset 0 -1px rgba(224, 222, 244, 0.12);
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
+ color 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > separator.sidebar:backdrop,
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > separator.sidebar:backdrop {
+ background-color: #191724;
+}
+
+.geary-main-window.unified
+ > deck
+ > overlay
+ > .geary-main-layout
+ > leaflet
+ > leaflet
+ > box.vertical
+ + separator.sidebar {
+ min-width: 1px;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.geary-main-window.unified frame.geary-conversation-frame scrolledwindow {
+ padding: 3px;
+}
+
+.geary-main-window.unified
+ frame.geary-conversation-frame
+ scrolledwindow
+ treeview.view {
+ border: 1px solid transparent;
+ border-radius: 6px;
+ padding: 6px;
+}
+
+.geary-main-window.unified
+ frame.geary-conversation-frame
+ scrolledwindow
+ treeview.view:selected,
+.geary-main-window.unified
+ frame.geary-conversation-frame
+ scrolledwindow
+ treeview.view:active {
+ border-radius: 6px;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.geary-main-window.unified separator.geary-sidebar-pane-separator {
+ min-width: 1px;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ > row.activatable {
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ border-bottom-width: 0;
+ background-color: #191724;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ > row.activatable:first-child {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ .geary-attachment-pane {
+ border-radius: 0 0 8px 8px;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ .geary-attachment-pane
+ actionbar.background {
+ background-color: transparent;
+}
+
+.geary-main-window.unified
+ geary-conversation-viewer#conversation_viewer
+ list.background.conversation-listbox.content
+ .geary-attachment-pane
+ actionbar.background
+ > revealer
+ > box {
+ border-radius: 0 0 6px 6px;
+}
+
+/**************
+ * Extensions *
+ **************/
+window.background.csd stack stack stack frame > border,
+window.background.csd > stack > stack > box > frame > border,
+window.background.csd > stack > stack > box > box > frame > border,
+window.background.csd > stack > box > stack > box > frame > border,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > scrolledwindow
+ > viewport
+ frame
+ > border,
+window.background.csd
+ > stack
+ > box
+ > stack
+ > box
+ > scrolledwindow
+ > viewport
+ > frame
+ > border,
+window.background.csd
+ > stack
+ > grid
+ > scrolledwindow
+ > viewport
+ > box
+ > frame
+ > border {
+ border: none;
+}
+
+window.background.csd > stack > box > box > list,
+window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd
+ > stack
+ > box
+ > .sidebar
+ > scrolledwindow
+ > viewport
+ > list {
+ padding: 0 0;
+}
+
+/***********
+ * Dialogs *
+ ***********/
+dialog.background.csd > headerbar.titlebar {
+ box-shadow: inset 0 -1px rgba(224, 222, 244, 0.12);
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > grid.horizontal
+ > scrolledwindow.frame
+ > viewport.frame
+ list:first-child {
+ border-radius: 0 0 0 12px;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > grid.horizontal
+ > scrolledwindow.frame
+ > viewport.frame
+ list:last-child {
+ border-radius: 0 0 12px 0;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow,
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > stack
+ > scrolledwindow {
+ border-radius: 0 0 12px 12px;
+ background-color: #191724;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > scrolledwindow
+ iconview.view:not(:hover):not(:selected):not(:active),
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > stack
+ > scrolledwindow
+ iconview.view:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd
+ > box.vertical.dialog-vbox
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list
+ row.activatable:not(:hover):not(:selected):not(:active) {
+ background-color: transparent;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd > box.vertical.dialog-vbox > notebook > stack {
+ border-radius: 0 0 12px 12px;
+}
+
+dialog.background.csd stack scrolledwindow.frame {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view {
+ border-radius: 6px;
+}
+
+dialog.background.csd stack scrolledwindow.frame textview.view > text {
+ background: none;
+}
+
+dialog.background.csd stack scrolledwindow viewport.frame.view {
+ border-radius: 6px;
+}
+
+window.background.csd.unified headerbar {
+ box-shadow: none;
+}
+
+window.background.csd.unified > decoration-overlay {
+ box-shadow: inset 0 0 0 1px rgba(224, 222, 244, 0.3);
+}
+
+window.background.csd.unified,
+window.background.csd.unified > decoration,
+window.background.csd.unified > decoration-overlay {
+ border-radius: 12px;
+}
+
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ box-shadow: none;
+}
+
+window.background.csd.unified.tiled,
+window.background.csd.unified.tiled > decoration,
+window.background.csd.unified.tiled > decoration-overlay,
+window.background.csd.unified.tiled-top,
+window.background.csd.unified.tiled-top > decoration,
+window.background.csd.unified.tiled-top > decoration-overlay,
+window.background.csd.unified.tiled-right,
+window.background.csd.unified.tiled-right > decoration,
+window.background.csd.unified.tiled-right > decoration-overlay,
+window.background.csd.unified.tiled-bottom,
+window.background.csd.unified.tiled-bottom > decoration,
+window.background.csd.unified.tiled-bottom > decoration-overlay,
+window.background.csd.unified.tiled-left,
+window.background.csd.unified.tiled-left > decoration,
+window.background.csd.unified.tiled-left > decoration-overlay,
+window.background.csd.unified.maximized,
+window.background.csd.unified.maximized > decoration,
+window.background.csd.unified.maximized > decoration-overlay,
+window.background.csd.unified.fullscreen,
+window.background.csd.unified.fullscreen > decoration,
+window.background.csd.unified.fullscreen > decoration-overlay {
+ border-radius: 0;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+ border-style: none;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+overlay > revealer.left > scrolledwindow.frame {
+ margin-right: 32px;
+}
+
+overlay > revealer.right > scrolledwindow.frame {
+ margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+ background-image: image(#1f1d2e);
+}
+
+.terminal-titlebar button {
+ border-radius: 0;
+}
+
+button.image-button.session-new-button {
+ min-width: 32px;
+}
+
+notebook.tilix-background tab > box > stack {
+ margin: -6px;
+}
+
+button.flat.tilix-small-button {
+ min-height: 20px;
+ min-width: 16px;
+}
+
+window > notebook > stack {
+ margin: 0 3px 3px 3px;
+}
+
+window > notebook {
+ border-top-left-radius: 0px;
+ border-top-right-radius: 0px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+ background-color: #191724;
+}
+
+.terminator-terminal-window notebook.frame {
+ border-style: none;
+}
+
+/*************
+ * Ubitquity *
+ *************/
+#live_installer .menubar progressbar trough {
+ border-radius: 4px;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+/***********
+ * Eclipse *
+ ***********/
+window.background > box.vertical > scrolledwindow > widget toolbar {
+ padding: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ margin: 2px;
+}
+
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+ border-radius: 6px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+ background-color: #1f1d2e;
+}
+
+window.background.chromium decoration {
+ background-clip: padding-box;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+window.background.chromium entry,
+window.background.chromium > button {
+ border: 1px solid #444a73;
+}
+
+window.background.chromium > button {
+ color: #faf4ed;
+}
+
+window.background.chromium > button:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+window.background.chromium menubar,
+window.background.chromium headerbar {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+window.background.chromium headerbar button:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+window.background.chromium spinner {
+ color: #faf4ed;
+}
+
+window.background.chromium textview.view {
+ background-color: transparent;
+}
+
+window.background.chromium treeview.view.cell:selected:focus {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+window.background.chromium treeview.view button {
+ border: 1px solid #444a73;
+ background-color: #191724;
+}
+
+window.background.chromium menu {
+ border-color: #565f89;
+}
+
+window.background.chromium menu menuitem {
+ border-radius: 0;
+}
+
+tooltip.background.chromium {
+ background-color: #191919;
+}
+
+/***********
+ * Firefox *
+ ***********/
+#MozillaGtkWidget > widget text {
+ background-color: #191724;
+}
+
+#MozillaGtkWidget > widget text:selected {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#MozillaGtkWidget > widget > separator {
+ color: #191724;
+}
+
+#MozillaGtkWidget > widget > scrollbar {
+ background-clip: border-box;
+}
+
+#MozillaGtkWidget > widget > frame > border {
+ border-color: #191724;
+}
+
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+ border: 1px solid #191724;
+ border-radius: 6px;
+ box-shadow: none;
+}
+
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+ border-color: rgba(224, 222, 244, 0.12);
+}
+
+#MozillaGtkWidget > widget > entry {
+ min-height: 30px;
+ background-color: #191724;
+}
+
+#MozillaGtkWidget > widget > entry:focus {
+ border-color: #faf4ed;
+ box-shadow: inset 0 0 0 1px #faf4ed;
+}
+
+#MozillaGtkWidget > widget > entry:disabled {
+ background-color: #26233a;
+}
+
+#MozillaGtkWidget > widget > button > button {
+ padding: 4px 8px;
+ background-size: auto;
+}
+
+#MozillaGtkWidget > widget > button > button:hover {
+ box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+}
+
+#MozillaGtkWidget > widget > button > button:active {
+ background-image: image(alpha(currentColor, 0.12));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+ margin: 0;
+ padding: 0;
+}
+
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate) {
+ color: #737aa2;
+}
+
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate):active,
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate):hover,
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate):active {
+ color: #828bb8;
+}
+
+#MozillaGtkWidget
+ > widget
+ > checkbutton
+ > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget
+ > widget
+ > radiobutton
+ > radio:not(:checked):not(:indeterminate):disabled {
+ color: rgba(115, 122, 162, 0.5);
+}
+
+#MozillaGtkWidget menu {
+ border: none;
+}
+
+#MozillaGtkWidget > widget > menubar {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+#MozillaGtkWidget > widget > menubar:hover {
+ color: #e0def4;
+}
+
+#MozillaGtkWidget > widget > menubar:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+#MozillaGtkWidget > widget > frame {
+ color: #444a73;
+}
+
+#MozillaGtkWidget menu > separator {
+ color: #444a73;
+}
+
+window.background:not(.csd) > window > menu menuitem {
+ transition: none;
+}
+
+/************
+ * Inkscape *
+ ************/
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+ font-size: smaller;
+}
+
+#ToolboxCommon > #AuxToolbox #Kludge {
+ padding: 0;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+ min-height: 32px;
+}
+
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+ min-height: 24px;
+ min-width: 16px;
+ padding: 4px 8px;
+}
+
+#ToolboxCommon > #AuxToolbox spinbutton button {
+ border-width: 4px;
+}
+
+#ToolboxCommon > toolbar.vertical {
+ margin-top: -4px;
+}
+
+#ToolboxCommon > toolbar.vertical button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px;
+}
+
+#CanvasTable button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+ border-right: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+#Canvas_and_Dock frame > border {
+ border: none;
+}
+
+#Canvas_and_Dock widget > widget > button.flat {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 4px;
+}
+
+#Canvas_and_Dock widget > widget > box.horizontal image {
+ padding: 4px;
+}
+
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+ min-height: 16px;
+ min-width: 24px;
+ padding: 8px 4px;
+}
+
+scrolledwindow#DialogNotebook
+ > viewport.frame
+ > notebook.frame
+ button.close-button
+ image {
+ padding: 4px;
+}
+
+/***********
+ * Synapse *
+ ***********/
+/***************
+ * Libreoffice *
+ ***************/
+window.background
+ > grid
+ > widget
+ > widget
+ > scrolledwindow
+ > viewport
+ > grid
+ > box
+ > box
+ > frame
+ > box {
+ background-color: #191724;
+}
+
+/*********
+ * Pamac *
+ *********/
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > list,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list,
+window.background.csd
+ > box.vertical
+ > overlay
+ > stack
+ > box.vertical
+ > box.horizontal
+ > revealer
+ > stack
+ > box.vertical
+ > stack
+ > scrolledwindow
+ > viewport.frame
+ > list {
+ border: none;
+ border-radius: 0;
+}
+
+/***********
+ * GnuCash *
+ ***********/
+#gnc-id-main-window gnc-id-sheet-list > scrolledwindow {
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ margin-top: -1px;
+ border: 1px solid #444a73;
+}
+
+#gnc-id-main-window treeview.view {
+ background-color: #191724;
+}
+
+/*********
+ * Unity *
+ *********/
+UnityDecoration {
+ -unitydecoration-extents: 28px 0 0 0;
+ -unitydecoration-input-extents: 8px;
+ -unitydecoration-shadow-offset-x: 0;
+ -unitydecoration-shadow-offset-y: 3px;
+ -unitydecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+ -unitydecoration-active-shadow-radius: 18px;
+ -unitydecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+ -unitydecoration-inactive-shadow-radius: 6px;
+ -unitydecoration-glow-size: 8px;
+ -unitydecoration-glow-color: #faf4ed;
+ -unitydecoration-title-indent: 4px;
+ -unitydecoration-title-fade: 32px;
+ -unitydecoration-title-alignment: 0;
+}
+
+UnityDecoration .top {
+ padding: 0 2px;
+ border-style: none;
+ border-radius: 12px 12px 0 0;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #191724;
+ color: #e0def4;
+}
+
+UnityDecoration .top:backdrop {
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+UnityDecoration .menuitem {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #e0def4;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+ border-radius: 0;
+ box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3),
+ 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+.background:not(.csd) headerbar.inline-toolbar:not(.titlebar) {
+ border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+ background-color: rgba(25, 23, 36, 0.95);
+ color: #e0def4;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+ box-shadow: inset 0 -2px currentColor;
+ background-color: transparent;
+ color: #e0def4;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+ -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
+ animation: spin 1s linear infinite;
+ color: #faf4ed;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+ background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+ background-color: rgba(25, 23, 36, 0.95);
+ color: rgba(224, 222, 244, 0.7);
+ font-weight: 500;
+}
+
+.mate-panel-menu-bar button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+PanelToplevel.horizontal > grid > button {
+ min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+ min-height: 24px;
+}
+
+PanelSeparator {
+ color: rgba(224, 222, 244, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+ border-style: solid;
+ border-color: rgba(224, 222, 244, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+ border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+ border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+ color: #e0def4;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical menubar > menuitem {
+ padding: 8px 0;
+}
+
+.mate-panel-menu-bar menubar menu > menuitem {
+ min-height: 28px;
+ padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+ -gtkwidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0/0 0 0px;
+}
+
+.mate-panel-menu-bar #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2/0 0 2px;
+}
+
+.mate-panel-menu-bar #tasklist-button image:dir(ltr),
+.mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+ padding-left: 4px;
+}
+
+.mate-panel-menu-bar #tasklist-button label:dir(ltr),
+.mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+ padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+ min-width: 24px;
+ padding: 0 4px;
+}
+
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+ min-height: 24px;
+ padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+ background-color: transparent;
+ color: #faf4ed;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+ background-color: #faf4ed;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+ padding: 0 8px;
+}
+
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+ padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+#MatePanelPopupWindow frame > border {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar {
+ border-style: none;
+}
+
+#MatePanelPopupWindow calendar:not(:selected) {
+ background-color: transparent;
+}
+
+#MatePanelPopupWindow calendar + box {
+ margin-top: -5px;
+ padding-top: 5px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+#MatePanelPopupWindow expander > title {
+ min-height: 32px;
+}
+
+#MatePanelPopupWindow button {
+ padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+ color: rgba(224, 222, 244, 0.12);
+}
+
+na-tray-applet {
+ -natrayapplet-icon-padding: 3px;
+ -natrayapplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+ -panelmenubar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+.mate-panel-applet-slider frame > border {
+ border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+ background-color: alpha(currentColor, 0.1);
+ color: #e0def4;
+}
+
+#mate-menu {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ background-color: #1f1d2e;
+}
+
+#mate-menu button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 4px 0;
+ color: #e0def4;
+ font-weight: normal;
+}
+
+#mate-menu button:not(.flat) {
+ background-color: alpha(currentColor, 0.1);
+}
+
+#mate-menu button image,
+#mate-menu button label + label {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+#mate-menu entry {
+ margin: 0 0 4px;
+}
+
+#mate-menu entry image {
+ margin: 0;
+}
+
+#mate-menu entry + button {
+ margin: 0 4px 4px;
+ padding: 6px;
+}
+
+.brisk-menu {
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+.brisk-menu entry {
+ margin-bottom: -2px;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.brisk-menu entry + box > box:dir(ltr) {
+ margin-right: -2px;
+ border-right: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.brisk-menu entry + box > box:dir(rtl) {
+ margin-left: -2px;
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.brisk-menu .categories-list {
+ padding-top: 4px;
+}
+
+.brisk-menu .categories-list button {
+ margin: 0 4px;
+}
+
+.brisk-menu .categories-list button:checked {
+ color: #faf4ed;
+}
+
+.brisk-menu .session-button {
+ padding: 12px;
+}
+
+.brisk-menu .frame {
+ border-style: none;
+}
+
+.brisk-menu .apps-list {
+ padding: 4px 0;
+ background-color: transparent;
+}
+
+.brisk-menu .apps-list row {
+ padding: 0;
+}
+
+.brisk-menu .apps-list row:hover {
+ box-shadow: none;
+}
+
+.brisk-menu .apps-list button {
+ border-radius: 0;
+ color: #e0def4;
+ font-weight: normal;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+ border-radius: 6px;
+}
+
+.caja-pathbar button {
+ margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button.slider-button {
+ min-width: 24px;
+}
+
+.caja-pathbar button > widget {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtkarrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+ background-color: #191724;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+ border-style: none;
+}
+
+.caja-canvas-item {
+ border-radius: 6px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+ border: none;
+ border-radius: 6px;
+ background-color: rgba(224, 222, 244, 0.04);
+ background-image: none;
+ color: #e0def4;
+}
+
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-desktop.view .entry {
+ background-color: #191724;
+ color: #e0def4;
+ caret-color: currentColor;
+}
+
+.caja-desktop.view .entry:selected {
+ background-color: alpha(currentColor, 0.06);
+}
+
+.caja-navigation-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.caja-notebook frame > border {
+ border-style: none;
+}
+
+#caja-extra-view-widget {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+#caja-extra-view-widget > box > box > label {
+ font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.pluma-window statusbar frame > border {
+ border-style: none;
+}
+
+.pluma-window statusbar frame button.flat {
+ padding: 0 4px;
+ border-radius: 0;
+}
+
+.pluma-window statusbar frame button.flat widget {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+ -gtkarrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+ margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+ margin-top: -1px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.pluma-window
+ paned.horizontal
+ box.vertical
+ notebook.frame
+ box.vertical
+ toolbar.horizontal {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+ border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ border-radius: 7px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+.lock-dialog frame > border {
+ border-style: none;
+}
+
+.lock-dialog button:not(:disabled) {
+ color: #faf4ed;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+ border-radius: 6px;
+ background-color: rgba(33, 32, 46, 0.9);
+ color: #e0def4;
+}
+
+MsdOsdWindow.background.osd .trough {
+ border-radius: 0;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+ border-radius: 0;
+ background-color: #faf4ed;
+}
+
+/******************
+ * Budgie Desktop *
+ ******************/
+.budgie-container {
+ background-color: transparent;
+}
+
+.budgie-settings-window list.sidebar {
+ border-radius: 0 0 0 12px;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+ border-style: none none solid;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar button {
+ border-radius: 6px;
+}
+
+.budgie-popover {
+ border-style: solid;
+ border-width: 1px;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ background-color: #1f1d2e;
+}
+
+.budgie-popover .container {
+ padding: 6px;
+}
+
+.budgie-popover separator {
+ margin: 3px 0;
+}
+
+.budgie-popover border {
+ border: none;
+}
+
+.budgie-popover list {
+ background-color: transparent;
+}
+
+.budgie-popover row {
+ padding: 0;
+}
+
+.budgie-popover row:hover {
+ box-shadow: none;
+}
+
+.budgie-popover row button {
+ border-radius: 0px;
+}
+
+.budgie-popover scrolledwindow.sidebar.categories {
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) {
+ background-color: rgba(224, 222, 244, 0.04);
+ border-right: none;
+ border-bottom-left-radius: 6px;
+}
+
+.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable {
+ padding: 6px 8px;
+}
+
+.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) {
+ padding-top: 6px;
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 0;
+}
+
+.budgie-popover
+ > frame.container
+ > grid.horizontal
+ > grid.horizontal
+ > widget
+ > grid.horizontal
+ > stack {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.budgie-popover.bottom
+ > frame.container
+ > grid.horizontal
+ > grid.horizontal
+ > widget
+ > grid.horizontal
+ > stack {
+ border-top: none;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.budgie-popover button {
+ border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button) {
+ min-height: 28px;
+ padding: 0 8px;
+ color: #e0def4;
+ font-weight: normal;
+ border-radius: 0px;
+}
+
+.budgie-popover button.flat:not(.image-button):disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+ padding: 0;
+}
+
+.budgie-popover.budgie-menu .sidebar,
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+ background-color: transparent;
+}
+
+.budgie-popover.budgie-menu entry.search {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ border-image: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-size: 120%;
+}
+
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item) {
+ min-height: 32px;
+ padding: 0 8px;
+ border-radius: 0;
+}
+
+.budgie-popover.budgie-menu
+ button.flat:not(.image-button):not(.indicator-item):checked:disabled {
+ background-color: transparent;
+}
+
+.budgie-popover.user-menu list,
+.budgie-popover.user-menu row {
+ border: none;
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-popover.user-menu
+ > frame.container
+ > box.vertical
+ row.activatable:first-child {
+ margin-bottom: 3px;
+ outline-width: 0;
+ border-radius: 6px;
+}
+
+.budgie-popover.user-menu
+ > frame.container
+ > box.vertical
+ row.activatable:first-child
+ button.indicator-item {
+ transition: none;
+ animation: none;
+}
+
+.budgie-popover.night-light-indicator .container {
+ padding: 3px;
+}
+
+.budgie-popover.night-light-indicator .view-header {
+ margin: 0 6px;
+}
+
+.budgie-popover.places-menu .container {
+ padding: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+ margin-right: 3px;
+}
+
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+ margin-left: 3px;
+}
+
+.budgie-popover.places-menu .unmount-button {
+ margin: 2px;
+ padding: 0;
+}
+
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+ margin-top: 3px;
+ padding-top: 3px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.budgie-popover.places-menu .alternative-label {
+ padding: 3px;
+ font-size: 15px;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+ padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+ border: 0 solid rgba(224, 222, 244, 0.12);
+}
+
+.top .workspace-switcher .workspace-layout:dir(ltr),
+.bottom .workspace-switcher .workspace-layout:dir(ltr) {
+ border-left-width: 1px;
+}
+
+.top .workspace-switcher .workspace-layout:dir(rtl),
+.bottom .workspace-switcher .workspace-layout:dir(rtl) {
+ border-right-width: 1px;
+}
+
+.left .workspace-switcher .workspace-layout,
+.right .workspace-switcher .workspace-layout {
+ border-top-width: 1px;
+}
+
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+ border: 0 solid rgba(224, 222, 244, 0.12);
+}
+
+.top .workspace-switcher .workspace-item:dir(ltr),
+.bottom .workspace-switcher .workspace-item:dir(ltr),
+.top .workspace-switcher .workspace-add-button:dir(ltr),
+.bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+ border-right-width: 1px;
+}
+
+.top .workspace-switcher .workspace-item:dir(rtl),
+.bottom .workspace-switcher .workspace-item:dir(rtl),
+.top .workspace-switcher .workspace-add-button:dir(rtl),
+.bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+ border-left-width: 1px;
+}
+
+.left .workspace-switcher .workspace-item,
+.right .workspace-switcher .workspace-item,
+.left .workspace-switcher .workspace-add-button,
+.right .workspace-switcher .workspace-add-button {
+ border-bottom-width: 1px;
+}
+
+.workspace-switcher .workspace-item {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+ background-color: alpha(currentColor, 0.1);
+}
+
+.workspace-switcher .workspace-add-button:hover {
+ box-shadow: none;
+}
+
+.workspace-switcher .workspace-add-button:active {
+ background-image: none;
+}
+
+.workspace-switcher .workspace-add-button:active image {
+ margin: 1px 0 -1px;
+}
+
+.budgie-panel .workspace-switcher .workspace-icon-button {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 6px;
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ padding: 0 0;
+ margin: 3px 0;
+ min-width: 16px;
+ min-height: 16px;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ background: none;
+ box-shadow: none;
+}
+
+.budgie-panel button.budgie-menu-launcher image {
+ padding: 0;
+ margin: 0;
+ border-radius: 9999px;
+ background-image: image(rgba(224, 222, 244, 0.12));
+}
+
+.budgie-panel button.budgie-menu-launcher:hover {
+ color: #e0def4;
+}
+
+.budgie-panel button.budgie-menu-launcher:hover image {
+ background-image: image(rgba(224, 222, 244, 0.2));
+}
+
+.budgie-panel button.budgie-menu-launcher:active,
+.budgie-panel button.budgie-menu-launcher:checked {
+ color: #e0def4;
+}
+
+.budgie-panel button.budgie-menu-launcher:active image,
+.budgie-panel button.budgie-menu-launcher:checked image {
+ background-image: image(rgba(224, 222, 244, 0.28));
+}
+
+.budgie-panel {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: rgba(25, 23, 36, 0.95);
+ color: rgba(224, 222, 244, 0.7);
+ font-weight: 500;
+}
+
+.budgie-panel.transparent {
+ background-color: #26233a;
+}
+
+.budgie-panel button {
+ color: rgba(224, 222, 244, 0.7);
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.budgie-panel button:hover {
+ color: #e0def4;
+}
+
+.budgie-panel button:active {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel button.budgie-menu-launcher:focus {
+ background: none;
+ box-shadow: none;
+ border: none;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel button.raven-trigger {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel.horizontal button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+ padding: 4px 0;
+}
+
+.budgie-panel separator {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+.budgie-panel .alert {
+ color: #eb6f92;
+}
+
+.budgie-panel .titlebar:not(headerbar) {
+ min-height: 0;
+ padding: 0;
+ box-shadow: none;
+ background-color: transparent;
+ color: #e0def4;
+}
+
+.budgie-panel
+ .titlebar:not(headerbar)
+ button:not(.suggested-action):not(.destructive-action) {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel
+ .titlebar:not(headerbar)
+ button:not(.suggested-action):not(.destructive-action):hover,
+.budgie-panel
+ .titlebar:not(headerbar)
+ button:not(.suggested-action):not(.destructive-action):active {
+ color: #e0def4;
+}
+
+.budgie-panel menubar,
+.budgie-panel .menubar {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel menubar > menuitem,
+.budgie-panel .menubar > menuitem {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel menubar > menuitem:hover,
+.budgie-panel menubar > menuitem:active,
+.budgie-panel .menubar > menuitem:hover,
+.budgie-panel .menubar > menuitem:active {
+ color: #e0def4;
+}
+
+.budgie-panel #tasklist-button {
+ padding: 0 4px;
+}
+
+.budgie-panel.vertical #tasklist-button {
+ min-height: 32px;
+}
+
+.budgie-panel button.flat.launcher {
+ padding: 0;
+}
+
+.budgie-panel button.flat.launcher:not(:checked) {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover,
+.budgie-panel button.flat.launcher:not(:checked):active {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.top .budgie-panel .unpinned button.flat.launcher:checked,
+.top .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel .unpinned button.flat.launcher:checked,
+.bottom .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel .unpinned button.flat.launcher:checked,
+.left .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel .unpinned button.flat.launcher:checked,
+.right .budgie-panel .pinned button.flat.launcher.running:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(100% - 1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 2 0 0/0 2px 0 0;
+}
+
+.top .budgie-panel #tasklist-button,
+.budgie-panel .top #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.top .budgie-panel #tasklist-button:checked,
+.budgie-panel .top #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button,
+.budgie-panel .bottom #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button:checked,
+.budgie-panel .bottom #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at center calc(100% - 1px),
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button,
+.budgie-panel .left #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at calc(1px) center,
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.left .budgie-panel #tasklist-button:checked,
+.budgie-panel .left #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button,
+.budgie-panel .right #tasklist-button {
+ border-image: radial-gradient(
+ circle closest-corner at calc(100% - 1px) center,
+ currentColor 0%,
+ transparent 0%
+ )
+ 0 0 0 0/0 0 0 0;
+}
+
+.right .budgie-panel #tasklist-button:checked,
+.budgie-panel .right #tasklist-button:checked {
+ border-image: radial-gradient(
+ circle closest-corner at calc(100% - 1px) center,
+ currentColor 100%,
+ transparent 0%
+ )
+ 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+ border-style: none;
+}
+
+.top frame.raven-frame > border {
+ margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+ margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+ margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+ margin-left: 32px;
+}
+
+.raven {
+ background-color: #1f1d2e;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.raven > box {
+ margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked {
+ margin: 6px 16px;
+}
+
+.raven stackswitcher.linked > button:focus {
+ box-shadow: none;
+}
+
+.raven .raven-header {
+ min-height: 36px;
+ padding: 3px;
+}
+
+.raven .raven-header.top {
+ padding: 0;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.raven .raven-header.top stackswitcher button {
+ margin: -4px 0 -5px;
+ padding: 0 16px;
+ min-height: 36px;
+}
+
+.raven .raven-header.bottom {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.raven stack .raven-header {
+ margin-top: -6px;
+}
+
+.raven stack scrolledwindow .raven-header {
+ margin-top: -8px;
+}
+
+.raven .raven-background {
+ border-style: solid none;
+ border-width: 1px;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+}
+
+.raven .raven-background > overlay > widget > image {
+ color: rgba(224, 222, 244, 0.12);
+}
+
+.raven scrolledwindow.raven-background {
+ border-bottom-style: none;
+}
+
+.raven .powerstrip button {
+ margin: 2px 0 1px;
+ padding: 12px;
+}
+
+.raven .option-subtitle {
+ font-size: smaller;
+}
+
+.raven .audio-widget scale.marks-after {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.raven .audio-widget scale.marks-after label {
+ font-size: 90%;
+ padding: 0;
+ margin: -10px 0 0 6px;
+}
+
+.raven .audio-widget button.flat.expander-button {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected,
+.raven .audio-widget list.devices-list.sound-devices > row.activatable:checked {
+ background-color: rgba(224, 222, 244, 0.06);
+ color: #e0def4;
+}
+
+.raven
+ .audio-widget
+ list.devices-list.sound-devices
+ > row.activatable:selected
+ label,
+.raven
+ .audio-widget
+ list.devices-list.sound-devices
+ > row.activatable:checked
+ label {
+ color: #e0def4;
+}
+
+.raven .audio-widget list.devices-list.sound-devices > row.activatable label {
+ padding-left: 12px;
+}
+
+calendar.raven-calendar {
+ border-style: none;
+ background-color: transparent;
+}
+
+calendar.raven-calendar:selected {
+ border-radius: 6px;
+}
+
+.raven-mpris {
+ background-color: #26233a;
+ color: #e0def4;
+}
+
+.raven-mpris label {
+ min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+ padding: 12px;
+}
+
+.budgie-notification-window,
+.budgie-switcher-window,
+.budgie-osd-window {
+ background-color: transparent;
+}
+
+.budgie-notification .notification-title,
+.budgie-switcher .notification-title {
+ font-size: 120%;
+}
+
+.budgie-notification .notification-body,
+.budgie-switcher .notification-body {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+ font-size: 120%;
+}
+
+.budgie-panel .lock-keys image:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.drop-shadow {
+ margin: 5px 9px;
+ padding: 3px;
+ border-radius: 12px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+.drop-shadow .linked > button {
+ border-radius: 12px;
+}
+
+.budgie-session-dialog,
+.budgie-polkit-dialog,
+.budgie-run-dialog {
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+.budgie-session-dialog.background.csd,
+.budgie-session-dialog decoration,
+.budgie-polkit-dialog.background.csd,
+.budgie-polkit-dialog decoration,
+.budgie-run-dialog.background.csd,
+.budgie-run-dialog decoration {
+ border-radius: 12px 12px 12px 12px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title,
+.budgie-polkit-dialog label:not(:last-child),
+.budgie-polkit-dialog .dialog-title,
+.budgie-run-dialog label:not(:last-child),
+.budgie-run-dialog .dialog-title {
+ font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button,
+.budgie-polkit-dialog .linked.horizontal > button,
+.budgie-run-dialog .linked.horizontal > button {
+ padding: 8px 16px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+ border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child,
+.budgie-polkit-dialog .linked.horizontal > button:first-child,
+.budgie-run-dialog .linked.horizontal > button:first-child {
+ border-bottom-left-radius: 12px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child,
+.budgie-polkit-dialog .linked.horizontal > button:last-child,
+.budgie-run-dialog .linked.horizontal > button:last-child {
+ border-bottom-right-radius: 12px;
+}
+
+.budgie-polkit-dialog .message {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.budgie-polkit-dialog .failure {
+ color: #eb6f92;
+}
+
+.budgie-run-dialog entry.search {
+ font-size: 120%;
+ padding: 6px 14px;
+ border-image: none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label {
+ color: #e0def4;
+}
+
+.budgie-run-dialog scrolledwindow {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+/**************
+ * Xfce4 Apps *
+ **************/
+.XfceHeading {
+ background-color: #191724;
+}
+
+/***************
+ * xfce4-panel *
+ ***************/
+.xfce4-panel.background {
+ border: none;
+ background-color: rgba(25, 23, 36, 0.95);
+ color: rgba(224, 222, 244, 0.7);
+ font-weight: 500;
+}
+
+.xfce4-panel.background button {
+ min-height: 16px;
+ min-width: 16px;
+ padding: 0;
+ border-radius: 0;
+}
+
+.xfce4-panel.background .tasklist button {
+ border-image: image(transparent) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button:checked {
+ border-image: image(currentColor) 0 0 2/0 0 2px;
+}
+
+.xfce4-panel.background .tasklist button image {
+ padding: 4px;
+}
+
+wnck-pager:hover {
+ background-color: alpha(currentColor, 0.08);
+}
+
+wnck-pager:active {
+ background-color: alpha(currentColor, 0.12);
+}
+
+wnck-pager:selected {
+ background-color: #faf4ed;
+}
+
+XfdesktopIconView.view {
+ border-radius: 6px;
+ background-color: transparent;
+ color: #e0def4;
+}
+
+XfdesktopIconView.view:active {
+ box-shadow: none;
+}
+
+XfdesktopIconView.view .rubberband {
+ border-radius: 0;
+}
+
+#XfceNotifyWindow buttonbox {
+ padding: 0;
+}
+
+#XfceNotifyWindow label#summary {
+ font-weight: bold;
+}
+
+#xfwm-tabwin {
+ padding: 12px;
+ border-radius: 6px;
+ -xfwmtabwinwidget-icon-size: 64px;
+ -xfwmtabwinwidget-preview-size: 64px;
+}
+
+/**********
+ * Thunar *
+ **********/
+.thunar #location-toolbar {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.thunar .standard-view.frame {
+ border-style: none;
+}
+
+.thunar .sidebar .view:not(:selected) {
+ background-color: transparent;
+}
+
+.thunar statusbar {
+ margin: 0 -10px;
+ padding: 0 4px;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.thunar
+ > grid.horizontal
+ > paned.horizontal
+ > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-top: none;
+}
+
+window.background.csd.thunar
+ > grid.horizontal
+ > paned.horizontal
+ > scrolledwindow.frame.sidebar.shortcuts-pane {
+ border-bottom-left-radius: 12px;
+}
+
+window.background.csd.thunar
+ > grid.horizontal
+ > paned.horizontal
+ > scrolledwindow.frame.sidebar.shortcuts-pane
+ treeview.view:not(:hover):not(:selected) {
+ background-color: transparent;
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+ background-color: #191724;
+ color: #e0def4;
+}
+
+#panel_window menubar,
+#panel_window separator {
+ background-color: transparent;
+}
+
+#panel_window separator {
+ padding: 0 4px;
+}
+
+#panel_window separator:first-child {
+ padding: 0 8px;
+}
+
+#panel_window menubar > menuitem {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+ color: #e0def4;
+}
+
+#panel_window menubar > menuitem:disabled label {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+ margin: 8px;
+ border-radius: 6px;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+}
+
+#content_frame {
+ padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+ padding-top: 24px;
+}
+
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+ margin: -16px;
+}
+
+#buttonbox_frame button:not(:disabled) {
+ color: #faf4ed;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+ background-color: #191724;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.nemo-window .primary-toolbar entry {
+ min-height: 0;
+ margin: 0;
+}
+
+.nemo-window .primary-toolbar button.text-button {
+ padding-left: 8px;
+ padding-right: 8px;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nemo-window .primary-toolbar button.text-button:hover,
+.nemo-window .primary-toolbar button.text-button:active,
+.nemo-window .primary-toolbar button.text-button:checked {
+ color: #e0def4;
+}
+
+.nemo-window .primary-toolbar button.text-button:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.nemo-window scrolledwindow.frame {
+ border-style: none;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+ background-color: transparent;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+ background-color: #26233a;
+}
+
+.nemo-window .nemo-window-pane widget.entry {
+ border-radius: 6px;
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.places-treeview {
+ -nemoplacestreeview-disk-full-bg-color: #31748f;
+ -nemoplacestreeview-disk-full-fg-color: #faf4ed;
+ -nemoplacestreeview-disk-full-bar-width: 2px;
+ -nemoplacestreeview-disk-full-bar-radius: 0;
+ -nemoplacestreeview-disk-full-bottom-padding: 1px;
+ -nemoplacestreeview-disk-full-max-length: 80px;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
diff --git a/RosePine-Main-BL/gtk-3.0/thumbnail.png b/RosePine-Main-BL/gtk-3.0/thumbnail.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f8b4f4a44db510174c43e432e4d5192cf38c6d0
GIT binary patch
literal 1609
zcmV-P2DbT$P)Q+SK~#7F?VDdr
zQ&$|vf441E*LG>PY%M-@E6f)Iio8gI$^+fRghXC6nME>r!1$m`ATCjap>MDRmzZ`5
zW}2X9l#{nyf}z1~l9r04Y9`-}H`
zf4}oPf6CDtoKBDPqgu-)o}=SJ^*9++BTx7&KN0&kG9@-}_{Z(`csSlXFH}8bpab|Q
z&t=+Uv1pVDT<7xsV~DFa_~?HdnL}pxXWm|p<9f+JXK+r7*|cH)*#7CSLZEh&f$rdh
z_{`P0>UlEIEhaM1H5M(M%;p-h*4oHqvIuTpUGGFDlcIEbozk1@R0$;sfZgszk=v%~($h}@SoHG9ZvRW?{Hn9a4!n|VH~ssH86gREGsR@J@`<=C-y
z_IYXP5fw`%Z7B-8$7&bCvYGS({x4cWbzfgU`TgHfu{1ZgklpT}hY!P=uc@>x#Q_y>
zy`C_cYE=7lc6QPE^ZisRXU=@f!mSqGhOG}Oi{>~^wGTY17%(PYyx7P7iVO{@kENy9
zl0wZ^Sp=T@bB?Ben`R{t3Hk}dfJcd$s}>T81QYl1<41J!=Ji}V
zLMQH3sx9%Q@%h^5$dQ9|<;wTlUZ8x`Y?Vdecsx%2vwl_v2L|a>_bDcr5^lGPI($Ca
zx`@ptpTVoyC>Ak!(aN1WLH6Jw6f)p^Fh-VQ3->#B?lgO8@B)GR_vfjn=d`TIO18=#
zqLaxaMIsThzYzvrEz;D~NMqw;Oql))7s%`NO4b3|@Ok{F@oiB7?Wm9ZI6?!11ML3g
z61vW<-Fq=rnVI>Wg~!{sCwF)w=CP&NnwS{N37bzcnb;O3wA#|N(4hvrOccOd@1<}!
zOp%u_W&6Y9gMk2@^>2ARD6IQ?{OmsWLidC)WM^Xk{q!ltgli$_$neNkysEy-**bfxEnXFGeN~H83hRsfVfIi964{3vn5hrFCRtZrbJ4%Dl$#NSQ?MV
z*k^=q(VH8ansR*-f>$E+%GKee@M00)*FF}qD+$ER2U8G?Z=xrQLN_03QJufWVy}y`
zm2XqZi_wPFu3~MKMPLXhPLog|)Z*fn7}L|!6#ON~5~F+pSK=#z_;%KAv)gvm$H&H5
z;)Ssn_Y8$Xxv*R*kh$iAvF+~N89I5gi-pHr#ym8tdM~B1RLWMq&8exGoVP+)yijP9
z8*7zpDQ-46?4MIP5T`l_<%Qto$QMqkjxkv3+EPd)S7g7#oH7)emGmHSfnO?PE(9+^
zcXy{^A0=DGpk_;PE!tY9U8Hn6&59I-!b#QTt}TU>!j4iZm7-U#qSVpx&5rLd*MwJT
zSqQmxYfLr-Yq3=fYPJ*wuC3XtX?d@jNU3ZY;-SN<4jgFQ@tqcL6X(ZTP_m^3Ew&T|
zwpeO)wVSjlY!_~7*iCxyAk5A)sjWs8f`=Ul{9M#EmA0iQaF)*qd%}B3FTi`V*-cG-
zkpv+-MHa2*xmbA`9{xeI=e|u_swX;dn!~Dt6CF6skxG@8s3D7PYip-{!uTt$Kq0xo
z{1cn*NWP?&7vBe4nod>XWQWBflq%aF#_5fW;IR-klPO=KR!wMHi)M$`(xn|*GkCWc
z$7Xd71pbQ*^vV+x&(i`K=n|geCpeGOCmyBN*>J2`+9FKfqimpai@mo?fkbzFv
z`h74yZCi(QyS=?!mb)ah9wdXRgGWBa(Zc%r=ESPtxM=$yM(E!`G;^VL00000NkvXX
Hu0mjfcKZ&f
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/gtk-4.0/assets/scalable/check-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/check-symbolic.svg
new file mode 100644
index 0000000..f2fc5ef
--- /dev/null
+++ b/RosePine-Main-BL/gtk-4.0/assets/scalable/check-symbolic.svg
@@ -0,0 +1,45 @@
+
+
diff --git a/RosePine-Main-BL/gtk-4.0/assets/scalable/check-symbolic@2.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/check-symbolic@2.svg
new file mode 100644
index 0000000..464c67e
--- /dev/null
+++ b/RosePine-Main-BL/gtk-4.0/assets/scalable/check-symbolic@2.svg
@@ -0,0 +1,46 @@
+
+
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/checkbox-checked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/checkbox-mixed-symbolic.svg
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/checkbox-unchecked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/cursor-handle-symbolic.svg
diff --git a/RosePine-Main-BL/gtk-4.0/assets/scalable/dot-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/dot-symbolic.svg
new file mode 100644
index 0000000..8cfdb62
--- /dev/null
+++ b/RosePine-Main-BL/gtk-4.0/assets/scalable/dot-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/RosePine-Main-BL/gtk-4.0/assets/scalable/dot-symbolic@2.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/dot-symbolic@2.svg
new file mode 100644
index 0000000..7714de6
--- /dev/null
+++ b/RosePine-Main-BL/gtk-4.0/assets/scalable/dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/RosePine-Main-BL/gtk-4.0/assets/scalable/line-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/line-symbolic.svg
new file mode 100644
index 0000000..ec2566e
--- /dev/null
+++ b/RosePine-Main-BL/gtk-4.0/assets/scalable/line-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/RosePine-Main-BL/gtk-4.0/assets/scalable/line-symbolic@2.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/line-symbolic@2.svg
new file mode 100644
index 0000000..06ef46e
--- /dev/null
+++ b/RosePine-Main-BL/gtk-4.0/assets/scalable/line-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/radio-checked-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/radio-checked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/radio-mixed-symbolic.svg
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/radio-unchecked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/scale-slider-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/scale-slider-symbolic.svg
diff --git a/RosePine-Main-BL/gtk-4.0/assets/scalable/small-check-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-check-symbolic.svg
new file mode 100644
index 0000000..d6eb8a5
--- /dev/null
+++ b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-check-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/RosePine-Main-BL/gtk-4.0/assets/scalable/small-check-symbolic@2.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-check-symbolic@2.svg
new file mode 100644
index 0000000..2450902
--- /dev/null
+++ b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-check-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/small-checkbox-checked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/small-checkbox-mixed-symbolic.svg
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/small-checkbox-unchecked-symbolic.svg
diff --git a/RosePine-Main-BL/gtk-4.0/assets/scalable/small-dot-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-dot-symbolic.svg
new file mode 100644
index 0000000..9944490
--- /dev/null
+++ b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-dot-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/RosePine-Main-BL/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg
new file mode 100644
index 0000000..0d11382
--- /dev/null
+++ b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-dot-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/RosePine-Main-BL/gtk-4.0/assets/scalable/small-line-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-line-symbolic.svg
new file mode 100644
index 0000000..221ae3a
--- /dev/null
+++ b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-line-symbolic.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/RosePine-Main-BL/gtk-4.0/assets/scalable/small-line-symbolic@2.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-line-symbolic@2.svg
new file mode 100644
index 0000000..1669516
--- /dev/null
+++ b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-line-symbolic@2.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/small-radio-checked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/small-radio-mixed-symbolic.svg
diff --git a/tokyonight_gtk/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg b/RosePine-Main-BL/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
rename to RosePine-Main-BL/gtk-4.0/assets/scalable/small-radio-unchecked-symbolic.svg
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-after-slider@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-after-slider@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-horz-marks-before-slider@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-horz-marks-before-slider@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-after-slider@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-after-slider@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/scale-vert-marks-before-slider@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/scale-vert-marks-before-slider@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
rename to RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-checked.png b/RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-checked.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-checked.png
rename to RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-checked.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-checked@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-checked@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-checked@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
rename to RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
rename to RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
diff --git a/tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png
similarity index 100%
rename from tokyonight_gtk/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png
rename to RosePine-Main-BL/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png
diff --git a/tokyonight_gtk/gtk-4.0/gtk.css b/RosePine-Main-BL/gtk-4.0/gtk-dark.css
similarity index 51%
rename from tokyonight_gtk/gtk-4.0/gtk.css
rename to RosePine-Main-BL/gtk-4.0/gtk-dark.css
index 1cce2fb..5698c4f 100644
--- a/tokyonight_gtk/gtk-4.0/gtk.css
+++ b/RosePine-Main-BL/gtk-4.0/gtk-dark.css
@@ -1,24 +1,162 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #e0def4;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #e0def4;
+/* widget base background color */
+@define-color theme_bg_color #191724;
+/* text widgets and the like base background color */
+@define-color theme_base_color #191724;
+/* base background color of selections */
+@define-color theme_selected_bg_color #faf4ed;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #191724;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(224, 222, 244, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #26233a;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #e0def4;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #e0def4;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #191724;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #191724;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #faf4ed;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(224, 222, 244, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(224, 222, 244, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(224, 222, 244, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* 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 #e0def4;
+@define-color wm_unfocused_title rgba(224, 222, 244, 0.7);
+@define-color wm_highlight rgba(224, 222, 244, 0.1);
+@define-color wm_bg #191724;
+@define-color wm_unfocused_bg #191724;
+@define-color wm_button_close_icon #191724;
+@define-color wm_button_close_hover_bg #faf4ed;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #191724;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #e0def4;
+@define-color budgie_tasklist_indicator_color_active #e0def4;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #faf4ed;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #faf4ed;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #191724;
+@define-color window_fg_color #e0def4;
+@define-color view_bg_color #191724;
+@define-color view_fg_color #e0def4;
+@define-color headerbar_bg_color #191724;
+@define-color headerbar_fg_color #e0def4;
+@define-color headerbar_border_color rgba(224, 222, 244, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #191724;
+@define-color card_fg_color #e0def4;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #191724;
+@define-color dialog_fg_color #e0def4;
+@define-color popover_bg_color #191724;
+@define-color popover_fg_color #e0def4;
+@define-color thumbnail_bg_color #191724;
+@define-color thumbnail_fg_color #e0def4;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
/***************
* Base States *
***************/
.background {
- background-color: #1a1b26;
- color: #eff0f2;
-}
-
-.background.csd {
- border-radius: 12px;
-}
-
-.background.maximized,
-.background.tiled,
-.background.fullscreen,
-.background.solid-csd {
- border-radius: 0;
+ background-color: #191724;
+ color: #e0def4;
}
dnd {
- color: #eff0f2;
+ color: #e0def4;
}
.normal-icons {
@@ -38,25 +176,23 @@ treeview.expander:disabled {
-gtk-icon-filter: opacity(0.5);
}
-filechooser stack.view scrolledwindow treeview.view,
iconview,
.view {
- color: #eff0f2;
+ color: #e0def4;
}
-filechooser stack.view scrolledwindow treeview.view:disabled,
iconview:disabled,
.view:disabled {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
textview text {
- background-color: #1a1b26;
+ background-color: #191724;
}
textview border {
- background-color: #242424;
- color: rgba(239, 240, 242, 0.7);
+ color: #9ccfd8;
+ background-color: #403d52;
}
iconview:hover,
@@ -73,8 +209,8 @@ columnview.view > rubberband,
treeview.view > rubberband,
gridview > rubberband,
flowbox > rubberband {
- border: 1px solid #d5d6db;
- background-color: rgba(224, 224, 224, 0.3);
+ border: 1px solid #faf4ed;
+ background-color: rgba(250, 244, 237, 0.3);
}
flowbox > flowboxchild {
@@ -100,17 +236,19 @@ gridview > child box {
}
coverflow cover {
- color: #eff0f2;
- background-color: #1a1b26;
+ color: #e0def4;
+ background-color: #191724;
border: 1px solid black;
}
label.separator {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
label:disabled {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
+ opacity: 1;
+ filter: none;
}
headerbar label:disabled,
@@ -121,12 +259,19 @@ button label:disabled {
label.osd {
border-radius: 6px;
- background-color: rgba(25, 25, 25, 0.9);
- color: #eff0f2;
+ background-color: rgba(33, 32, 46, 0.9);
+ color: #e0def4;
}
-.dim-label {
- color: rgba(239, 240, 242, 0.7);
+label.search-information {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+ color: rgba(224, 222, 244, 0.7);
+ opacity: 1;
}
window.assistant .sidebar {
@@ -136,12 +281,12 @@ window.assistant .sidebar {
window.assistant .sidebar label {
min-height: 36px;
padding: 0 12px;
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
font-weight: 500;
}
window.assistant .sidebar label.highlight {
- color: #eff0f2;
+ color: #e0def4;
}
.osd popover.background > arrow,
@@ -151,8 +296,7 @@ popover.background.touch-selection > contents,
popover.background.magnifier > arrow,
popover.background.magnifier > contents,
.osd {
- color: #eff0f2;
- background-color: #1a1b26;
+ color: #e0def4;
background-clip: padding-box;
border-radius: 6px;
border: none;
@@ -161,8 +305,8 @@ popover.background.magnifier > contents,
.osd {
padding: 6px;
margin: 6px;
- box-shadow: 0 2px 2.4px -1px rgba(26, 27, 38, 0.2),
- 0 4px 3px 0 rgba(26, 27, 38, 0.14), 0 1px 6px 0 rgba(26, 27, 38, 0.12);
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.osd.circular {
@@ -241,8 +385,6 @@ spinner:checked:disabled {
/****************
* Text Entries *
****************/
-spinbutton.vertical,
-spinbutton:not(.vertical),
entry {
min-height: 36px;
padding: 0 8px;
@@ -252,40 +394,37 @@ entry {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.08);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ outline: none;
}
-spinbutton.vertical:focus-within,
-spinbutton:focus-within:not(.vertical),
entry:focus-within {
- background-color: rgba(239, 240, 242, 0.08);
- box-shadow: inset 0 0 0 2px #d5d6db;
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #faf4ed;
+ outline: none;
}
-spinbutton.vertical:drop(active),
-spinbutton:drop(active):not(.vertical),
entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ outline: none;
}
-spinbutton.vertical:disabled,
-spinbutton:disabled:not(.vertical),
entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
}
-spinbutton.search.vertical,
-spinbutton.search:not(.vertical),
entry.search {
- border-radius: 7px;
+ border-radius: 6px;
+ padding: 2px 12px;
}
-spinbutton.flat.vertical,
-spinbutton.flat:not(.vertical),
entry.flat {
min-height: 0;
padding: 2px;
@@ -293,49 +432,35 @@ entry.flat {
background-color: transparent;
}
-spinbutton.vertical image,
-spinbutton:not(.vertical) image,
entry image {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
-spinbutton.vertical image:hover,
-spinbutton:not(.vertical) image:hover,
-spinbutton.vertical image:active,
-spinbutton:not(.vertical) image:active,
entry image:hover,
entry image:active {
- color: #eff0f2;
+ color: #e0def4;
}
-spinbutton.vertical image:disabled,
-spinbutton:not(.vertical) image:disabled,
entry image:disabled {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
-spinbutton.vertical image.left,
-spinbutton:not(.vertical) image.left,
entry image.left {
margin-left: 2px;
margin-right: 6px;
}
-spinbutton.vertical image.right,
-spinbutton:not(.vertical) image.right,
entry image.right {
margin-left: 6px;
margin-right: 2px;
}
-spinbutton.vertical undershoot.left,
-spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
background-color: transparent;
background-image: linear-gradient(
to top,
transparent 50%,
- rgba(239, 240, 242, 0.3) 50%
+ rgba(224, 222, 244, 0.3) 50%
);
padding-left: 1px;
background-size: 1px 12px;
@@ -346,14 +471,12 @@ entry undershoot.left {
margin: 4px 0;
}
-spinbutton.vertical undershoot.right,
-spinbutton:not(.vertical) undershoot.right,
entry undershoot.right {
background-color: transparent;
background-image: linear-gradient(
to top,
transparent 50%,
- rgba(239, 240, 242, 0.3) 50%
+ rgba(224, 222, 244, 0.3) 50%
);
padding-right: 1px;
background-size: 1px 12px;
@@ -364,70 +487,64 @@ entry undershoot.right {
margin: 4px 0;
}
-spinbutton.error.vertical,
-spinbutton.error:not(.vertical),
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.08);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ outline: none;
}
-spinbutton.error.vertical:focus-within,
-spinbutton.error:focus-within:not(.vertical),
entry.error:focus-within {
- background-color: rgba(239, 240, 242, 0.08);
- box-shadow: inset 0 0 0 2px #f28b82;
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #eb6f92;
+ outline: none;
}
-spinbutton.error.vertical:disabled,
-spinbutton.error:disabled:not(.vertical),
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
}
-spinbutton.warning.vertical,
-spinbutton.warning:not(.vertical),
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.08);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ outline: none;
}
-spinbutton.warning.vertical:focus-within,
-spinbutton.warning:focus-within:not(.vertical),
entry.warning:focus-within {
- background-color: rgba(239, 240, 242, 0.08);
+ background-color: rgba(224, 222, 244, 0.08);
box-shadow: inset 0 0 0 2px #fdd633;
+ outline: none;
}
-spinbutton.warning.vertical:disabled,
-spinbutton.warning:disabled:not(.vertical),
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
}
-spinbutton.vertical > progress,
-spinbutton:not(.vertical) > progress,
-spinbutton.vertical progress > trough > progress,
-spinbutton:not(.vertical) progress > trough > progress,
entry > progress,
entry progress > trough > progress {
margin: 2px -8px;
- border-bottom: 2px solid #d5d6db;
+ border-bottom: 2px solid #faf4ed;
background-color: transparent;
}
treeview entry.flat,
treeview entry {
- background-color: #1a1b26;
+ background-color: #191724;
}
treeview entry.flat,
@@ -442,8 +559,8 @@ treeview entry:focus-within {
margin: 2px;
border-radius: 9999px;
box-shadow: none;
- background-color: rgba(239, 240, 242, 0.12);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
}
.entry-tag:hover {
@@ -470,15 +587,16 @@ treeview entry:focus-within {
}
.entry-tag.button:not(:hover):not(:active) {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
editablelabel > stack > text {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.08);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ outline: none;
}
/***********
@@ -488,151 +606,162 @@ editablelabel > stack > text {
from {
background-image: radial-gradient(
farthest-side,
- #d5d6db 0%,
- rgba(224, 224, 224, 0) 0%
+ #faf4ed 0%,
+ rgba(250, 244, 237, 0) 0%
);
}
to {
background-image: radial-gradient(
farthest-side,
- #d5d6db 95%,
- rgba(224, 224, 224, 0)
+ #faf4ed 95%,
+ rgba(250, 244, 237, 0)
);
}
}
+toast button,
+toast button.text-button,
+toast button.circular.flat,
infobar.warning > revealer > box button,
infobar.warning:backdrop > revealer > box button,
popover.background.touch-selection button,
popover.background.magnifier button,
-.titlebar.selection-mode
+headerbar.selection-mode
button:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
+toast button:focus,
+toast button.circular.flat:focus,
infobar.warning > revealer > box button:focus,
popover.background.touch-selection button:focus,
popover.background.magnifier button:focus,
-.titlebar.selection-mode
+headerbar.selection-mode
button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
infobar.warning > revealer > box button:hover,
popover.background.touch-selection button:hover,
popover.background.magnifier button:hover,
-.titlebar.selection-mode
+headerbar.selection-mode
button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
infobar.warning > revealer > box button:active,
popover.background.touch-selection button:active,
popover.background.magnifier button:active,
-.titlebar.selection-mode
+headerbar.selection-mode
button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
infobar.warning > revealer > box button:checked,
popover.background.touch-selection button:checked,
popover.background.magnifier button:checked,
-.titlebar.selection-mode
+headerbar.selection-mode
button:checked:not(.suggested-action):not(.destructive-action) {
- color: #eff0f2;
+ color: #e0def4;
}
+toast button:disabled,
+toast button.circular.flat:disabled,
infobar.warning > revealer > box button:disabled,
popover.background.touch-selection button:disabled,
popover.background.magnifier button:disabled,
-.titlebar.selection-mode
+headerbar.selection-mode
button:disabled:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
+toast button:checked:disabled,
infobar.warning > revealer > box button:checked:disabled,
popover.background.touch-selection button:checked:disabled,
popover.background.magnifier button:checked:disabled,
-.titlebar.selection-mode
+headerbar.selection-mode
button:checked:disabled:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
-actionbar
- > revealer
- > box
- .linked
- > button:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:not(.suggested-action):not(.destructive-action):not(.flat),
button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
- box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: none;
- box-shadow: inset 0 0 0 9999px transparent;
- background-color: rgba(239, 240, 242, 0.08);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px transparent;
}
-actionbar
- > revealer
- > box
- .linked
- > button:focus:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
button:focus {
- box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08),
- inset 0 0 0 9999px transparent;
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #e0def4;
+ outline: none;
}
-actionbar
- > revealer
- > box
- .linked
- > button:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
button:hover {
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px transparent;
}
-actionbar
- > revealer
- > box
- .linked
- > button:active:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:active:not(.suggested-action):not(.destructive-action):not(.flat),
button:active {
- transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1),
- background-color 225ms cubic-bezier(0, 0, 0.2, 1);
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.12);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #e0def4;
}
-actionbar
- > revealer
- > box
- .linked
- > button:disabled:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
button:disabled {
box-shadow: none;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
}
-actionbar
- > revealer
- > box
- .linked
- > button:checked:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
button:checked {
box-shadow: none;
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ outline: none;
}
-actionbar
- > revealer
- > box
- .linked
- > button:checked:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
button:checked:hover {
- box-shadow: inset 0 0 0 9999px transparent;
+ box-shadow: none;
}
-actionbar
- > revealer
- > box
- .linked
- > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
button:checked:disabled {
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ opacity: 1;
+ filter: none;
}
button {
@@ -644,7 +773,9 @@ button {
}
button:drop(active) {
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px transparent;
}
placessidebar .navigation-sidebar > row button.sidebar-button,
@@ -652,34 +783,35 @@ calendar > header > button,
columnview.view > header > button button.circular,
treeview.view > header > button button.circular,
row.activatable button.circular,
-check,
-radio,
scrollbar button,
notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
spinbutton.vertical > button,
spinbutton:not(.vertical) > button,
-modelbutton.flat,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
filechooser #pathbarbox > stack > box > button,
window.dialog.message.csd .dialog-action-area > button,
.app-notification button,
-actionbar
- > revealer
- > box
- button:not(.suggested-action):not(.destructive-action),
-popover.background.menu button,
-popover.background button.model,
-pathbar > button,
headerbar button:not(.suggested-action):not(.destructive-action),
.toolbar button,
toolbar button,
dropdown > .linked:not(.vertical) > button:not(:only-child),
combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
button.flat {
- transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
- outline: none;
- box-shadow: inset 0 0 0 9999px transparent;
background-color: transparent;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
placessidebar .navigation-sidebar > row button.sidebar-button:focus,
@@ -687,31 +819,35 @@ calendar > header > button:focus,
columnview.view > header > button button.circular:focus,
treeview.view > header > button button.circular:focus,
row.activatable button.circular:focus,
-check:focus,
-radio:focus,
scrollbar button:focus,
notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
spinbutton.vertical > button:focus,
spinbutton:not(.vertical) > button:focus,
-modelbutton.flat:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
filechooser #pathbarbox > stack > box > button:focus,
window.dialog.message.csd .dialog-action-area > button:focus,
.app-notification button:focus,
-actionbar
- > revealer
- > box
- button:focus:not(.suggested-action):not(.destructive-action),
-popover.background.menu button:focus,
-popover.background button.model:focus,
-pathbar > button:focus,
headerbar button:focus:not(.suggested-action):not(.destructive-action),
.toolbar button:focus,
toolbar button:focus,
dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
button.flat:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
- color: #eff0f2;
+ color: #e0def4;
}
placessidebar .navigation-sidebar > row button.sidebar-button:hover,
@@ -719,31 +855,35 @@ calendar > header > button:hover,
columnview.view > header > button button.circular:hover,
treeview.view > header > button button.circular:hover,
row.activatable button.circular:hover,
-check:hover,
-radio:hover,
scrollbar button:hover,
notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
spinbutton.vertical > button:hover,
spinbutton:not(.vertical) > button:hover,
-modelbutton.flat:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
filechooser #pathbarbox > stack > box > button:hover,
window.dialog.message.csd .dialog-action-area > button:hover,
.app-notification button:hover,
-actionbar
- > revealer
- > box
- button:hover:not(.suggested-action):not(.destructive-action),
-popover.background.menu button:hover,
-popover.background button.model:hover,
-pathbar > button:hover,
headerbar button:hover:not(.suggested-action):not(.destructive-action),
.toolbar button:hover,
toolbar button:hover,
dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
button.flat:hover {
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
- color: #eff0f2;
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
}
placessidebar .navigation-sidebar > row button.sidebar-button:active,
@@ -751,32 +891,36 @@ calendar > header > button:active,
columnview.view > header > button button.circular:active,
treeview.view > header > button button.circular:active,
row.activatable button.circular:active,
-check:active,
-radio:active,
scrollbar button:active,
notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
spinbutton.vertical > button:active,
spinbutton:not(.vertical) > button:active,
-modelbutton.flat:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
filechooser #pathbarbox > stack > box > button:active,
window.dialog.message.csd .dialog-action-area > button:active,
.app-notification button:active,
-actionbar
- > revealer
- > box
- button:active:not(.suggested-action):not(.destructive-action),
-popover.background.menu button:active,
-popover.background button.model:active,
-pathbar > button:active,
headerbar button:active:not(.suggested-action):not(.destructive-action),
.toolbar button:active,
toolbar button:active,
dropdown > .linked:not(.vertical) > button:active:not(:only-child),
combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
button.flat:active {
- transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
- color: #eff0f2;
+ background-color: alpha(currentColor, 0.12);
+ color: #e0def4;
+ box-shadow: none;
}
placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
@@ -784,74 +928,90 @@ calendar > header > button:disabled,
columnview.view > header > button button.circular:disabled,
treeview.view > header > button button.circular:disabled,
row.activatable button.circular:disabled,
-check:disabled,
-radio:disabled,
scrollbar button:disabled,
notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
spinbutton.vertical > button:disabled,
spinbutton:not(.vertical) > button:disabled,
-modelbutton.flat:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
filechooser #pathbarbox > stack > box > button:disabled,
window.dialog.message.csd .dialog-action-area > button:disabled,
.app-notification button:disabled,
-actionbar
- > revealer
- > box
- button:disabled:not(.suggested-action):not(.destructive-action),
-popover.background.menu button:disabled,
-popover.background button.model:disabled,
-pathbar > button:disabled,
headerbar button:disabled:not(.suggested-action):not(.destructive-action),
.toolbar button:disabled,
toolbar button:disabled,
dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
button.flat:disabled {
box-shadow: none;
background-color: transparent;
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
+ opacity: 1;
+ filter: none;
}
filechooser #pathbarbox > stack > box > button:checked,
window.dialog.message.csd .dialog-action-area > button:checked,
.app-notification button:checked,
-actionbar
- > revealer
- > box
- button:checked:not(.suggested-action):not(.destructive-action),
-popover.background.menu button:checked,
-popover.background button.model:checked,
-pathbar > button:checked,
headerbar button:checked:not(.suggested-action):not(.destructive-action),
.toolbar button:checked,
toolbar button:checked,
dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
button.flat:checked,
button.flat:checked:hover {
background-color: alpha(currentColor, 0.1);
- color: #eff0f2;
+ color: #e0def4;
+ outline: none;
+ box-shadow: none;
}
filechooser #pathbarbox > stack > box > button:checked:disabled,
window.dialog.message.csd .dialog-action-area > button:checked:disabled,
.app-notification button:checked:disabled,
-actionbar
- > revealer
- > box
- button:checked:disabled:not(.suggested-action):not(.destructive-action),
-popover.background.menu button:checked:disabled,
-popover.background button.model:checked:disabled,
-pathbar > button:checked:disabled,
headerbar
button:checked:disabled:not(.suggested-action):not(.destructive-action),
.toolbar button:checked:disabled,
toolbar button:checked:disabled,
dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
button.flat:checked:disabled {
- background-color: alpha(currentColor, 0.1);
- color: rgba(239, 240, 242, 0.5);
+ background-color: alpha(currentColor, 0.06);
+ color: rgba(224, 222, 244, 0.5);
+ opacity: 1;
+ filter: none;
}
button.text-button {
@@ -869,6 +1029,11 @@ button.text-button.flat {
button.image-button {
min-width: 24px;
padding: 6px;
+ border-radius: 6px;
+}
+
+.linked button.image-button {
+ border-radius: 6px;
}
button.text-button.image-button {
@@ -909,10 +1074,23 @@ button.text-button.image-button image:not(:only-child) {
button.osd {
padding: 12px 16px;
+ box-shadow: none;
+ background-color: #21202e;
+ color: #e0def4;
+}
+
+button.osd:hover {
+ background-color: #403d52;
+ color: #e0def4;
+}
+
+button.osd:active {
+ background-color: #21202e;
+ color: #e0def4;
}
button.osd.image-button {
- padding: 12px;
+ padding: 6px;
}
button.osd:disabled {
@@ -920,21 +1098,24 @@ button.osd:disabled {
}
button.suggested-action {
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
box-shadow: none;
}
button.suggested-action:disabled {
box-shadow: none;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
}
button.suggested-action:hover {
box-shadow: inset 0 0 0 9999px transparent,
- 0 2px 2.4px -1px rgba(224, 224, 224, 0.2),
- 0 4px 3px 0 rgba(224, 224, 224, 0.14), 0 1px 6px 0 rgba(224, 224, 224, 0.12);
+ 0 2px 2.4px -1px rgba(250, 244, 237, 0.2),
+ 0 4px 3px 0 rgba(250, 244, 237, 0.14), 0 1px 6px 0 rgba(250, 244, 237, 0.12);
}
button.suggested-action:checked {
@@ -943,40 +1124,45 @@ button.suggested-action:checked {
button.suggested-action:checked:hover {
box-shadow: inset 0 0 0 9999px transparent,
- 0 3px 3px -3px rgba(224, 224, 224, 0.3),
- 0 2px 3px -1px rgba(224, 224, 224, 0.24),
- 0 2px 5px 0 rgba(224, 224, 224, 0.12);
+ 0 3px 3px -3px rgba(250, 244, 237, 0.3),
+ 0 2px 3px -1px rgba(250, 244, 237, 0.24),
+ 0 2px 5px 0 rgba(250, 244, 237, 0.12);
}
button.suggested-action:focus {
- box-shadow: 0 0 0 2px rgba(224, 224, 224, 0.35);
+ box-shadow: 0 0 0 2px rgba(250, 244, 237, 0.35);
}
button.suggested-action.flat {
background-color: transparent;
- color: #d5d6db;
+ color: #faf4ed;
}
button.suggested-action.flat:disabled {
box-shadow: none;
background-color: transparent;
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
+ opacity: 1;
+ filter: none;
}
button.suggested-action.flat:checked {
- background-color: rgba(224, 224, 224, 0.3);
+ background-color: rgba(250, 244, 237, 0.3);
}
button.destructive-action {
- background-color: #f28b82;
- color: rgba(26, 27, 38, 0.87);
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
box-shadow: none;
}
button.destructive-action:disabled {
box-shadow: none;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
}
button.destructive-action:hover {
@@ -1002,19 +1188,94 @@ button.destructive-action:focus {
button.destructive-action.flat {
background-color: transparent;
- color: #f28b82;
+ color: #eb6f92;
}
button.destructive-action.flat:disabled {
box-shadow: none;
background-color: transparent;
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
+ opacity: 1;
+ filter: none;
}
button.destructive-action.flat:checked {
background-color: rgba(242, 139, 130, 0.3);
}
+menubutton.pill > button,
+button.pill {
+ padding: 9px 30px;
+ border-radius: 9999px;
+}
+
+button.card {
+ background-clip: padding-box;
+ font-weight: inherit;
+ background-clip: border-box;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.12);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #e0def4;
+}
+
+button.card:checked {
+ background-image: none;
+ box-shadow: none;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ outline: none;
+ border-color: #faf4ed;
+}
+
+button.card:checked:hover {
+ background-image: none;
+ box-shadow: none;
+}
+
+button.card:checked:disabled {
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ opacity: 1;
+ filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+ background-image: none;
+}
+
+button.card.has-open-popup:checked {
+ background-image: none;
+}
+
+button.card:drop(active) {
+ color: #ff7043;
+ box-shadow: inset 0 0 0 1px #ff7043;
+}
+
stackswitcher > button > label {
margin: 0 -6px;
padding: 0 6px;
@@ -1043,24 +1304,24 @@ button.file > box > box > label {
windowcontrols button:not(.suggested-action):not(.destructive-action),
filechooser #pathbarbox > stack > box > button,
-check,
-radio,
-button.image-button,
+menubutton.circular > button,
button.close,
button.circular {
border-radius: 9999px;
+ min-width: 24px;
+ min-height: 24px;
+ padding: 6px;
}
windowcontrols button:not(.suggested-action):not(.destructive-action) label,
filechooser #pathbarbox > stack > box > button label,
-check label,
-radio label,
-button.image-button label,
+menubutton.circular > button label,
button.close label,
button.circular label {
padding: 0;
}
+.nautilus-window .floating-bar button,
placessidebar .navigation-sidebar > row button.sidebar-button,
notebook > header tab button.flat,
popover.menu box.circular-buttons button.circular.image-button.model,
@@ -1072,6 +1333,241 @@ spinbutton:not(.vertical) > button {
border-radius: 9999px;
}
+menubutton.osd {
+ background: none;
+ color: inherit;
+}
+
+menubutton.suggested-action {
+ background-color: #faf4ed;
+ color: #e0def4;
+}
+
+menubutton.destructive-action {
+ background-color: #eb6f92;
+ color: #e0def4;
+}
+
+menubutton.opaque {
+ background-color: #575279;
+ color: #e0def4;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+ border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+ border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+ background-color: transparent;
+ color: inherit;
+}
+
+menubutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+menubutton arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menubutton arrow.none {
+ -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+ -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+ border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ transition-property: background;
+}
+
+splitbutton:disabled {
+ filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+ filter: none;
+}
+
+splitbutton > separator {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background: none;
+}
+
+splitbutton > menubutton > button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+ border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+ background: rgba(224, 222, 244, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+ background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+ background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+ background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+ background-color: #faf4ed;
+ color: #e0def4;
+}
+
+splitbutton.destructive-action {
+ background-color: #eb6f92;
+ color: #e0def4;
+}
+
+splitbutton.opaque {
+ background-color: #575279;
+ color: #e0def4;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+ color: inherit;
+ background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+ box-shadow: inset 1px 0 rgba(224, 222, 244, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+ box-shadow: inset -1px 0 rgba(224, 222, 244, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+ border-spacing: 6px;
+}
+
+buttoncontent > label {
+ font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+ padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+ padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+ padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+ padding-left: 0;
+}
+
stacksidebar row.needs-attention > label,
stackswitcher > button.needs-attention > label,
stackswitcher > button.needs-attention > image {
@@ -1087,82 +1583,218 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
background-position: left 3px;
}
-.linked:not(.vertical) > spinbutton.vertical,
-.linked:not(.vertical) > spinbutton:not(.vertical),
.linked:not(.vertical) > entry,
.linked:not(.vertical) > button,
.linked:not(.vertical) > button.image-button {
border-radius: 0;
}
-.linked:not(.vertical) > spinbutton.vertical:first-child,
-.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
.linked:not(.vertical) > entry:first-child,
.linked:not(.vertical) > button:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
-.linked:not(.vertical) > spinbutton.vertical:last-child,
-.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
.linked:not(.vertical) > entry:last-child,
.linked:not(.vertical) > button:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
-.linked:not(.vertical) > spinbutton.vertical:only-child,
-.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
.linked:not(.vertical) > entry:only-child,
.linked:not(.vertical) > button:only-child {
border-radius: 6px;
}
-.linked.vertical > spinbutton.vertical,
-.linked.vertical > spinbutton:not(.vertical),
.linked.vertical > entry,
.linked.vertical > button,
.linked.vertical > button.image-button {
border-radius: 0;
}
-.linked.vertical > spinbutton.vertical:first-child,
-.linked.vertical > spinbutton:first-child:not(.vertical),
.linked.vertical > entry:first-child,
.linked.vertical > button:first-child {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
-.linked.vertical > spinbutton.vertical:last-child,
-.linked.vertical > spinbutton:last-child:not(.vertical),
.linked.vertical > entry:last-child,
.linked.vertical > button:last-child {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
-.linked.vertical > spinbutton.vertical:only-child,
-.linked.vertical > spinbutton:only-child:not(.vertical),
.linked.vertical > entry:only-child,
.linked.vertical > button:only-child {
border-radius: 6px;
}
-/* menu buttons */
-modelbutton.flat {
- min-height: 28px;
- padding: 0 9px;
- border-radius: 6px;
- color: #eff0f2;
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
}
-modelbutton.flat arrow.left {
- -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-modelbutton.flat arrow.right {
- -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+.linked.vertical button:not(.combo):not(:first-child) {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
}
button.color {
@@ -1178,24 +1810,29 @@ list > row button.image-button:not(.flat) {
}
list > row button.image-button:not(.flat):hover {
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px transparent;
}
list > row button.image-button:not(.flat):active,
list > row button.image-button:not(.flat):checked {
- transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1),
- background-color 225ms cubic-bezier(0, 0, 0.2, 1);
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.12);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #e0def4;
}
-list > row button.image-button:not(.flat).suggested-action {
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
+list > row button.image-button.suggested-action:not(.flat) {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
}
-list > row button.image-button:not(.flat).destructive-action {
- background-color: #f28b82;
- color: rgba(26, 27, 38, 0.87);
+list > row button.image-button.destructive-action:not(.flat) {
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
}
/*********
@@ -1230,9 +1867,32 @@ button.link > label {
/*****************
* GtkSpinButton *
*****************/
-spinbutton:not(.vertical) {
+spinbutton {
+ border-radius: 6px;
padding: 0;
border-spacing: 0;
+ min-height: 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ outline: none;
+}
+
+spinbutton:focus-within {
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #faf4ed;
+ outline: none;
+}
+
+spinbutton:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
}
spinbutton:not(.vertical) > text {
@@ -1252,7 +1912,7 @@ spinbutton:not(.vertical) > button {
spinbutton:not(.vertical)
> button:focus:not(:hover):not(:active):not(:disabled) {
box-shadow: inset 0 0 0 9999px transparent;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
spinbutton:not(.vertical) > button.up:dir(ltr),
@@ -1265,14 +1925,6 @@ spinbutton:not(.vertical) > button.down:dir(ltr) {
margin-right: -3px;
}
-spinbutton.vertical {
- padding: 0;
-}
-
-spinbutton.vertical:disabled {
- color: rgba(239, 240, 242, 0.5);
-}
-
spinbutton.vertical > text {
margin: 0;
border-image: none;
@@ -1291,7 +1943,7 @@ spinbutton.vertical > button {
spinbutton.vertical > button:focus:not(:hover):not(:active) {
box-shadow: inset 0 0 0 9999px transparent;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
spinbutton.vertical > button.up {
@@ -1302,26 +1954,23 @@ spinbutton.vertical > button.down {
margin: 0 3px;
}
-treeview spinbutton:not(.vertical),
-row spinbutton:not(.vertical) {
- min-height: 0;
- border-style: none;
- border-radius: 0;
+list > row spinbutton:not(.vertical) > button {
+ margin: 6px;
}
-treeview spinbutton:not(.vertical) > text,
-row spinbutton:not(.vertical) > text {
- min-height: 0;
- padding: 1px 2px;
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 3px;
}
/**************
* ComboBoxes *
**************/
-dropdown > popover.menu.background > contents {
- padding: 0;
-}
-
dropdown > button > box {
border-spacing: 6px;
}
@@ -1357,7 +2006,7 @@ combobox popover {
dropdown popover listview,
combobox popover listview {
- margin: 6px 0;
+ margin: 0;
}
dropdown popover listview > row,
@@ -1367,7 +2016,7 @@ combobox popover listview > row {
dropdown popover listview > row:selected,
combobox popover listview > row:selected {
- color: #eff0f2;
+ color: #e0def4;
background-color: alpha(currentColor, 0.06);
}
@@ -1411,7 +2060,7 @@ combobox > .linked:not(.vertical) > button:not(:only-child) {
min-width: 16px;
margin: 6px;
padding: 4px;
- border-radius: 6px;
+ border-radius: 9999px;
}
.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
@@ -1440,35 +2089,41 @@ button.combo:only-child {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.08);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ outline: none;
}
button.combo:only-child:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
- color: #eff0f2;
+ color: #e0def4;
}
button.combo:only-child:hover {
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
- color: #eff0f2;
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
}
button.combo:only-child:active {
- transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
- color: #eff0f2;
+ background-color: alpha(currentColor, 0.12);
+ color: #e0def4;
+ box-shadow: none;
}
button.combo:only-child:checked {
background-color: alpha(currentColor, 0.1);
- color: #eff0f2;
+ color: #e0def4;
+ outline: none;
+ box-shadow: none;
}
button.combo:only-child:disabled {
box-shadow: none;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
}
/************
@@ -1477,7 +2132,7 @@ button.combo:only-child:disabled {
.toolbar,
toolbar {
padding: 3px 6px;
- background-color: #1a1b26;
+ background-color: #191724;
border-spacing: 6px;
}
@@ -1492,18 +2147,18 @@ toolbar.osd {
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
padding: 6px;
border-radius: 6px;
- box-shadow: 0 2px 2.4px -1px rgba(26, 27, 38, 0.2),
- 0 4px 3px 0 rgba(26, 27, 38, 0.14), 0 1px 6px 0 rgba(26, 27, 38, 0.12),
- inset 0 1px rgba(239, 240, 242, 0.1);
- background-color: #24283b;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
}
.app-notification:backdrop,
.toolbar.osd:backdrop,
toolbar.osd:backdrop {
- box-shadow: 0 3px 2px -3px rgba(26, 27, 38, 0.3),
- 0 2px 2px -1px rgba(26, 27, 38, 0.24), 0 1px 3px 0 rgba(26, 27, 38, 0.12),
- inset 0 1px rgba(239, 240, 242, 0.1);
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
}
.left.app-notification,
@@ -1529,9 +2184,9 @@ toolbar.osd.bottom {
background-image: linear-gradient(
to bottom,
transparent,
- rgba(26, 27, 38, 0.1) 30%,
- rgba(26, 27, 38, 0.2) 50%,
- rgba(26, 27, 38, 0.4)
+ rgba(0, 0, 0, 0.1) 30%,
+ rgba(0, 0, 0, 0.2) 50%,
+ rgba(0, 0, 0, 0.4)
);
}
@@ -1586,250 +2241,158 @@ toolbar:not(.inline-toolbar):not(.osd) switch {
margin: 8px 2px;
}
-.toolbar button {
- margin: 1px;
- border-radius: 3px;
-}
-
searchbar > revealer > box {
padding: 6px;
border-spacing: 6px;
border-style: solid;
border-width: 0 0 1px;
- border-color: rgba(239, 240, 242, 0.12);
- background-color: #1a1b26;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
background-clip: border-box;
+ box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+ margin: 0;
}
/***************
* Header bars *
***************/
headerbar button:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
border-radius: 6px;
}
-headerbar
- .linked:not(.vertical)
- > button:not(.suggested-action):not(.destructive-action) {
- border-radius: 9999px;
-}
-
headerbar button:focus:not(.suggested-action):not(.destructive-action),
headerbar button:hover:not(.suggested-action):not(.destructive-action),
headerbar button:active:not(.suggested-action):not(.destructive-action),
headerbar button:checked:not(.suggested-action):not(.destructive-action) {
- color: #eff0f2;
+ color: #e0def4;
}
headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
headerbar
button:checked:disabled:not(.suggested-action):not(.destructive-action) {
background-color: transparent;
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
headerbar
button:backdrop:active:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
headerbar
button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
headerbar
button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
headerbar
button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
-.titlebar entry {
- background-color: rgba(239, 240, 242, 0.04);
- color: #eff0f2;
+headerbar entry {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: #e0def4;
}
-.titlebar entry:disabled {
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+headerbar entry:focus-within {
+ box-shadow: inset 0 0 0 2px #faf4ed;
}
-.titlebar entry image {
- color: rgba(239, 240, 242, 0.7);
+headerbar entry:disabled {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
}
-.titlebar entry image:hover,
-.titlebar entry image:active {
- color: #eff0f2;
+headerbar entry image {
+ color: rgba(224, 222, 244, 0.7);
}
-.titlebar entry image:disabled {
- color: rgba(239, 240, 242, 0.5);
+headerbar entry image:hover,
+headerbar entry image:active {
+ color: #e0def4;
}
-.titlebar {
- transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
- color 75ms cubic-bezier(0, 0, 0.2, 1);
- border-radius: 12px 12px 0 0;
- background-color: #1a1b26;
- color: #eff0f2;
-}
-
-.titlebar:disabled {
- color: rgba(239, 240, 242, 0.5);
-}
-
-.titlebar:backdrop {
- background-color: #1a1b26;
- color: rgba(239, 240, 242, 0.7);
-}
-
-.titlebar:backdrop:disabled {
- color: rgba(239, 240, 242, 0.3);
-}
-
-.titlebar .title {
- padding: 0 12px;
- font-weight: bold;
-}
-
-.titlebar .subtitle {
- padding: 0 12px;
- font-size: smaller;
-}
-
-.titlebar .subtitle,
-.titlebar .dim-label {
- transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
- color: rgba(239, 240, 242, 0.7);
-}
-
-.titlebar .subtitle:backdrop,
-.titlebar .dim-label:backdrop {
- color: rgba(239, 240, 242, 0.5);
-}
-
-.titlebar .titlebar {
- background-color: transparent;
- box-shadow: none;
-}
-
-.titlebar headerbar + separator {
- background-color: rgba(239, 240, 242, 0.12);
-}
-
-.titlebar .linked:not(.vertical) > entry:not(:only-child) {
- border-radius: 6px;
-}
-
-.titlebar button.suggested-action:disabled,
-.titlebar button.destructive-action:disabled {
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
-}
-
-.titlebar button.toggle {
- border-radius: 9999px;
-}
-
-.titlebar stackswitcher {
- margin: 6px 0;
- border-radius: 9999px;
-}
-
-.titlebar
- stackswitcher.linked:not(.vertical)
- > button:not(.suggested-action):not(.destructive-action).text-button {
- border-radius: 9999px;
-}
-
-.titlebar.selection-mode {
- transition: background-color 0.1ms 225ms,
- color 75ms cubic-bezier(0, 0, 0.2, 1);
- box-shadow: inset 0 1px rgba(239, 240, 242, 0);
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
-}
-
-.titlebar.selection-mode:backdrop {
- color: rgba(26, 27, 38, 0.6);
-}
-
-.titlebar.selection-mode .subtitle:link {
- color: rgba(26, 27, 38, 0.87);
-}
-
-.titlebar.selection-mode .selection-menu {
- padding-left: 16px;
- padding-right: 16px;
-}
-
-.titlebar.selection-mode .selection-menu .arrow {
- -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
-}
-
-.titlebar .selection-mode {
- box-shadow: inset 0 1px rgba(239, 240, 242, 0);
- background-color: #d5d6db;
-}
-
-.tiled .titlebar,
-.tiled-top .titlebar,
-.tiled-right .titlebar,
-.tiled-bottom .titlebar,
-.tiled-left .titlebar,
-.maximized .titlebar,
-.fullscreen .titlebar {
- border-radius: 0;
-}
-
-.titlebar.default-decoration {
- min-height: 24px;
- padding: 6px;
- border-radius: 6px 6px 0 0;
-}
-
-.titlebar.default-decoration windowcontrols button,
-.titlebar.default-decoration windowcontrols menubutton {
- min-height: 24px;
- min-width: 24px;
- margin: 0;
- padding: 0;
-}
-
-.solid-csd .titlebar:dir(rtl),
-.solid-csd .titlebar:dir(ltr) {
- border-radius: 0;
- box-shadow: none;
+headerbar entry image:disabled {
+ color: rgba(224, 222, 244, 0.5);
}
headerbar {
min-height: 48px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #191724;
+ color: #e0def4;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+}
+
+headerbar:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+headerbar:backdrop {
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+headerbar:backdrop:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+headerbar.flat {
+ background-color: transparent;
+ color: #e0def4;
+}
+
+headerbar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+headerbar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+headerbar > windowhandle > box {
padding: 0 6px;
}
-headerbar:not(.titlebar) {
- box-shadow: none;
-}
-
-box.vertical headerbar {
- background-color: #1a1b26;
-}
-
headerbar > windowhandle > box,
headerbar > windowhandle > box > box.start,
headerbar > windowhandle > box > box.end {
@@ -1838,15 +2401,26 @@ headerbar > windowhandle > box > box.end {
headerbar entry,
headerbar spinbutton,
-headerbar button {
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
margin-top: 6px;
margin-bottom: 6px;
}
-headerbar separator:not(.sidebar) {
- margin-top: 12px;
- margin-bottom: 12px;
- background-color: rgba(239, 240, 242, 0.12);
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+ background-color: rgba(224, 222, 244, 0.12);
}
headerbar switch {
@@ -1864,55 +2438,116 @@ headerbar .entry-tag {
margin-bottom: 5px;
}
-headerbar.windowhandle
- > viewswitcher
- > box
- > button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+headerbar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+headerbar headerbar + separator {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+headerbar stackswitcher {
+ margin: 6px 0;
+ border-radius: 9999px;
+}
+
+headerbar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 9999px;
+}
+
+headerbar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+ transition: background-color 0.1ms 225ms,
+ color 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0);
+ background-color: #faf4ed;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
border-radius: 0;
- margin-top: 0;
- margin-bottom: 0;
}
-headerbar.windowhandle > button.popup label,
-headerbar.windowhandle > button.popup image {
- min-height: 0;
+headerbar.default-decoration {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px 6px 0 0;
}
-headerbar.windowhandle viewswitchertitle > squeezer {
- margin-top: 0;
- margin-bottom: 0;
- background: none;
-}
-
-headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
- margin: 0 0;
- background: none;
-}
-
-headerbar.windowhandle
- viewswitchertitle
- > squeezer
- > viewswitcher
- > box.horizontal
- > button.radio {
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+ min-height: 24px;
+ min-width: 24px;
margin: 0;
padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
border-radius: 0;
+ box-shadow: none;
}
window.devel headerbar.titlebar {
- background: #1a1b26
+ background: #191724
cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
90% 0/256px 256px no-repeat,
- linear-gradient(to right, transparent 65%, rgba(224, 224, 224, 0.1)),
+ linear-gradient(to right, transparent 65%, rgba(250, 244, 237, 0.1)),
linear-gradient(to top, #343434 3px, #393939);
}
window.devel headerbar.titlebar:backdrop {
- background: #1a1b26
+ background: #191724
cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
90% 0/256px 256px no-repeat,
- image(#1a1b26);
+ image(#191724);
/* background-color would flash */
}
@@ -1926,11 +2561,6 @@ pathbar > button {
border-radius: 6px;
}
-pathbar > button:checked,
-pathbar > button:checked:disabled {
- background-color: transparent;
-}
-
pathbar > button label:not(:only-child):first-child {
margin-left: 0;
}
@@ -1948,22 +2578,58 @@ pathbar > button.slider-button {
padding-right: 4px;
}
+.pathbar {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.7);
+ border: none;
+ border-radius: 6px;
+ padding: 2px;
+}
+
+headerbar .pathbar {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.pathbar > button {
+ margin-top: 0;
+ margin-bottom: 0;
+ min-height: 20px;
+ border-radius: 4px;
+ border: none;
+ box-shadow: none;
+}
+
+.pathbar > button:last-child {
+ background-color: alpha(currentColor, 0.1);
+ color: #e0def4;
+ outline: none;
+ box-shadow: none;
+}
+
/**************
* Tree Views *
**************/
columnview.view,
treeview.view {
- border-left-color: #4b4b4b;
- border-top-color: #4b4b4b;
+ border-left-color: #403d52;
+ border-top-color: #403d52;
}
columnview.view:selected,
treeview.view:selected {
- background-color: #1a1b26;
- background-image: image(alpha(currentColor, 0.1));
+ background-color: alpha(currentColor, 0.1);
box-shadow: none;
}
+columnview.view:focus,
+treeview.view:focus {
+ box-shadow: none;
+ outline: none;
+}
+
columnview.view:hover,
columnview.view:selected,
treeview.view:hover,
@@ -1975,7 +2641,7 @@ treeview.view:selected {
columnview.view.separator,
treeview.view.separator {
min-height: 5px;
- color: rgba(239, 240, 242, 0.12);
+ color: rgba(224, 222, 244, 0.12);
}
columnview.view:drop(active),
@@ -1983,13 +2649,13 @@ treeview.view:drop(active) {
box-shadow: none;
}
-columnview.view:drop(active).after,
-treeview.view:drop(active).after {
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
border-top-style: none;
}
-columnview.view:drop(active).before,
-treeview.view:drop(active).before {
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
border-bottom-style: none;
}
@@ -2000,13 +2666,13 @@ treeview.view > dndtarget:drop(active) {
border-color: alpha(currentColor, 0.06);
}
-columnview.view > dndtarget:drop(active).after,
-treeview.view > dndtarget:drop(active).after {
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
border-top-style: none;
}
-columnview.view > dndtarget:drop(active).before,
-treeview.view > dndtarget:drop(active).before {
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
border-bottom-style: none;
}
@@ -2014,8 +2680,8 @@ columnview.view.expander,
treeview.view.expander {
min-width: 16px;
min-height: 16px;
- -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
- color: rgba(239, 240, 242, 0.7);
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+ color: rgba(224, 222, 244, 0.7);
}
columnview.view.expander:dir(rtl),
@@ -2025,17 +2691,17 @@ treeview.view.expander:dir(rtl) {
columnview.view.expander:hover,
treeview.view.expander:hover {
- color: #eff0f2;
+ color: #e0def4;
}
columnview.view.expander:selected,
treeview.view.expander:selected {
- color: #eff0f2;
+ color: #e0def4;
}
columnview.view.expander:selected:hover,
treeview.view.expander:selected:hover {
- color: #eff0f2;
+ color: #e0def4;
}
columnview.view.expander:checked,
@@ -2045,12 +2711,12 @@ treeview.view.expander:checked {
columnview.view.expander:disabled,
treeview.view.expander:disabled {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
columnview.view.progressbar,
treeview.view.progressbar {
- border-bottom: 6px solid #d5d6db;
+ border-bottom: 6px solid #faf4ed;
box-shadow: none;
background-color: transparent;
background-image: none;
@@ -2063,7 +2729,7 @@ treeview.view.progressbar:selected:hover {
columnview.view.trough,
treeview.view.trough {
- border-bottom: 6px solid rgba(239, 240, 242, 0.12);
+ border-bottom: 6px solid rgba(224, 222, 244, 0.12);
box-shadow: none;
background-color: transparent;
background-image: none;
@@ -2079,21 +2745,21 @@ treeview.view > header > button {
padding: 2px 6px;
border-style: none solid solid none;
border-width: 1px;
- border-color: rgba(239, 240, 242, 0.12);
+ border-color: rgba(224, 222, 244, 0.12);
border-radius: 0;
background-clip: border-box;
}
columnview.view > header > button:not(:focus):not(:hover):not(:active),
treeview.view > header > button:not(:focus):not(:hover):not(:active) {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
columnview.view > header > button,
columnview.view > header > button:disabled,
treeview.view > header > button,
treeview.view > header > button:disabled {
- background-color: #1a1b26;
+ background-color: #191724;
}
columnview.view > header > button:last-child,
@@ -2108,17 +2774,17 @@ treeview.view header.button.dnd {
padding: 2px 6px;
border-style: none solid solid;
border-width: 1px;
- border-color: rgba(239, 240, 242, 0.12);
+ border-color: rgba(224, 222, 244, 0.12);
border-radius: 0;
box-shadow: none;
- background-color: #1a1b26;
+ background-color: #191724;
background-clip: border-box;
- color: #d5d6db;
+ color: #faf4ed;
}
columnview.view acceleditor > label,
treeview.view acceleditor > label {
- background-color: #d5d6db;
+ background-color: #faf4ed;
}
/*********
@@ -2126,13 +2792,11 @@ treeview.view acceleditor > label {
*********/
menubar {
padding: 0;
- background-color: #1a1b26;
- color: #eff0f2;
+ color: #e0def4;
}
menubar:backdrop {
- background-color: #1a1b26;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.csd menubar {
@@ -2143,28 +2807,23 @@ menubar > item {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 20px;
padding: 4px 8px;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
menubar > item:selected {
transition: none;
background-color: alpha(currentColor, 0.1);
- color: #eff0f2;
+ color: #e0def4;
}
menubar > item:disabled {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
menubar > item label:disabled {
color: inherit;
}
-menubar > item popover.menu.background > contents {
- padding: 12px;
- border-radius: 12px;
-}
-
menubar > item popover.menu popover.menu {
margin-left: 9px;
}
@@ -2191,7 +2850,7 @@ popover.menu box.inline-buttons button.image-button.model {
}
popover.menu box.inline-buttons button.image-button.model:selected {
- background: image(alpha(currentColor, 0.06));
+ background-image: image(alpha(currentColor, 0.06));
}
popover.menu box.circular-buttons {
@@ -2206,19 +2865,6 @@ popover.menu box.circular-buttons button.circular.image-button.model:focus {
background-color: alpha(currentColor, 0.06);
}
-popover.menu > arrow,
-popover.menu.background > contents {
- padding: 6px;
- background-color: #24283b;
- background-clip: border-box;
- border-radius: 12px;
- border: 2px solid #d5d6db;
-}
-
-popover.menu.background separator {
- margin: 6px 0;
-}
-
popover.menu arrow.left,
popover.menu radio.left,
popover.menu check.left {
@@ -2233,33 +2879,6 @@ popover.menu check.right {
margin-right: 0;
}
-popover.menu modelbutton {
- transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
- min-height: 22px;
- min-width: 56px;
- padding: 3px 9px;
- color: #eff0f2;
- font: initial;
- text-shadow: none;
- box-shadow: none;
- background: none;
-}
-
-popover.menu modelbutton:hover {
- transition: none;
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
-}
-
-popover.menu modelbutton:disabled {
- color: rgba(239, 240, 242, 0.5);
-}
-
-popover.menu label.title {
- font-weight: bold;
- padding: 4px 26px;
-}
-
/************
* Popovers *
************/
@@ -2276,14 +2895,63 @@ popover.background > arrow,
popover.background > contents {
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
padding: 6px;
- background-color: #24283b;
+ background-color: #1f1d2e;
+ background-clip: border-box;
border-radius: 12px;
- border: 2px solid #d5d6db;
+ color: #e0def4;
+ border: none;
+ border: 1px solid rgba(224, 222, 244, 0.2);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+ 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+ 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
}
popover.background:backdrop > arrow,
popover.background:backdrop > contents {
- border: 2px solid #d5d6db;
+ border: none;
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+ margin: 6px 0;
+}
+
+popover.background modelbutton {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 22px;
+ min-width: 56px;
+ padding: 3px 9px;
+ border-radius: 6px;
+ color: #e0def4;
+ font: initial;
+ text-shadow: none;
+ box-shadow: none;
+ background: none;
+}
+
+popover.background modelbutton:hover {
+ transition: none;
+ background-color: #403d52;
+ color: #9ccfd8;
+}
+
+popover.background modelbutton:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+popover.background modelbutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+ font-weight: bold;
+ padding: 4px 26px;
}
popover.background > contents > list,
@@ -2295,7 +2963,7 @@ popover.background > contents > toolbar {
}
popover.background > contents separator {
- background-color: rgba(239, 240, 242, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
margin: 3px 0;
}
@@ -2303,27 +2971,17 @@ popover.background > contents list separator {
margin: 0;
}
-popover.background .view:not(:selected),
-popover.background toolbar {
- background-color: #24283b;
+popover.background > contents stack > box {
+ padding: 0;
}
-popover.background .linked > button:not(.radio) {
- background-color: transparent;
- box-shadow: none;
- border-radius: 6px;
+popover.background > contents stack > scrolledwindow > viewport {
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ border-radius: 2px;
}
-popover.background .linked > button:not(.radio):first-child {
- border-radius: 6px;
-}
-
-popover.background .linked > button:not(.radio):last-child {
- border-radius: 6px;
-}
-
-popover.background .linked > button:not(.radio):only-child {
- border-radius: 6px;
+popover.background > contents > box > button {
+ margin: 0;
}
popover.background.menu button,
@@ -2349,55 +3007,60 @@ popover.background.magnifier > contents {
box-shadow: none;
}
-magnifier {
- background-color: #1a1b26;
-}
-
/*************
* Notebooks *
*************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
notebook > header tab {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
background-image 0ms;
min-height: 24px;
min-width: 24px;
- padding: 3px 12px;
+ padding: 6px;
border: none;
outline: none;
background-clip: padding-box;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-weight: 500;
border-radius: 6px;
}
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
notebook > header tab:hover {
- background-color: rgba(239, 240, 242, 0.04);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: #9ccfd8;
}
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
notebook > header tab:disabled {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
-notebook > header tab:checked {
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
- background-color: rgba(239, 240, 242, 0.15);
- color: #eff0f2;
- box-shadow: 0 1px 3px rgba(26, 27, 38, 0.06);
+ background-color: #1f1d2e;
+ color: #9ccfd8;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
-notebook > header tab:checked:disabled {
- color: rgba(239, 240, 242, 0.5);
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+ color: rgba(224, 222, 244, 0.5);
}
frame > paned > notebook > header,
notebook.frame > header {
- background-color: rgba(239, 240, 242, 0.04);
+ background-color: rgba(224, 222, 244, 0.04);
}
notebook,
notebook.frame {
- background-color: #1a1b26;
+ background-color: #191724;
border-radius: 12px;
}
@@ -2412,7 +3075,7 @@ notebook.frame frame > list row.activatable {
notebook > header {
border: none;
- background-color: rgba(239, 240, 242, 0.04);
+ background-color: rgba(224, 222, 244, 0.04);
padding: 3px;
margin: 3px;
border-radius: 9px;
@@ -2483,8 +3146,8 @@ notebook > header tab > box {
}
notebook > header tab > box:drop(active) {
- background-color: rgba(239, 240, 242, 0.12);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
}
notebook > header tab button.flat:last-child {
@@ -2544,28 +3207,186 @@ notebook > stack:not(:only-child) {
border-radius: 6px;
}
+tabbar .box {
+ min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+ border: none;
+ background-color: transparent;
+ padding: 0;
+ margin: 3px;
+ border-radius: 12px;
+ box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+ background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+ filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+ padding: 3px 0;
+ margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+ margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+ padding: 3px 0;
+ margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+ margin: 3px;
+ padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+ padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+ padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+ padding-left: 0;
+}
+
+dnd tab {
+ min-height: 24px;
+ background-color: #191724;
+ color: #e0def4;
+ margin: 24px;
+ outline: none;
+ box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+ 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+ padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+ padding: 0;
+ margin: 0;
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+ min-height: 2px;
+ border-radius: 2px;
+ background: alpha(#faf4ed, 0.5);
+ transform: translateY(4px);
+}
+
+tabthumbnail {
+ border-radius: 10px;
+ transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+ background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+ margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+ box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+ background-color: alpha(#ff7043, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+ transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+ transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+ background: #faf4ed;
+ min-width: 12px;
+ min-height: 12px;
+ border-radius: 6px;
+ margin: 3px;
+ box-shadow: 0 1px 2px alpha(#faf4ed, 0.4);
+}
+
+tabthumbnail .card {
+ background: none;
+ color: inherit;
+}
+
+tabthumbnail .card picture {
+ outline: none;
+ border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+ background-color: #191724;
+ color: #e0def4;
+}
+
+tabthumbnail .pinned-box {
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+ border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+ margin: 6px;
+ min-width: 24px;
+ min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+ background: none;
+ color: inherit;
+ box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+ margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+ box-shadow: none;
+}
+
/**************
* Scrollbars *
**************/
scrollbar {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
- background-color: #1a1b26;
+ background-color: #191724;
}
-scrollbar.top {
- border-bottom: transparent;
-}
-
-scrollbar.bottom {
- border-bottom: transparent;
-}
-
-scrollbar.left {
- border-bottom: transparent;
-}
-
-scrollbar.right {
- border-bottom: transparent;
+scrollbar > range > trough {
+ outline: none;
+ background: none;
+ border: none;
}
scrollbar > range > trough > slider {
@@ -2575,19 +3396,21 @@ scrollbar > range > trough > slider {
border: 4px solid transparent;
border-radius: 9999px;
background-clip: padding-box;
- background-color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.5);
+ box-shadow: none;
+ outline: none;
}
scrollbar > range > trough > slider:hover {
- background-color: rgba(239, 240, 242, 0.7);
+ background-color: rgba(224, 222, 244, 0.7);
}
scrollbar > range > trough > slider:active {
- background-color: #eff0f2;
+ background-color: #e0def4;
}
scrollbar > range > trough > slider:disabled {
- background-color: rgba(239, 240, 242, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
}
scrollbar > range.fine-tune > trough > slider {
@@ -2628,34 +3451,34 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
margin: 3px;
border: 1px solid rgba(44, 44, 44, 0.3);
border-radius: 9999px;
- background-color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.5);
background-clip: padding-box;
-gtk-icon-source: none;
}
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
- background-color: rgba(239, 240, 242, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
}
-scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
> range
> trough
> slider {
min-width: 24px;
}
-scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
min-width: 8px;
}
-scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
> range
> trough
> slider {
min-height: 24px;
}
-scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
min-height: 8px;
}
@@ -2702,7 +3525,7 @@ switch {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
margin: 6px 0;
padding: 0;
- border: 2px solid rgba(239, 240, 242, 0.7);
+ border: 2px solid rgba(224, 222, 244, 0.7);
border-radius: 9999px;
background-color: transparent;
background-clip: border-box;
@@ -2711,8 +3534,8 @@ switch {
}
switch:checked {
- background-color: #d5d6db;
- border-color: #d5d6db;
+ background-color: #faf4ed;
+ border-color: #faf4ed;
}
switch:disabled {
@@ -2731,64 +3554,30 @@ switch > slider {
border-radius: 9999px;
outline: none;
box-shadow: none;
- background-color: rgba(239, 240, 242, 0.7);
+ background-color: rgba(224, 222, 244, 0.7);
border: none;
}
switch:focus > slider {
- box-shadow: 0 0 0 10px rgba(239, 240, 242, 0.04);
+ box-shadow: 0 0 0 10px rgba(224, 222, 244, 0.04);
}
switch:hover > slider {
- box-shadow: 0 0 0 10px rgba(239, 240, 242, 0.12);
+ box-shadow: 0 0 0 10px rgba(224, 222, 244, 0.12);
}
switch:focus:hover > slider {
- box-shadow: 0 0 0 10px rgba(239, 240, 242, 0.12);
+ box-shadow: 0 0 0 10px rgba(224, 222, 244, 0.12);
}
switch:checked > slider {
- background-color: #1a1b26;
- color: #1a1b26;
+ background-color: #191724;
+ color: #191724;
}
/*************************
* Check and Radio items *
*************************/
-.view.content-view.check:not(list),
-.content-view .tile check:not(list) {
- min-height: 40px;
- min-width: 40px;
- margin: 0;
- padding: 0;
- box-shadow: none;
- background-color: transparent;
- background-image: none;
-}
-
-.view.content-view.check:not(list):hover,
-.view.content-view.check:not(list):active,
-.content-view .tile check:not(list):hover,
-.content-view .tile check:not(list):active {
- box-shadow: 0 0 0 10px rgba(239, 240, 242, 0.12);
-}
-
-.view.content-view.check:not(list),
-.content-view .tile check:not(list) {
- -gtk-icon-source: -gtk-scaled(
- url('assets/selectionmode-checkbox-unchecked-dark.png'),
- url('assets/selectionmode-checkbox-unchecked-dark@2.png')
- );
-}
-
-.view.content-view.check:not(list):checked,
-.content-view .tile check:not(list):checked {
- -gtk-icon-source: -gtk-scaled(
- url('assets/selectionmode-checkbox-checked-dark.png'),
- url('assets/selectionmode-checkbox-checked-dark@2.png')
- );
-}
-
checkbutton,
radiobutton {
outline: none;
@@ -2807,84 +3596,75 @@ radiobutton.text-button label:not(:only-child) {
check,
radio {
- min-height: 24px;
- min-width: 24px;
- margin: -8px;
- padding: 8px;
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+ padding: 0;
+ margin: 3px;
+ border: 2px solid rgba(224, 222, 244, 0.7);
+ background-clip: border-box;
+ background-color: transparent;
+ border-radius: 9999px;
+ box-shadow: 0 0 0 10px transparent;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ border-color: inherit;
+ box-shadow: 0 0 0 10px rgba(224, 222, 244, 0.04);
+}
+
+check:active,
+radio:active {
+ border-color: #e0def4;
+ box-shadow: 0 0 0 10px rgba(224, 222, 244, 0.12);
}
check:checked,
check:indeterminate,
radio:checked,
radio:indeterminate {
- color: #d5d6db;
+ border-color: transparent;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ background-color: #908caa;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
}
check:checked:disabled,
check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
- color: rgba(239, 240, 242, 0.3);
+ border-color: transparent;
+ background-color: rgba(224, 222, 244, 0.3);
+ color: #191724;
+}
+
+check:disabled,
+radio:disabled {
+ border-color: rgba(224, 222, 244, 0.3);
}
check:not(:hover):focus,
radio:not(:hover):focus {
- box-shadow: inset 0 0 0 9999px transparent;
-}
-
-popover modelbutton.flat check,
-popover modelbutton.flat check:focus,
-popover modelbutton.flat check:hover,
-popover modelbutton.flat check:focus:hover,
-popover modelbutton.flat check:active,
-popover modelbutton.flat check:disabled,
-popover modelbutton.flat radio,
-popover modelbutton.flat radio:focus,
-popover modelbutton.flat radio:hover,
-popover modelbutton.flat radio:focus:hover,
-popover modelbutton.flat radio:active,
-popover modelbutton.flat radio:disabled {
- transition: none;
box-shadow: none;
- background-image: none;
-}
-
-popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
-popover
- modelbutton.flat
- radio:not(:checked):not(:indeterminate):not(:disabled) {
- color: rgba(239, 240, 242, 0.7);
-}
-
-popover
- modelbutton.flat
- check:not(:checked):not(:indeterminate):not(:disabled):hover,
-popover
- modelbutton.flat
- radio:not(:checked):not(:indeterminate):not(:disabled):hover {
- color: inherit;
-}
-
-popover modelbutton.flat check,
-popover modelbutton.flat check:hover,
-popover modelbutton.flat check:disabled,
-popover modelbutton.flat radio,
-popover modelbutton.flat radio:hover,
-popover modelbutton.flat radio:disabled {
- box-shadow: none;
- color: inherit;
-}
-
-popover modelbutton.flat check.left:dir(rtl),
-popover modelbutton.flat radio.left:dir(rtl) {
- margin-left: -12px;
- margin-right: -4px;
-}
-
-popover modelbutton.flat check.right:dir(ltr),
-popover modelbutton.flat radio.right:dir(ltr) {
- margin-left: -4px;
- margin-right: -12px;
}
popover.menu check,
@@ -2894,193 +3674,222 @@ popover.menu radio {
padding: 0;
}
-popover.menu check:dir(ltr),
-popover.menu radio:dir(ltr) {
- margin-right: 8px;
-}
-
-popover.menu check:dir(rtl),
-popover.menu radio:dir(rtl) {
- margin-left: 8px;
-}
-
-popover.menu check:not(:checked):not(:indeterminate):not(:disabled),
-popover.menu radio:not(:checked):not(:indeterminate):not(:disabled) {
- color: rgba(239, 240, 242, 0.7);
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
}
popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
- color: inherit;
+ border-color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+ border-color: transparent;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+ border-color: transparent;
+ background-color: rgba(0, 0, 0, 0.87);
+ color: #faf4ed;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+ border-color: transparent;
+ background-color: rgba(224, 222, 244, 0.3);
+ color: #191724;
}
popover.menu check,
popover.menu check:hover,
+popover.menu check:active,
popover.menu check:disabled,
popover.menu radio,
popover.menu radio:hover,
+popover.menu radio:active,
popover.menu radio:disabled {
box-shadow: none;
color: inherit;
}
-check {
- -gtk-icon-size: 24px;
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/checkbox-unchecked-symbolic.svg')
- );
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+ margin-left: 6px;
}
check:checked {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/checkbox-checked-symbolic.svg')
- );
-}
-
-check:indeterminate {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/checkbox-mixed-symbolic.svg')
- );
-}
-
-radio {
- -gtk-icon-size: 24px;
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/radio-unchecked-symbolic.svg')
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
);
}
radio:checked {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/radio-checked-symbolic.svg')
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
);
}
+check:indeterminate,
radio:indeterminate {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/radio-mixed-symbolic.svg')
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
);
}
-popover.menu check {
- min-height: 16px;
- min-width: 16px;
- -gtk-icon-size: 16px;
- border-radius: 6px;
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
- );
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
}
-popover.menu check:checked {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/small-checkbox-checked-symbolic.svg')
- );
+check:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
}
-popover.menu check:indeterminate {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/small-checkbox-mixed-symbolic.svg')
- );
-}
-
-popover.menu radio {
- min-height: 16px;
- min-width: 16px;
- border-image: none;
- -gtk-icon-size: 16px;
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/small-radio-unchecked-symbolic.svg')
- );
-}
-
-popover.menu radio:checked {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/small-radio-checked-symbolic.svg')
- );
-}
-
-popover.menu radio:indeterminate {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/small-radio-mixed-symbolic.svg')
- );
-}
-
-treeview.view check,
-treeview.view radio,
-columnview.view check,
-columnview.view radio {
- padding: 0;
- box-shadow: none;
- background: none;
- color: rgba(239, 240, 242, 0.7);
-}
-
-treeview.view check:hover,
-treeview.view check:active,
-treeview.view radio:hover,
-treeview.view radio:active,
-columnview.view check:hover,
-columnview.view check:active,
-columnview.view radio:hover,
-columnview.view radio:active {
- color: #eff0f2;
-}
-
-treeview.view check:disabled,
-treeview.view radio:disabled,
-columnview.view check:disabled,
-columnview.view radio:disabled {
- color: rgba(239, 240, 242, 0.3);
-}
-
-treeview.view check:checked,
-treeview.view check:indeterminate,
-treeview.view radio:checked,
-treeview.view radio:indeterminate,
-columnview.view check:checked,
-columnview.view check:indeterminate,
-columnview.view radio:checked,
-columnview.view radio:indeterminate {
- color: #d5d6db;
-}
-
-treeview.view check:checked:disabled,
-treeview.view check:indeterminate:disabled,
-treeview.view radio:checked:disabled,
-treeview.view radio:indeterminate:disabled,
-columnview.view check:checked:disabled,
-columnview.view check:indeterminate:disabled,
-columnview.view radio:checked:disabled,
-columnview.view radio:indeterminate:disabled {
- color: rgba(239, 240, 242, 0.3);
-}
-
-treeview.view:hover check,
-treeview.view:hover radio,
-treeview.view:selected check,
-treeview.view:selected radio,
-treeview.view:focus check,
-treeview.view:focus radio,
-treeview.view:focus-within check,
-treeview.view:focus-within radio,
-columnview.view:hover check,
-columnview.view:hover radio,
-columnview.view:selected check,
-columnview.view:selected radio,
-columnview.view:focus check,
-columnview.view:focus radio,
-columnview.view:focus-within check,
-columnview.view:focus-within radio {
- box-shadow: none;
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+ border-color: transparent;
background-color: transparent;
}
-treeview.view radio:checked {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/radio-checked-symbolic.svg')
+checkbutton.theme-selector
+ radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+ border-color: transparent;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
);
- border-image: none;
+}
+
+checkbutton.theme-selector radio:checked:hover {
+ background-color: #908caa;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+ padding: 6px;
+}
+
+themeswitcher .check {
+ min-height: 16px;
+ min-width: 16px;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 2px;
+ border-radius: 9999px;
+ margin: 3px;
+ -gtk-icon-size: 20px;
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+ );
+}
+
+themeswitcher .check:hover {
+ background-color: #908caa;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+ padding: 0;
+ margin: 2px;
+ min-height: 48px;
+ min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+ outline-color: rgba(224, 222, 244, 0.12);
+ outline-width: 1px;
+ outline-offset: -1px;
+ outline-style: solid;
+ box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+ -gtk-icon-source: none;
+ transition: none;
+ border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+ box-shadow: inset 0 0 0 2px #faf4ed;
+ outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+ background-image: linear-gradient(-45deg, #26233a 49.99%, #e0def4 50.01%);
+ background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+ color: rgba(0, 0, 0, 0.8);
+ background-color: #e0def4;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+ color: #e0def4;
+ background-image: image(#26233a);
+ background-color: transparent;
}
/************
@@ -3124,26 +3933,26 @@ scale.fine-tune slider {
scale trough {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
outline: none;
- background-color: rgba(239, 240, 242, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
}
scale trough:disabled {
- background-color: rgba(239, 240, 242, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
scale highlight {
transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
- background-image: image(#d5d6db);
+ background-image: image(#faf4ed);
}
scale highlight:disabled {
- background-color: #1a1b26;
- background-image: image(rgba(239, 240, 242, 0.3));
+ background-color: #191724;
+ background-image: image(rgba(224, 222, 244, 0.3));
}
scale fill {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
- background-color: rgba(239, 240, 242, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
}
scale fill:disabled {
@@ -3153,30 +3962,30 @@ scale fill:disabled {
scale slider {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 9999px;
- color: #d5d6db;
- background-color: #1a1b26;
- box-shadow: inset 0 0 0 2px #d5d6db;
+ color: #faf4ed;
+ background-color: #191724;
+ box-shadow: inset 0 0 0 2px #faf4ed;
}
scale slider:hover {
- box-shadow: inset 0 0 0 2px #d5d6db, 0 0 0 8px rgba(239, 240, 242, 0.12);
+ box-shadow: inset 0 0 0 2px #faf4ed, 0 0 0 8px rgba(224, 222, 244, 0.12);
}
scale slider:active {
- box-shadow: inset 0 0 0 4px #d5d6db, 0 0 0 8px rgba(239, 240, 242, 0.12);
+ box-shadow: inset 0 0 0 4px #faf4ed, 0 0 0 8px rgba(224, 222, 244, 0.12);
}
scale slider:disabled {
- box-shadow: inset 0 0 0 2px rgba(239, 240, 242, 0.3);
+ box-shadow: inset 0 0 0 2px rgba(224, 222, 244, 0.3);
}
scale marks,
scale value {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
scale indicator {
- background-color: rgba(239, 240, 242, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
color: transparent;
}
@@ -3503,7 +4312,7 @@ scale.color.vertical:dir(rtl) slider {
* Progress bars *
*****************/
progressbar {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-size: smaller;
}
@@ -3519,18 +4328,21 @@ progressbar.vertical progress {
progressbar trough {
border-radius: 6px;
- background-color: rgba(239, 240, 242, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
progressbar progress {
border-radius: 6px;
- background-color: #d5d6db;
+ background-color: #faf4ed;
}
progressbar.osd {
min-width: 6px;
min-height: 6px;
background-color: transparent;
+ box-shadow: none;
+ margin: 0;
+ padding: 0;
}
progressbar.osd trough {
@@ -3538,7 +4350,7 @@ progressbar.osd trough {
}
progressbar.osd progress {
- background-color: #d5d6db;
+ background-color: #faf4ed;
}
progressbar trough.empty progress {
@@ -3582,7 +4394,7 @@ levelbar block.low {
levelbar block.high,
levelbar block:not(.empty) {
- background-color: #d5d6db;
+ background-color: #faf4ed;
}
levelbar block.full {
@@ -3590,14 +4402,14 @@ levelbar block.full {
}
levelbar block.empty {
- background-color: rgba(239, 240, 242, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
/****************
* Print dialog *
*****************/
window.dialog.print drawing {
- color: #eff0f2;
+ color: #e0def4;
background: none;
border: none;
padding: 0;
@@ -3605,9 +4417,9 @@ window.dialog.print drawing {
window.dialog.print drawing paper {
padding: 0;
- border: 1px solid rgba(239, 240, 242, 0.12);
- background-color: #1a1b26;
- color: #eff0f2;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+ color: #e0def4;
}
window.dialog.print .dialog-action-box {
@@ -3619,7 +4431,7 @@ window.dialog.print .dialog-action-box {
**********/
frame,
.frame {
- border: 1px solid rgba(239, 240, 242, 0.12);
+ border: 1px solid rgba(224, 222, 244, 0.12);
}
frame > list,
@@ -3653,13 +4465,10 @@ statusbar frame > border {
actionbar > revealer > box {
padding: 6px;
border-spacing: 6px;
- border-top: 1px solid rgba(239, 240, 242, 0.12);
- background-color: #1a1b26;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
background-clip: border-box;
-}
-
-.background.csd box.vertical > actionbar > revealer > box {
- border-radius: 0 0 12px 12px;
+ box-shadow: none;
}
statusbar {
@@ -3678,8 +4487,8 @@ overshoot.top {
background-size: 200% 70%;
background-image: radial-gradient(
farthest-side at top,
- rgba(224, 224, 224, 0.24) 99%,
- rgba(224, 224, 224, 0) 100%
+ rgba(250, 244, 237, 0.24) 99%,
+ rgba(250, 244, 237, 0) 100%
);
background-repeat: no-repeat;
background-position: center top;
@@ -3692,8 +4501,8 @@ overshoot.bottom {
background-size: 200% 70%;
background-image: radial-gradient(
farthest-side at bottom,
- rgba(224, 224, 224, 0.24) 99%,
- rgba(224, 224, 224, 0) 100%
+ rgba(250, 244, 237, 0.24) 99%,
+ rgba(250, 244, 237, 0) 100%
);
background-repeat: no-repeat;
background-position: center bottom;
@@ -3706,8 +4515,8 @@ overshoot.left {
background-size: 200% 70%;
background-image: radial-gradient(
farthest-side at left,
- rgba(224, 224, 224, 0.24) 99%,
- rgba(224, 224, 224, 0) 100%
+ rgba(250, 244, 237, 0.24) 99%,
+ rgba(250, 244, 237, 0) 100%
);
background-repeat: no-repeat;
background-position: left center;
@@ -3720,8 +4529,8 @@ overshoot.right {
background-size: 200% 70%;
background-image: radial-gradient(
farthest-side at right,
- rgba(224, 224, 224, 0.24) 99%,
- rgba(224, 224, 224, 0) 100%
+ rgba(250, 244, 237, 0.24) 99%,
+ rgba(250, 244, 237, 0) 100%
);
background-repeat: no-repeat;
background-position: right center;
@@ -3733,18 +4542,18 @@ overshoot.right {
junction {
border-style: solid none none solid;
border-width: 1px;
- border-color: rgba(239, 240, 242, 0.12);
- background-color: #1a1b26;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
}
junction:dir(rtl) {
border-style: solid solid none none;
}
-separator {
+separator:not(.spacer) {
min-width: 1px;
min-height: 1px;
- background-color: rgba(239, 240, 242, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
stacksidebar + separator.vertical,
@@ -3759,15 +4568,82 @@ button.file separator {
/*********
* Lists *
*********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+ border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
listview,
list {
- border-color: #414868;
- background-color: #1f2335;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.7);
}
listview row,
list row {
padding: 2px;
+ color: rgba(224, 222, 244, 0.7);
}
listview > row.expander,
@@ -3780,10 +4656,62 @@ list > row.expander .row-header {
padding: 2px;
}
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
list.frame {
border-radius: 6px;
}
+listview.view {
+ color: #e0def4;
+ background-color: transparent;
+}
+
+popover.menu listview.view {
+ padding: 0;
+}
+
+popover.menu listview.view > row {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+ border-radius: 6px;
+}
+
+row {
+ color: rgba(224, 222, 244, 0.7);
+ background-clip: padding-box;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+}
+
columnview.view > header > button,
treeview.view > header > button,
row.activatable {
@@ -3815,9 +4743,19 @@ row.activatable:active {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
}
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+ box-shadow: none;
+}
+
+button:checked row.activatable {
+ color: rgba(0, 0, 0, 0.87);
+}
+
row:selected image,
row:selected label {
- color: #eff0f2;
+ color: #e0def4;
}
row:selected button image,
@@ -3827,7 +4765,7 @@ row:selected button label {
row:selected:disabled image,
row:selected:disabled label {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
treeexpander {
@@ -3839,12 +4777,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
}
columnview row:not(:selected) cell editablelabel.editing:focus-within {
- outline: 2px solid #d5d6db;
+ outline: 2px solid #faf4ed;
}
columnview row:not(:selected) cell editablelabel.editing text selection {
- color: rgba(26, 27, 38, 0.87);
- background-color: #d5d6db;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #faf4ed;
}
.rich-list {
@@ -3872,7 +4810,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection {
}
.app-notification button.text-button:not(:disabled) {
- color: #d5d6db;
+ color: #faf4ed;
}
.app-notification.frame,
@@ -3887,7 +4825,7 @@ expander {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
min-width: 16px;
min-height: 16px;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
}
@@ -3897,11 +4835,11 @@ expander:dir(rtl) {
expander:hover,
expander:active {
- color: #eff0f2;
+ color: #e0def4;
}
expander:disabled {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
expander-widget > box > title {
@@ -3909,7 +4847,7 @@ expander-widget > box > title {
}
expander-widget > box > title:hover > expander {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.navigation-sidebar:not(decoration):not(window):drop(active):focus,
@@ -3928,13 +4866,13 @@ expander-widget:not(decoration):not(window):drop(active) {
************/
calendar {
padding: 0;
- border: 1px solid rgba(239, 240, 242, 0.12);
+ border: 1px solid rgba(224, 222, 244, 0.12);
border-radius: 6px;
- color: #eff0f2;
+ color: #e0def4;
}
calendar:disabled {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
calendar:selected {
@@ -3943,7 +4881,7 @@ calendar:selected {
calendar > header {
padding: 3px;
- border-bottom: 1px solid rgba(239, 240, 242, 0.12);
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
}
calendar > header > button {
@@ -3959,6 +4897,10 @@ calendar > grid > label {
margin: 0;
}
+calendar > grid > label.today {
+ box-shadow: none;
+}
+
calendar > grid > label.today:selected {
box-shadow: none;
}
@@ -3971,6 +4913,11 @@ calendar > grid > label.day-number {
padding: 9px;
}
+calendar > grid > label.day-number:selected {
+ color: #e0def4;
+ background-color: alpha(currentColor, 0.06);
+}
+
calendar > grid > label.day-number.other-month {
color: alpha(currentColor, 0.3);
}
@@ -3979,7 +4926,7 @@ calendar > grid > label.day-number.other-month {
* Dialogs *
***********/
window.dialog.message.background {
- background-color: #24283b;
+ background-color: #1f1d2e;
}
window.dialog.message box.dialog-vbox.vertical {
@@ -3989,29 +4936,25 @@ window.dialog.message box.dialog-vbox.vertical {
window.dialog.message .titlebar {
min-height: 24px;
border-style: none;
- box-shadow: inset 0 1px rgba(239, 240, 242, 0.1);
- background-color: #24283b;
- color: #eff0f2;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+ color: #e0def4;
}
window.dialog.message .titlebar:backdrop {
- background-color: #24283b;
- color: rgba(239, 240, 242, 0.7);
-}
-
-window.dialog.message.csd.background {
- border-bottom-left-radius: 12px;
- border-bottom-right-radius: 12px;
+ background-color: #1f1d2e;
+ color: rgba(224, 222, 244, 0.7);
}
window.dialog.message.csd .dialog-action-area {
margin-top: -6px;
+ padding: 6px;
}
window.dialog.message.csd .dialog-action-area > button,
window.dialog.message.csd .dialog-action-area > button:first-child,
window.dialog.message.csd .dialog-action-area > button:last-child {
- border-radius: 9999px;
+ border-radius: 6px;
}
window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
@@ -4019,69 +4962,39 @@ window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
}
window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
- color: #d5d6db;
+ color: #faf4ed;
}
window.dialog.message.csd
.dialog-action-area
> button.destructive-action:not(:disabled) {
- color: #f28b82;
+ color: #eb6f92;
}
-.csd filechooser {
- background-color: #1a1b26;
- border-radius: 0 0 12px 12px;
+window.background.csd.dialog > headerbar.titlebar {
+ box-shadow: inset 0 -1px rgba(224, 222, 244, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+ border-radius: 6px;
}
filechooser .dialog-action-box {
- border-top: 1px solid rgba(239, 240, 242, 0.12);
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
}
filechooser #pathbarbox {
- border-bottom: 1px solid rgba(239, 240, 242, 0.12);
- background-color: #1a1b26;
-}
-
-filechooser stack.view {
- background-color: transparent;
-}
-
-filechooser stack.view scrolledwindow {
- background-color: transparent;
- border-radius: 0 0 12px 0;
-}
-
-filechooser stack.view scrolledwindow list {
- background-color: transparent;
-}
-
-filechooser stack.view scrolledwindow treeview.view {
- background-color: transparent;
-}
-
-filechooser stack.view > placesview {
- background-color: transparent;
-}
-
-filechooser stack.view > placesview > actionbar,
-filechooser stack.view > placesview > actionbar > revealer > box {
- background-color: transparent;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
}
filechooser stack.view frame > border {
border: none;
}
-.csd filechooser placessidebar {
- background: none;
- border-bottom-left-radius: 12px;
-}
-
-filechooser actionbar,
-filechooser actionbar > revealer > box {
- background-color: transparent;
-}
-
filechooserbutton > button > box {
border-spacing: 6px;
}
@@ -4096,22 +5009,37 @@ filechooserbutton:drop(active) {
***********/
.sidebar {
border-style: none;
- background-color: #242424;
}
.sidebar:not(separator):dir(ltr),
-.sidebar:not(separator).left,
-.sidebar:not(separator).left:dir(rtl) {
- border-right: 1px solid rgba(239, 240, 242, 0.12);
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+ border-right: 1px solid rgba(224, 222, 244, 0.12);
border-left-style: none;
}
.sidebar:not(separator):dir(rtl),
-.sidebar:not(separator).right {
- border-left: 1px solid rgba(239, 240, 242, 0.12);
+.sidebar.right:not(separator) {
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
border-right-style: none;
}
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+ border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+ border-left: none;
+}
+
.sidebar listview.view,
.sidebar list {
background-color: transparent;
@@ -4126,25 +5054,25 @@ paned .sidebar {
border-style: none;
}
+leaflet.unfolded > box > stacksidebar.sidebar {
+ border: none;
+}
+
stacksidebar list {
- padding: 6px;
- background-color: #242424;
+ padding: 4px 0;
}
stacksidebar row {
min-height: 24px;
padding: 6px 9px;
- border-radius: 3px;
+ border-radius: 6px;
+ margin: 2px 6px;
}
stacksidebar row:selected {
font-weight: 500;
}
-stacksidebar row + row {
- margin-top: 4px;
-}
-
stacksidebar row > label {
padding-left: 6px;
padding-right: 6px;
@@ -4152,40 +5080,43 @@ stacksidebar row > label {
}
separator.sidebar {
- background-color: rgba(239, 240, 242, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
border-right: none;
}
separator.sidebar.selection-mode,
.selection-mode separator.sidebar {
- background-color: rgba(239, 240, 242, 0.15);
+ background-color: rgba(224, 222, 244, 0.15);
}
/**********************
* Navigation Sidebar *
**********************/
.navigation-sidebar {
- padding: 6px;
border-right: none;
+ margin: 0 4px;
}
.navigation-sidebar > row {
- min-height: 24px;
- padding: 6px 9px;
- border-radius: 3px;
+ min-height: 32px;
+ padding: 2px 4px;
+ margin: 1px 0;
+ border-radius: 6px;
}
.navigation-sidebar > row:hover,
.navigation-sidebar > row:focus-visible:focus-within {
- background-color: alpha(currentColor, 0.08);
+ background-color: alpha(currentColor, 0.16);
}
-.navigation-sidebar > row:selected label {
- color: #d5d6db;
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+ color: #9ccfd8;
+ font-weight: 500;
}
.navigation-sidebar > row:selected:hover {
- background-color: alpha(currentColor, 0.16);
+ background-color: #1f1d2e;
}
.navigation-sidebar > row:selected:focus-visible:focus-within {
@@ -4198,7 +5129,11 @@ separator.sidebar.selection-mode,
}
.navigation-sidebar > row:disabled {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.navigation-sidebar > separator {
+ margin: 3px 0;
}
/****************
@@ -4206,46 +5141,21 @@ separator.sidebar.selection-mode,
****************/
row image.sidebar-icon {
transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
row image.sidebar-icon:disabled {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
placessidebar > viewport.frame {
border-style: none;
}
-placessidebar list {
- padding: 1px 0 4px;
-}
-
-placessidebar .navigation-sidebar > row {
- min-height: 32px;
- margin: -1px 4px -1px 0;
- padding: 0;
- border-radius: 0 9999px 9999px 0;
-}
-
-placessidebar .navigation-sidebar > row > revealer {
- padding: 0 8px 0 16px;
-}
-
placessidebar .navigation-sidebar > row:selected {
- background-color: alpha(currentColor, 0.1);
- color: #d5d6db;
font-weight: 500;
}
-placessidebar .navigation-sidebar > row:selected image.sidebar-icon {
- color: #d5d6db;
-}
-
-placessidebar .navigation-sidebar > row:disabled {
- color: rgba(239, 240, 242, 0.5);
-}
-
placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
padding-right: 8px;
}
@@ -4271,14 +5181,14 @@ placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
}
placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
- color: #d5d6db;
+ color: #faf4ed;
}
placessidebar
.navigation-sidebar
> row.sidebar-new-bookmark-row
image.sidebar-icon {
- color: #d5d6db;
+ color: #faf4ed;
}
placessidebar .navigation-sidebar > row:drop(active) {
@@ -4307,9 +5217,10 @@ paned > separator {
min-width: 1px;
min-height: 1px;
-gtk-icon-source: none;
- border-style: none;
+ border: none;
+ box-shadow: none;
background-color: transparent;
- background-image: image(rgba(239, 240, 242, 0.12));
+ background-image: image(#403d52);
background-size: 1px 1px;
background-clip: content-box;
}
@@ -4317,9 +5228,8 @@ paned > separator {
paned > separator.wide {
min-width: 6px;
min-height: 6px;
- background-color: #1a1b26;
- background-image: image(rgba(239, 240, 242, 0.12)),
- image(rgba(239, 240, 242, 0.12));
+ background-color: #191724;
+ background-image: image(#403d52), image(#403d52);
background-size: 1px 1px, 1px 1px;
}
@@ -4388,27 +5298,22 @@ infobar > revealer > box {
border-spacing: 12px;
}
-infobar.info > revealer > box,
-infobar.info:hover > revealer > box,
-infobar.info:backdrop > revealer > box {
- background-color: #1a1b26;
-}
-
infobar.info > revealer > box button,
infobar.info > revealer > box button.text-button:not(:disabled),
infobar.info:hover > revealer > box button,
infobar.info:hover > revealer > box button.text-button:not(:disabled),
infobar.info:backdrop > revealer > box button,
infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
- color: #d5d6db;
+ color: #faf4ed;
}
infobar.action > revealer > box,
infobar.action:backdrop > revealer > box,
infobar.question > revealer > box,
infobar.question:backdrop > revealer > box {
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
+ background-color: #26233a;
+ color: #faf4ed;
+ border-radius: 6px;
}
infobar.action > revealer > box button,
@@ -4435,25 +5340,27 @@ infobar.question:backdrop > revealer > box button:focus,
infobar.question:backdrop > revealer > box button:active,
infobar.question:backdrop > revealer > box button:checked,
infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
- color: rgba(26, 27, 38, 0.87);
+ color: #e0def4;
}
infobar.action > revealer > box *:link,
infobar.action:backdrop > revealer > box *:link,
infobar.question > revealer > box *:link,
infobar.question:backdrop > revealer > box *:link {
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
infobar.action:hover > revealer > box,
infobar.question:hover > revealer > box {
- background-color: lightgray;
+ background-color: #1f1d2e;
+ color: #faf4ed;
+ border-radius: 6px;
}
infobar.warning > revealer > box,
infobar.warning:backdrop > revealer > box {
background-color: #fdd633;
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
infobar.warning > revealer > box button,
@@ -4468,12 +5375,12 @@ infobar.warning:backdrop > revealer > box button:focus,
infobar.warning:backdrop > revealer > box button:active,
infobar.warning:backdrop > revealer > box button:checked,
infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
infobar.warning > revealer > box *:link,
infobar.warning:backdrop > revealer > box *:link {
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
infobar.warning:hover > revealer > box {
@@ -4482,8 +5389,8 @@ infobar.warning:hover > revealer > box {
infobar.error > revealer > box,
infobar.error:backdrop > revealer > box {
- background-color: #f28b82;
- color: rgba(26, 27, 38, 0.87);
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
}
infobar.error > revealer > box button,
@@ -4498,12 +5405,12 @@ infobar.error:backdrop > revealer > box button:focus,
infobar.error:backdrop > revealer > box button:active,
infobar.error:backdrop > revealer > box button:checked,
infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
infobar.error > revealer > box *:link,
infobar.error:backdrop > revealer > box *:link {
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
infobar.error:hover > revealer > box {
@@ -4514,16 +5421,18 @@ infobar.error:hover > revealer > box {
* Tooltips *
************/
tooltip {
+ border: none;
+ background-clip: padding-box;
padding: 6px 12px;
box-shadow: none;
}
tooltip.background {
- background-color: rgba(25, 25, 25, 0.9);
- color: #eff0f2;
- box-shadow: 0 2px 2.4px -1px rgba(26, 27, 38, 0.2),
- 0 4px 3px 0 rgba(26, 27, 38, 0.14), 0 1px 6px 0 rgba(26, 27, 38, 0.12);
- border-radius: 3px;
+ background-color: rgba(33, 32, 46, 0.9);
+ color: #e0def4;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
margin: 2px 6px 8px 6px;
}
@@ -4579,16 +5488,16 @@ colorswatch:last-child:not(.bottom) overlay {
}
colorswatch.dark {
- color: #eff0f2;
+ color: #e0def4;
}
colorswatch.light {
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
colorswatch#add-color-button {
border-radius: 12px 12px 0 0;
- color: #eff0f2;
+ color: #e0def4;
}
colorswatch#add-color-button:only-child {
@@ -4596,7 +5505,7 @@ colorswatch#add-color-button:only-child {
}
colorswatch#add-color-button overlay {
- background-color: #24283b;
+ background-color: #1f1d2e;
}
colorswatch:disabled {
@@ -4618,23 +5527,23 @@ colorswatch#editor-color-sample overlay {
colorchooser .popover.osd {
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 6px;
- box-shadow: 0 2px 2.4px -1px rgba(26, 27, 38, 0.2),
- 0 4px 3px 0 rgba(26, 27, 38, 0.14), 0 1px 6px 0 rgba(26, 27, 38, 0.12),
- inset 0 1px rgba(239, 240, 242, 0.1);
- background-color: #24283b;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
}
colorchooser .popover.osd:backdrop {
- box-shadow: 0 3px 2px -3px rgba(26, 27, 38, 0.3),
- 0 2px 2px -1px rgba(26, 27, 38, 0.24), 0 1px 3px 0 rgba(26, 27, 38, 0.12),
- inset 0 1px rgba(239, 240, 242, 0.1);
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
}
/********
* Misc *
********/
.content-view {
- background-color: #1a1b26;
+ background-color: #191724;
}
/**********************
@@ -4643,203 +5552,183 @@ colorchooser .popover.osd:backdrop {
window.csd {
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 12px;
- box-shadow: 0 2px 2.4px -1px rgba(26, 27, 38, 0.2),
- 0 4px 3px 0 rgba(26, 27, 38, 0.14), 0 1px 6px 0 rgba(26, 27, 38, 0.12),
- 0 0 0 2px #9aa5ce, 0 0 16px transparent;
- box-shadow: 0 2px 2.4px -1px rgba(26, 27, 38, 0.2),
- 0 4px 3px 0 rgba(26, 27, 38, 0.14), 0 1px 6px 0 rgba(26, 27, 38, 0.12),
- 0 0 0 2px #9aa5ce, 0 0 16px transparent;
+ outline-color: rgba(224, 222, 244, 0.2);
+ outline-offset: -1px;
+ outline-style: solid;
+ outline-width: 1px;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+ 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
}
-window.csd:backdrop {
- box-shadow: 0 2px 2px -2px rgba(26, 27, 38, 0.3),
- 0 1px 2px -1px rgba(26, 27, 38, 0.24),
- 0 1px 2px -0.6px rgba(26, 27, 38, 0.17), 0 0 0 2px #565a6e,
- 0 0 16px transparent;
+window.csd {
+ border-radius: 12px;
}
-window.csd.popup {
+window:backdrop {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
border-radius: 12px;
box-shadow: none;
}
-window.csd.dialog.message {
+window.dialog.message {
border-radius: 12px;
}
-.solid-csd window.csd {
+window.solid-csd {
margin: 0;
padding: 2px;
border-radius: 0;
- background-color: #1a1b26;
- border: 2px solid #d5d6db;
+ background-color: #191724;
+ border: 1px solid #403d52;
}
-.solid-csd window.csd:backdrop {
- background-color: #1a1b26;
+window.solid-csd:backdrop {
+ background-color: #191724;
}
-window.csd.maximized,
-window.csd.fullscreen,
-window.csd.tiled,
-window.csd.tiled-top,
-window.csd.tiled-right,
-window.csd.tiled-bottom,
-window.csd.tiled-left {
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
border-radius: 0;
+ outline-width: 0;
}
windowcontrols {
border-spacing: 6px;
}
-windowcontrols:not(.empty).start:dir(ltr),
-windowcontrols:not(.empty).end:dir(rtl) {
- margin-right: 6px;
- margin-left: 3px;
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+ margin-left: 15px;
+ margin-right: 15px;
}
-windowcontrols:not(.empty).start:dir(rtl),
-windowcontrols:not(.empty).end:dir(ltr) {
- margin-left: 6px;
- margin-right: 3px;
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+ margin-left: 15px;
+ margin-right: 15px;
}
windowcontrols button:not(.suggested-action):not(.destructive-action) {
- min-height: 14px;
- min-width: 14px;
+ min-height: 12px;
+ min-width: 12px;
padding: 0;
- margin: 0 3px;
+ margin: 0 2px;
border-radius: 9999px;
}
-windowcontrols button:not(.suggested-action):not(.destructive-action).minimize,
-windowcontrols button:not(.suggested-action):not(.destructive-action).maximize,
-windowcontrols button:not(.suggested-action):not(.destructive-action).close {
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
color: transparent;
}
windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize
+ button.minimize:not(.suggested-action):not(.destructive-action)
image,
windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize
+ button.maximize:not(.suggested-action):not(.destructive-action)
image,
windowcontrols
- button:not(.suggested-action):not(.destructive-action).close
+ button.close:not(.suggested-action):not(.destructive-action)
image {
padding: 0;
}
windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize:hover,
+ button.minimize:hover:not(.suggested-action):not(.destructive-action),
windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize:active {
- background-color: #8f5e15;
- color: transparent;
-}
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize:hover,
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize:active {
- background-color: #33635c;
- color: transparent;
-}
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).close:hover,
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).close:active {
- color: transparent;
- background-color: #8c4351;
+ button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: shade(#f6c177, 0.5);
}
windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+ button.maximize:hover:not(.suggested-action):not(.destructive-action),
windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+ button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: shade(#31748f, 0.5);
+}
+
windowcontrols
- button:not(.suggested-action):not(.destructive-action).close:backdrop {
- background-color: #565a6e;
+ button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: shade(#eb6f92, 0.5);
+}
+
+windowcontrols
+ button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
color: transparent;
}
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
- background-color: #e0af68;
- color: transparent;
-}
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
- background-color: #9ece6a;
- color: transparent;
-}
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).close:backdrop:active {
- background-color: #f7768e;
- color: transparent;
-}
-
-windowcontrols button:not(.suggested-action):not(.destructive-action).minimize {
- background-color: #e0af68;
+ button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #f6c177;
}
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize:active {
- background-color: #e0af68;
-}
-
-windowcontrols button:not(.suggested-action):not(.destructive-action).maximize {
- background-color: #9ece6a;
+ button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #31748f;
}
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize:active {
- background-color: #9ece6a;
+ button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #eb6f92;
}
-windowcontrols button:not(.suggested-action):not(.destructive-action).close {
- background-color: #f7768e;
-}
-
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).close:active {
- background-color: #f7768e;
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+ background-color: #575279;
}
gridview > child:selected,
-modelbutton.flat:selected,
row:selected,
-calendar:selected,
-calendar > grid > label.day-number:selected {
+calendar:selected {
background-color: alpha(currentColor, 0.06);
}
.view:selected,
iconview:selected,
flowbox > flowboxchild:selected,
-calendar > grid > label.today,
-filechooser stack.view scrolledwindow treeview.view:selected,
-stacksidebar row:selected,
-.navigation-sidebar > row:selected {
- color: #d5d6db;
- background-color: rgba(224, 224, 224, 0.2);
+calendar > grid > label.today {
+ color: #faf4ed;
+ background-color: rgba(250, 244, 237, 0.2);
}
-textview text selection:focus,
-textview text selection,
+text > selection,
label > selection,
-entry > text > selection,
-spinbutton:not(.vertical) > text > selection,
-spinbutton.vertical > text > selection,
-calendar > grid > label.today:selected {
- color: rgba(26, 27, 38, 0.87);
- background-color: #d5d6db;
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+ color: #9ccfd8;
+ background-color: #403d52;
}
.monospace {
@@ -4850,7 +5739,7 @@ calendar > grid > label.today:selected {
* Touch Copy & Paste *
**********************/
cursor-handle {
- color: #d5d6db;
+ color: #faf4ed;
-gtk-icon-source: -gtk-recolor(
url('assets/scalable/cursor-handle-symbolic.svg')
);
@@ -4881,53 +5770,49 @@ shortcut > .keycap {
padding-bottom: 2px;
padding-left: 8px;
padding-right: 8px;
- border: solid 1px rgba(239, 240, 242, 0.12);
+ border: solid 1px rgba(224, 222, 244, 0.12);
border-radius: 7px;
- box-shadow: inset 0 -2px rgba(239, 240, 242, 0.12);
- background-color: #24283b;
- color: #eff0f2;
+ box-shadow: inset 0 -2px rgba(224, 222, 244, 0.12);
+ background-color: #1f1d2e;
+ color: #e0def4;
font-size: smaller;
}
:not(decoration):not(window):drop(active) {
- caret-color: #d5d6db;
+ caret-color: #faf4ed;
}
stackswitcher {
min-height: 0;
- padding: 0;
border-radius: 9999px;
+ padding: 0;
background-color: alpha(currentColor, 0.05);
}
stackswitcher.linked:not(.vertical)
> button:not(.suggested-action):not(.destructive-action) {
margin: 0 0;
- border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
background-color: transparent;
}
stackswitcher.linked:not(.vertical)
- > button:not(.suggested-action):not(.destructive-action).text-button {
+ > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action) {
min-width: 100px;
}
-stackswitcher.linked:not(.vertical)
- > button:not(.suggested-action):not(.destructive-action):focus {
- box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
-}
-
-stackswitcher.linked:not(.vertical)
- > button:not(.suggested-action):not(.destructive-action):active {
- box-shadow: inset 0 0 0 9999px alpha(#d5d6db, 0.08);
-}
-
-stackswitcher.linked:not(.vertical)
- > button:not(.suggested-action):not(.destructive-action):checked {
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
-}
-
stackswitcher button.text-button {
min-width: 100px;
}
@@ -4968,7 +5853,7 @@ popover.emoji-picker > contents {
.emoji-searchbar {
padding: 6px;
border-spacing: 6px;
- border-bottom: 1px solid rgba(239, 240, 242, 0.12);
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
background: none;
}
@@ -4980,7 +5865,7 @@ popover.emoji-picker > contents {
.emoji-toolbar {
padding: 0;
border-spacing: 3px;
- border-top: 1px solid rgba(239, 240, 242, 0.12);
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
background: none;
}
@@ -4991,7 +5876,7 @@ button.emoji-section {
}
button.emoji-section:checked {
- color: #d5d6db;
+ color: #faf4ed;
}
popover.emoji-picker emoji {
@@ -5021,138 +5906,591 @@ emoji-completion-row:hover,
emoji-completion-row emoji:hover,
emoji-completion-row emoji:focus {
background-color: alpha(currentColor, 0.08);
- color: #eff0f2;
+ color: #e0def4;
}
popover.entry-completion > contents {
padding: 0;
}
-window.background.csd stack stack stack frame > list,
-window.background.csd > stack > stack > box > frame > list,
-window.background.csd > stack > stack > box > box > frame > list,
-window.background.csd > stack > box > stack > box > frame > list,
-window.background.csd
- > stack
- > box
- > stack
- > scrolledwindow
- > viewport
- frame
- > list,
-window.background.csd
- > stack
- > box
- > stack
- > box
- > scrolledwindow
- > viewport
- > frame
- > list,
-window.background.csd
- > stack
- > grid
- > scrolledwindow
- > viewport
- > box
- > frame
- > list,
-window.background.csd > stack > list,
-window.background.csd > stack > scrolledwindow > viewport > box > list,
-window.background.csd > box > stack > scrolledwindow > viewport > box > list {
- border-radius: 7px;
+.nautilus-window {
+ background-color: #191724;
+}
+
+.nautilus-window:backdrop {
+ background-color: #191724;
+}
+
+.nautilus-window headerbar {
box-shadow: none;
- border: 1px solid rgba(239, 240, 242, 0.12);
}
-window.background.csd
- stack
- stack
- stack
- frame
- > list
- row.activatable:first-child,
-window.background.csd > stack > list row.activatable:first-child {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
+.nautilus-window separator.spacer {
+ padding-right: 2em;
}
-window.background.csd stack stack stack frame > list row.activatable:last-child,
-window.background.csd > stack > list row.activatable:last-child {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
+.nautilus-window flap.unfolded > placessidebar {
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.7);
+ padding: 0 0 0 2px;
+ margin: 0 0 0 2px;
}
-window.background.csd stack stack stack frame > list row.activatable:only-child,
-window.background.csd > stack > list row.activatable:only-child {
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar {
+ background: none;
+ padding: 0 0 0 2px;
+ margin: 0 0 0 2px;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > separator {
+ background: rgba(224, 222, 244, 0.1);
+}
+
+.nautilus-window .vertical separator {
+ background: none;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable {
border-radius: 6px;
}
-window.background.csd stack stack stack frame > list row.activatable:focus,
-window.background.csd > stack > list row.activatable:focus {
- box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable
+ image.sidebar-icon,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable
+ label.sidebar-label,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable
+ button.sidebar-button {
+ color: #e0def4;
}
-/**************
- * Extensions *
- **************/
-window.background.csd stack stack stack frame > border,
-window.background.csd > stack > stack > box > frame > border,
-window.background.csd > stack > stack > box > box > frame > border,
-window.background.csd > stack > box > stack > box > frame > border,
-window.background.csd
- > stack
- > box
- > stack
+.nautilus-window
+ flap.unfolded
+ > placessidebar
> scrolledwindow
> viewport
- frame
- > border,
-window.background.csd
- > stack
- > box
- > stack
- > box
+ > list.navigation-sidebar
+ > row.activatable:hover {
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
> scrolledwindow
> viewport
- > frame
- > border,
-window.background.csd
- > stack
- > grid
+ > list.navigation-sidebar
+ > row.activatable:selected {
+ background-color: #26233a;
+ font-weight: 700;
+ border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
> scrolledwindow
> viewport
- > box
- > frame
- > border {
+ > list.navigation-sidebar
+ > row.activatable:selected,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected
+ image.sidebar-icon,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected
+ label.sidebar-label,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected
+ button.sidebar-button {
+ color: #9ccfd8;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:disabled,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:disabled
+ image.sidebar-icon,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:disabled
+ label.sidebar-label {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > scrollbar
+ > range
+ > though {
+ background: none;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > scrollbar
+ > range
+ > though
+ > slider {
border: none;
}
-window.background.csd > stack > box > box > list,
-window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
- border-bottom-left-radius: 12px;
+.nautilus-window .nautilus-grid-view.view {
+ margin: 0 6px 6px;
}
-window.background.csd
- > stack
- > box
- > .sidebar
- > scrolledwindow
- > viewport
- > list {
- padding: 0 0;
+.nautilus-window .unfolded {
+ background-color: #191724;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+ background-color: #26233a;
+ border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+ background: none;
+}
+
+.nautilus-window placesview label {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nautilus-window infobar {
+ margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+ border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+ margin: 3px;
+ border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+ 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+ margin: 0;
+ border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+ min-width: 16px;
+ min-height: 16px;
+ margin: 0;
+}
+
+#NautilusQueryEditor > text {
+ margin: 0;
+}
+
+#NautilusPathBar {
+ background-color: #26233a;
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+ margin: 0 3px;
+ border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+ color: #9ccfd8;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+ margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+ margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+ border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+ border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+ margin: 3px;
+ padding: 0;
+ min-height: 22px;
+ min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+ border-width: 0 0 0 1px;
+ border-radius: 0;
+}
+
+.history-view {
+ background-color: #191724;
+}
+
+#displayitem {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.small .card {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.small .card.forecast-card {
+ border-width: 1px 0;
+}
+
+.small .card.display-container {
+ border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+ background-color: rgba(224, 222, 244, 0.1);
+}
+
+leaflet button.number-button:hover {
+ background-color: rgba(224, 222, 244, 0.2);
+}
+
+leaflet button.number-button:active {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+ border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+ background: none;
+}
+
+flowboxchild > button.card.category-tile {
+ padding: 21px;
+ border: none;
+ border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+ padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+ border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+ border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+ border-left-color: rgba(224, 222, 244, 0.12);
+}
+
+carousel.card {
+ border: none;
+}
+
+.context-tile-lozenge {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+ color: #4cb168;
+ background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+ color: #2196f3;
+ background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+ color: #e1b602;
+ background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+ color: #ff9800;
+ background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+ color: #eb4b3d;
+ background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+ border-width: 1px 0;
+ border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+ background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+ color: #e0def4;
+}
+
+.category-tile.category-create:hover {
+ background: linear-gradient(
+ 180deg,
+ shade(#ce8cd7, 1.07) 0%,
+ shade(#2861c6, 1.1) 100%
+ );
+}
+
+.category-tile.category-create:active {
+ background: linear-gradient(
+ 180deg,
+ shade(#ce8cd7, 0.95) 0%,
+ shade(#2861c6, 0.95) 100%
+ );
+}
+
+.category-tile.category-develop {
+ background: #5e5c64;
+ color: #e0def4;
+}
+
+.category-tile.category-develop:hover {
+ background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+ background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+ background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+ color: #e0def4;
+}
+
+.category-tile.category-learn:hover {
+ background: linear-gradient(
+ 180deg,
+ shade(#2ec27e, 1.06) 30%,
+ shade(#27a66c, 1.06) 100%
+ );
+}
+
+.category-tile.category-learn:active {
+ background: linear-gradient(
+ 180deg,
+ shade(#2ec27e, 0.95) 30%,
+ shade(#27a66c, 0.95) 100%
+ );
+}
+
+.category-tile.category-play {
+ background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+ color: #393484;
+}
+
+.category-tile.category-play:hover {
+ background: linear-gradient(
+ 75deg,
+ shade(#f9e2a7, 1.07) 0%,
+ shade(#eb5ec3, 1.07) 50%,
+ shade(#6d53e0, 1.07) 100%
+ );
+}
+
+.category-tile.category-play:active {
+ background: linear-gradient(
+ 75deg,
+ shade(#f9e2a7, 0.97) 0%,
+ shade(#eb5ec3, 0.95) 50%,
+ shade(#6d53e0, 1.07) 100%
+ );
+}
+
+.category-tile.category-socialize {
+ background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+ background: linear-gradient(
+ 90deg,
+ shade(#ef4e9b, 1.08) 0%,
+ shade(#f77466, 1.08) 100%
+ );
+}
+
+.category-tile.category-socialize:active {
+ background: linear-gradient(
+ 90deg,
+ shade(#ef4e9b, 0.95) 0%,
+ shade(#f77466, 0.95) 100%
+ );
+}
+
+.category-tile.category-work {
+ padding: 1px;
+ /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+ color: #1c71d8;
+ background-color: #fdf8d7;
+ background-image: linear-gradient(
+ rgba(224, 222, 244, 0.12) 1px,
+ transparent 1px
+ ),
+ linear-gradient(90deg, rgba(224, 222, 244, 0.12) 1px, transparent 1px);
+ background-size: 10px 10px, 10px 10px;
+ background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+ background-color: #fefcef;
+ background-image: linear-gradient(
+ rgba(224, 222, 244, 0.12) 1px,
+ transparent 1px
+ ),
+ linear-gradient(90deg, rgba(224, 222, 244, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+ background-color: #fcf4bf;
+ background-image: linear-gradient(
+ rgba(224, 222, 244, 0.12) 1px,
+ transparent 1px
+ ),
+ linear-gradient(90deg, rgba(224, 222, 244, 0.12) 1px, transparent 1px);
}
-/**********
- * Polari *
- **********/
.polari-room-list .sidebar {
background: none;
}
.polari-room-list .sidebar > row.activatable:selected {
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
}
.polari-room-list popover.background > arrow,
@@ -5160,133 +6498,520 @@ window.background.csd
padding: 0;
}
-/* GTK NAMED COLORS
- ----------------
- use responsibly! */
-/*
-widget text/foreground color */
-@define-color theme_fg_color #eff0f2;
-/*
-text color for entries, views and content in general */
-@define-color theme_text_color #eff0f2;
-/*
-widget base background color */
-@define-color theme_bg_color #2C2C2C;
-/*
-text widgets and the like base background color */
-@define-color theme_base_color #2C2C2C;
-/*
-base background color of selections */
-@define-color theme_selected_bg_color #E0E0E0;
-/*
-text/foreground color of selections */
-@define-color theme_selected_fg_color rgba(26, 27, 38, 0.87);
-/*
-base background color of insensitive widgets */
-@define-color insensitive_bg_color #2C2C2C;
-/*
-text foreground color of insensitive widgets */
-@define-color insensitive_fg_color rgba(239, 240, 242, 0.5);
-/*
-insensitive text widgets and the like base background color */
-@define-color insensitive_base_color #242424;
-/*
-widget text/foreground color on backdrop windows */
-@define-color theme_unfocused_fg_color #eff0f2;
-/*
-text color for entries, views and content in general on backdrop windows */
-@define-color theme_unfocused_text_color #eff0f2;
-/*
-widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color #2C2C2C;
-/*
-text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color #2C2C2C;
-/*
-base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color #E0E0E0;
-/*
-text/foreground color of selections on backdrop windows */
-@define-color theme_unfocused_selected_fg_color rgba(26, 27, 38, 0.87);
-/*
-insensitive color on backdrop windows */
-@define-color unfocused_insensitive_color rgba(239, 240, 242, 0.5);
-/*
-widgets main borders color */
-@define-color borders rgba(239, 240, 242, 0.12);
-/*
-widgets main borders color on backdrop windows */
-@define-color unfocused_borders rgba(239, 240, 242, 0.12);
-/*
-these are pretty self explicative */
-@define-color warning_color #FDD633;
-@define-color error_color #F28B82;
-@define-color success_color #81C995;
-/*
-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 #eff0f2;
-@define-color wm_unfocused_title rgba(239, 240, 242, 0.7);
-@define-color wm_highlight rgba(239, 240, 242, 0.1);
-@define-color wm_bg #2C2C2C;
-@define-color wm_unfocused_bg #2C2C2C;
-/*
-FIXME this is really an API */
-@define-color content_view_bg #2C2C2C;
-@define-color placeholder_text_color silver;
-/* Very contrasty background for text views (@theme_text_color foreground) */
-@define-color text_view_bg #1d1d1d;
-@define-color budgie_tasklist_indicator_color #eff0f2;
-@define-color budgie_tasklist_indicator_color_active #eff0f2;
-@define-color budgie_tasklist_indicator_color_active_window #999999;
-@define-color budgie_tasklist_indicator_color_attention #FDD633;
-@define-color STRAWBERRY_100 #FF9262;
-@define-color STRAWBERRY_300 #FF793E;
-@define-color STRAWBERRY_500 #F15D22;
-@define-color STRAWBERRY_700 #CF3B00;
-@define-color STRAWBERRY_900 #AC1800;
-@define-color ORANGE_100 #FFDB91;
-@define-color ORANGE_300 #FFCA40;
-@define-color ORANGE_500 #FAA41A;
-@define-color ORANGE_700 #DE8800;
-@define-color ORANGE_900 #C26C00;
-@define-color BANANA_100 #FFFFA8;
-@define-color BANANA_300 #FFFA7D;
-@define-color BANANA_500 #FFCE51;
-@define-color BANANA_700 #D1A023;
-@define-color BANANA_900 #A27100;
-@define-color LIME_100 #A2F3BE;
-@define-color LIME_300 #8ADBA6;
-@define-color LIME_500 #73C48F;
-@define-color LIME_700 #479863;
-@define-color LIME_900 #1C6D38;
-@define-color BLUEBERRY_100 #94A6FF;
-@define-color BLUEBERRY_300 #6A7CE0;
-@define-color BLUEBERRY_500 #3F51B5;
-@define-color BLUEBERRY_700 #213397;
-@define-color BLUEBERRY_900 #031579;
-@define-color GRAPE_100 #D25DE6;
-@define-color GRAPE_300 #B84ACB;
-@define-color GRAPE_500 #9C27B0;
-@define-color GRAPE_700 #830E97;
-@define-color GRAPE_900 #6A007E;
-@define-color COCOA_100 #9F9792;
-@define-color COCOA_300 #7B736E;
-@define-color COCOA_500 #574F4A;
-@define-color COCOA_700 #463E39;
-@define-color COCOA_900 #342C27;
-@define-color SILVER_100 #EEE;
-@define-color SILVER_300 #CCC;
-@define-color SILVER_500 #AAA;
-@define-color SILVER_700 #888;
-@define-color SILVER_900 #666;
-@define-color SLATE_100 #888;
-@define-color SLATE_300 #666;
-@define-color SLATE_500 #444;
-@define-color SLATE_700 #222;
-@define-color SLATE_900 #111;
-@define-color BLACK_100 #474341;
-@define-color BLACK_300 #403C3A;
-@define-color BLACK_500 #393634;
-@define-color BLACK_700 #33302F;
-@define-color BLACK_900 #2B2928;
+window.org-gnome-Builder headerbar {
+ box-shadow: inset 0 -1px rgba(224, 222, 244, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+ border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+ margin: 0;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+ border-radius: 6px;
+ padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+ border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+ padding: 0;
+}
+
+panelframeswitcher {
+ padding: 6px;
+}
+
+.frameheader.header {
+ min-height: 24px;
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.frameheader.header > button {
+ border: none;
+ margin: 0;
+ padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+ min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+ padding: 0;
+ border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+ padding: 0;
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.frameheader.header
+ tabbar.inline
+ > revealer
+ > box
+ .end-action
+ menubutton
+ > button {
+ margin: 6px;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+ border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+ border: none;
+ background: none;
+}
+
+panelstatusbar {
+ background-color: #191724;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+ border-radius: 0;
+}
+
+.style-variant {
+ padding: 0 12px;
+}
+
+.style-variant button.toggle {
+ padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+ background: none;
+ outline: none;
+ border: none;
+ box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+ border-radius: 6px;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+ box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+ outline-color: rgba(224, 222, 244, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+ outline-color: rgba(224, 222, 244, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+ outline-color: #faf4ed;
+}
+
+window.dialog
+ > .dialog-vbox
+ > box
+ > scrolledwindow
+ > viewport
+ > widget
+ > list.boxed-list {
+ border: none;
+ border-radius: 0;
+}
+
+window.dialog
+ > .dialog-vbox
+ > box
+ > scrolledwindow
+ > viewport
+ > widget
+ > list.boxed-list
+ > row:first-child,
+window.dialog
+ > .dialog-vbox
+ > box
+ > scrolledwindow
+ > viewport
+ > widget
+ > list.boxed-list
+ > row:last-child {
+ border-radius: 0;
+}
+
+avatar {
+ border-radius: 9999px;
+ font-weight: bold;
+}
+
+avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ color: #cfe1f5;
+}
+
+avatar.color2 {
+ background-image: linear-gradient(#7ad9f1, #0f9ac8);
+ color: #caeaf2;
+}
+
+avatar.color3 {
+ background-image: linear-gradient(#8de6b1, #29ae74);
+ color: #cef8d8;
+}
+
+avatar.color4 {
+ background-image: linear-gradient(#b5e98a, #6ab85b);
+ color: #e6f9d7;
+}
+
+avatar.color5 {
+ background-image: linear-gradient(#f8e359, #d29d09);
+ color: #f9f4e1;
+}
+
+avatar.color6 {
+ background-image: linear-gradient(#ffcb62, #d68400);
+ color: #ffead1;
+}
+
+avatar.color7 {
+ background-image: linear-gradient(#ffa95a, #ed5b00);
+ color: #ffe5c5;
+}
+
+avatar.color8 {
+ background-image: linear-gradient(#f78773, #e62d42);
+ color: #f8d2ce;
+}
+
+avatar.color9 {
+ background-image: linear-gradient(#e973ab, #e33b6a);
+ color: #fac7de;
+}
+
+avatar.color10 {
+ background-image: linear-gradient(#cb78d4, #9945b5);
+ color: #e7c2e8;
+}
+
+avatar.color11 {
+ background-image: linear-gradient(#9e91e8, #7a59ca);
+ color: #d5d2f5;
+}
+
+avatar.color12 {
+ background-image: linear-gradient(#e3cf9c, #b08952);
+ color: #f2eade;
+}
+
+avatar.color13 {
+ background-image: linear-gradient(#be916d, #785336);
+ color: #e5d6ca;
+}
+
+avatar.color14 {
+ background-image: linear-gradient(#c0bfbc, #6e6d71);
+ color: #d8d7d3;
+}
+
+avatar.contrasted {
+ color: #e0def4;
+}
+
+avatar.image {
+ background: none;
+}
+
+.card {
+ border-radius: 6px;
+ box-shadow: none;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ background-clip: border-box;
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+ border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+ margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+ min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+ padding: 0;
+ background: none;
+ box-shadow: none;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+ > box
+ button.background-preview-button.toggle
+ > background-preview {
+ border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+ outline-color: rgba(224, 222, 244, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+ outline-color: rgba(224, 222, 244, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+ outline-color: #faf4ed;
+}
+
+statuspage > scrolledwindow > viewport > box {
+ margin: 36px 12px;
+ border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+ border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 128px;
+ color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+ opacity: 0.35;
+}
+
+statuspage
+ > scrolledwindow
+ > viewport
+ > box
+ > clamp
+ > box
+ > .icon:not(:last-child) {
+ margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+ > scrolledwindow
+ > viewport
+ > box
+ > clamp
+ > box
+ > .icon:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+ font-size: 18pt;
+}
+
+toast {
+ margin: 12px;
+ margin-bottom: 24px;
+ border-radius: 9999px;
+ border-spacing: 6px;
+ padding: 6px;
+ box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+ 0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: rgba(25, 23, 36, 0.95);
+ color: #e0def4;
+ border: none;
+}
+
+toast:dir(ltr) {
+ padding-left: 12px;
+}
+
+toast:dir(rtl) {
+ padding-right: 12px;
+}
+
+toast > label {
+ margin: 0 6px;
+}
+
+viewswitcher {
+ margin: 0;
+}
+
+viewswitcher.wide {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+ button.toggle:checked
+ indicatorbin.needs-attention
+ > indicator,
+viewswitcher.wide
+ button.toggle.flat:checked
+ indicatorbin.needs-attention
+ > indicator {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+ button.toggle:checked
+ indicatorbin.needs-attention
+ > indicator
+ > label,
+viewswitcher.wide
+ button.toggle.flat:checked
+ indicatorbin.needs-attention
+ > indicator
+ > label {
+ color: #faf4ed;
+}
+
+viewswitcher.narrow button.toggle {
+ border-radius: 0;
+ margin: 0;
+ border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+ border-radius: 6px;
+ margin: 5px 2px;
+ min-width: 119px;
+ padding: 0;
+ background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+ background-color: #26233a;
+ color: #9ccfd8;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+ background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+ color: #faf4ed;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+ box-shadow: none;
+}
+
+viewswitcher button.toggle {
+ font-weight: bold;
+ padding: 0;
+ min-height: 0;
+ margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 7px;
+ padding-bottom: 5px;
+ border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+ padding: 0 12px;
+ border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+ min-width: 6px;
+ min-height: 6px;
+ border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+ margin: 1px;
+ padding: 0;
+ background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+ font-size: 0.6rem;
+ font-weight: bold;
+ padding: 2px 5px;
+ color: #e0def4;
+}
+
+indicatorbin > mask {
+ padding: 1px;
+ background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+ background-color: #faf4ed;
+}
+
+indicatorbin.needs-attention > indicator > label {
+ color: rgba(0, 0, 0, 0.87);
+}
diff --git a/tokyonight_gtk/gtk-4.0/gtk-dark.css b/RosePine-Main-BL/gtk-4.0/gtk.css
similarity index 51%
rename from tokyonight_gtk/gtk-4.0/gtk-dark.css
rename to RosePine-Main-BL/gtk-4.0/gtk.css
index 9c5447e..486fced 100644
--- a/tokyonight_gtk/gtk-4.0/gtk-dark.css
+++ b/RosePine-Main-BL/gtk-4.0/gtk.css
@@ -1,24 +1,162 @@
+/* GTK NAMED COLORS -- USE RESPONSIBLY! */
+
+/* widget text/foreground color */
+@define-color theme_fg_color #e0def4;
+/* text color for entries, views and content in general */
+@define-color theme_text_color #e0def4;
+/* widget base background color */
+@define-color theme_bg_color #191724;
+/* text widgets and the like base background color */
+@define-color theme_base_color #191724;
+/* base background color of selections */
+@define-color theme_selected_bg_color #faf4ed;
+/* text/foreground color of selections */
+@define-color theme_selected_fg_color rgba(0, 0, 0, 0.87);
+/* base background color of insensitive widgets */
+@define-color insensitive_bg_color #191724;
+/* text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(224, 222, 244, 0.5);
+/* insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #26233a;
+/* widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #e0def4;
+/* text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #e0def4;
+/* widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #191724;
+/* text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #191724;
+/* base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #faf4ed;
+/* text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color rgba(0, 0, 0, 0.87);
+/* insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(224, 222, 244, 0.5);
+/* widgets main borders color */
+@define-color borders rgba(224, 222, 244, 0.12);
+/* widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(224, 222, 244, 0.12);
+/* these are pretty self explicative */
+@define-color warning_color #FDD633;
+@define-color error_color #F28B82;
+@define-color success_color #81C995;
+/* 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 #e0def4;
+@define-color wm_unfocused_title rgba(224, 222, 244, 0.7);
+@define-color wm_highlight rgba(224, 222, 244, 0.1);
+@define-color wm_bg #191724;
+@define-color wm_unfocused_bg #191724;
+@define-color wm_button_close_icon #191724;
+@define-color wm_button_close_hover_bg #faf4ed;
+@define-color wm_button_close_active_bg #c7c7c7;
+/* FIXME this is really an API */
+@define-color content_view_bg #191724;
+@define-color placeholder_text_color silver;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #1d1d1d;
+@define-color budgie_tasklist_indicator_color #e0def4;
+@define-color budgie_tasklist_indicator_color_active #e0def4;
+@define-color budgie_tasklist_indicator_color_active_window #999999;
+@define-color budgie_tasklist_indicator_color_attention #FDD633;
+@define-color STRAWBERRY_100 #FF9262;
+@define-color STRAWBERRY_300 #FF793E;
+@define-color STRAWBERRY_500 #F15D22;
+@define-color STRAWBERRY_700 #CF3B00;
+@define-color STRAWBERRY_900 #AC1800;
+@define-color ORANGE_100 #FFDB91;
+@define-color ORANGE_300 #FFCA40;
+@define-color ORANGE_500 #FAA41A;
+@define-color ORANGE_700 #DE8800;
+@define-color ORANGE_900 #C26C00;
+@define-color BANANA_100 #FFFFA8;
+@define-color BANANA_300 #FFFA7D;
+@define-color BANANA_500 #FFCE51;
+@define-color BANANA_700 #D1A023;
+@define-color BANANA_900 #A27100;
+@define-color LIME_100 #A2F3BE;
+@define-color LIME_300 #8ADBA6;
+@define-color LIME_500 #73C48F;
+@define-color LIME_700 #479863;
+@define-color LIME_900 #1C6D38;
+@define-color BLUEBERRY_100 #94A6FF;
+@define-color BLUEBERRY_300 #6A7CE0;
+@define-color BLUEBERRY_500 #3F51B5;
+@define-color BLUEBERRY_700 #213397;
+@define-color BLUEBERRY_900 #031579;
+@define-color GRAPE_100 #D25DE6;
+@define-color GRAPE_300 #B84ACB;
+@define-color GRAPE_500 #9C27B0;
+@define-color GRAPE_700 #830E97;
+@define-color GRAPE_900 #6A007E;
+@define-color COCOA_100 #9F9792;
+@define-color COCOA_300 #7B736E;
+@define-color COCOA_500 #574F4A;
+@define-color COCOA_700 #463E39;
+@define-color COCOA_900 #342C27;
+@define-color SILVER_100 #EEE;
+@define-color SILVER_300 #CCC;
+@define-color SILVER_500 #AAA;
+@define-color SILVER_700 #888;
+@define-color SILVER_900 #666;
+@define-color SLATE_100 #888;
+@define-color SLATE_300 #666;
+@define-color SLATE_500 #444;
+@define-color SLATE_700 #222;
+@define-color SLATE_900 #111;
+@define-color BLACK_100 #474341;
+@define-color BLACK_300 #403C3A;
+@define-color BLACK_500 #393634;
+@define-color BLACK_700 #33302F;
+@define-color BLACK_900 #2B2928;
+
+/* GTK LIBADWAITA NAMED COLORS -- USE RESPONSIBLY! */
+@define-color accent_bg_color #faf4ed;
+@define-color accent_fg_color rgba(0, 0, 0, 0.87);
+@define-color accent_color #faf4ed;
+@define-color destructive_bg_color #F28B82;
+@define-color destructive_fg_color rgba(0, 0, 0, 0.87);
+@define-color destructive_color #F28B82;
+@define-color success_bg_color #81C995;
+@define-color success_fg_color rgba(0, 0, 0, 0.87);
+@define-color success_color #81C995;
+@define-color warning_bg_color #FDD633;
+@define-color warning_fg_color rgba(0, 0, 0, 0.87);
+@define-color warning_color #FDD633;
+@define-color error_bg_color #F28B82;
+@define-color error_fg_color rgba(0, 0, 0, 0.87);
+@define-color error_color #F28B82;
+@define-color window_bg_color #191724;
+@define-color window_fg_color #e0def4;
+@define-color view_bg_color #191724;
+@define-color view_fg_color #e0def4;
+@define-color headerbar_bg_color #191724;
+@define-color headerbar_fg_color #e0def4;
+@define-color headerbar_border_color rgba(224, 222, 244, 0.12);
+@define-color headerbar_backdrop_color @window_bg_color;
+@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
+@define-color card_bg_color #191724;
+@define-color card_fg_color #e0def4;
+@define-color card_shade_color rgba(0, 0, 0, 0.36);
+@define-color dialog_bg_color #191724;
+@define-color dialog_fg_color #e0def4;
+@define-color popover_bg_color #191724;
+@define-color popover_fg_color #e0def4;
+@define-color thumbnail_bg_color #191724;
+@define-color thumbnail_fg_color #e0def4;
+@define-color shade_color rgba(0, 0, 0, 0.36);
+@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
+
/***************
* Base States *
***************/
.background {
- background-color: #1a1b26;
- color: #eff0f2;
-}
-
-.background.csd {
- border-radius: 12px;
-}
-
-.background.maximized,
-.background.tiled,
-.background.fullscreen,
-.background.solid-csd {
- border-radius: 0;
+ background-color: #191724;
+ color: #e0def4;
}
dnd {
- color: #eff0f2;
+ color: #e0def4;
}
.normal-icons {
@@ -38,25 +176,23 @@ treeview.expander:disabled {
-gtk-icon-filter: opacity(0.5);
}
-filechooser stack.view scrolledwindow treeview.view,
iconview,
.view {
- color: #eff0f2;
+ color: #e0def4;
}
-filechooser stack.view scrolledwindow treeview.view:disabled,
iconview:disabled,
.view:disabled {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
textview text {
- background-color: #1a1b26;
+ background-color: #191724;
}
textview border {
- background-color: #242424;
- color: rgba(239, 240, 242, 0.7);
+ color: #9ccfd8;
+ background-color: #403d52;
}
iconview:hover,
@@ -73,8 +209,8 @@ columnview.view > rubberband,
treeview.view > rubberband,
gridview > rubberband,
flowbox > rubberband {
- border: 1px solid #d5d6db;
- background-color: rgba(224, 224, 224, 0.3);
+ border: 1px solid #faf4ed;
+ background-color: rgba(250, 244, 237, 0.3);
}
flowbox > flowboxchild {
@@ -100,17 +236,19 @@ gridview > child box {
}
coverflow cover {
- color: #eff0f2;
- background-color: #1a1b26;
+ color: #e0def4;
+ background-color: #191724;
border: 1px solid black;
}
label.separator {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
label:disabled {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
+ opacity: 1;
+ filter: none;
}
headerbar label:disabled,
@@ -121,12 +259,19 @@ button label:disabled {
label.osd {
border-radius: 6px;
- background-color: rgba(25, 25, 25, 0.9);
- color: #eff0f2;
+ background-color: rgba(33, 32, 46, 0.9);
+ color: #e0def4;
}
-.dim-label {
- color: rgba(239, 240, 242, 0.7);
+label.search-information {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+.dim-label,
+row label.subtitle {
+ color: rgba(224, 222, 244, 0.7);
+ opacity: 1;
}
window.assistant .sidebar {
@@ -136,12 +281,12 @@ window.assistant .sidebar {
window.assistant .sidebar label {
min-height: 36px;
padding: 0 12px;
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
font-weight: 500;
}
window.assistant .sidebar label.highlight {
- color: #eff0f2;
+ color: #e0def4;
}
.osd popover.background > arrow,
@@ -151,8 +296,7 @@ popover.background.touch-selection > contents,
popover.background.magnifier > arrow,
popover.background.magnifier > contents,
.osd {
- color: #eff0f2;
- background-color: #1a1b26;
+ color: #e0def4;
background-clip: padding-box;
border-radius: 6px;
border: none;
@@ -161,8 +305,8 @@ popover.background.magnifier > contents,
.osd {
padding: 6px;
margin: 6px;
- box-shadow: 0 2px 2.4px -1px rgba(26, 27, 38, 0.2),
- 0 4px 3px 0 rgba(26, 27, 38, 0.14), 0 1px 6px 0 rgba(26, 27, 38, 0.12);
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.osd.circular {
@@ -241,8 +385,6 @@ spinner:checked:disabled {
/****************
* Text Entries *
****************/
-spinbutton.vertical,
-spinbutton:not(.vertical),
entry {
min-height: 36px;
padding: 0 8px;
@@ -252,40 +394,37 @@ entry {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.08);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ outline: none;
}
-spinbutton.vertical:focus-within,
-spinbutton:focus-within:not(.vertical),
entry:focus-within {
- background-color: rgba(239, 240, 242, 0.08);
- box-shadow: inset 0 0 0 2px #d5d6db;
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #faf4ed;
+ outline: none;
}
-spinbutton.vertical:drop(active),
-spinbutton:drop(active):not(.vertical),
entry:drop(active) {
background-color: alpha(currentColor, 0.08);
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ outline: none;
}
-spinbutton.vertical:disabled,
-spinbutton:disabled:not(.vertical),
entry:disabled {
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
}
-spinbutton.search.vertical,
-spinbutton.search:not(.vertical),
entry.search {
- border-radius: 9999px;
+ border-radius: 6px;
+ padding: 2px 12px;
}
-spinbutton.flat.vertical,
-spinbutton.flat:not(.vertical),
entry.flat {
min-height: 0;
padding: 2px;
@@ -293,49 +432,35 @@ entry.flat {
background-color: transparent;
}
-spinbutton.vertical image,
-spinbutton:not(.vertical) image,
entry image {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
-spinbutton.vertical image:hover,
-spinbutton:not(.vertical) image:hover,
-spinbutton.vertical image:active,
-spinbutton:not(.vertical) image:active,
entry image:hover,
entry image:active {
- color: #eff0f2;
+ color: #e0def4;
}
-spinbutton.vertical image:disabled,
-spinbutton:not(.vertical) image:disabled,
entry image:disabled {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
-spinbutton.vertical image.left,
-spinbutton:not(.vertical) image.left,
entry image.left {
margin-left: 2px;
margin-right: 6px;
}
-spinbutton.vertical image.right,
-spinbutton:not(.vertical) image.right,
entry image.right {
margin-left: 6px;
margin-right: 2px;
}
-spinbutton.vertical undershoot.left,
-spinbutton:not(.vertical) undershoot.left,
entry undershoot.left {
background-color: transparent;
background-image: linear-gradient(
to top,
transparent 50%,
- rgba(239, 240, 242, 0.3) 50%
+ rgba(224, 222, 244, 0.3) 50%
);
padding-left: 1px;
background-size: 1px 12px;
@@ -346,14 +471,12 @@ entry undershoot.left {
margin: 4px 0;
}
-spinbutton.vertical undershoot.right,
-spinbutton:not(.vertical) undershoot.right,
entry undershoot.right {
background-color: transparent;
background-image: linear-gradient(
to top,
transparent 50%,
- rgba(239, 240, 242, 0.3) 50%
+ rgba(224, 222, 244, 0.3) 50%
);
padding-right: 1px;
background-size: 1px 12px;
@@ -364,70 +487,64 @@ entry undershoot.right {
margin: 4px 0;
}
-spinbutton.error.vertical,
-spinbutton.error:not(.vertical),
entry.error {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.08);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ outline: none;
}
-spinbutton.error.vertical:focus-within,
-spinbutton.error:focus-within:not(.vertical),
entry.error:focus-within {
- background-color: rgba(239, 240, 242, 0.08);
- box-shadow: inset 0 0 0 2px #f28b82;
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #eb6f92;
+ outline: none;
}
-spinbutton.error.vertical:disabled,
-spinbutton.error:disabled:not(.vertical),
entry.error:disabled {
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
}
-spinbutton.warning.vertical,
-spinbutton.warning:not(.vertical),
entry.warning {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.08);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ outline: none;
}
-spinbutton.warning.vertical:focus-within,
-spinbutton.warning:focus-within:not(.vertical),
entry.warning:focus-within {
- background-color: rgba(239, 240, 242, 0.08);
+ background-color: rgba(224, 222, 244, 0.08);
box-shadow: inset 0 0 0 2px #fdd633;
+ outline: none;
}
-spinbutton.warning.vertical:disabled,
-spinbutton.warning:disabled:not(.vertical),
entry.warning:disabled {
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
}
-spinbutton.vertical > progress,
-spinbutton:not(.vertical) > progress,
-spinbutton.vertical progress > trough > progress,
-spinbutton:not(.vertical) progress > trough > progress,
entry > progress,
entry progress > trough > progress {
margin: 2px -8px;
- border-bottom: 2px solid #d5d6db;
+ border-bottom: 2px solid #faf4ed;
background-color: transparent;
}
treeview entry.flat,
treeview entry {
- background-color: #1a1b26;
+ background-color: #191724;
}
treeview entry.flat,
@@ -442,8 +559,8 @@ treeview entry:focus-within {
margin: 2px;
border-radius: 9999px;
box-shadow: none;
- background-color: rgba(239, 240, 242, 0.12);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
}
.entry-tag:hover {
@@ -470,15 +587,16 @@ treeview entry:focus-within {
}
.entry-tag.button:not(:hover):not(:active) {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
editablelabel > stack > text {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.08);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ outline: none;
}
/***********
@@ -488,151 +606,162 @@ editablelabel > stack > text {
from {
background-image: radial-gradient(
farthest-side,
- #d5d6db 0%,
- rgba(224, 224, 224, 0) 0%
+ #faf4ed 0%,
+ rgba(250, 244, 237, 0) 0%
);
}
to {
background-image: radial-gradient(
farthest-side,
- #d5d6db 95%,
- rgba(224, 224, 224, 0)
+ #faf4ed 95%,
+ rgba(250, 244, 237, 0)
);
}
}
+toast button,
+toast button.text-button,
+toast button.circular.flat,
infobar.warning > revealer > box button,
infobar.warning:backdrop > revealer > box button,
popover.background.touch-selection button,
popover.background.magnifier button,
-.titlebar.selection-mode
+headerbar.selection-mode
button:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
+toast button:focus,
+toast button.circular.flat:focus,
infobar.warning > revealer > box button:focus,
popover.background.touch-selection button:focus,
popover.background.magnifier button:focus,
-.titlebar.selection-mode
+headerbar.selection-mode
button:focus:not(.suggested-action):not(.destructive-action),
+toast button:hover,
+toast button.circular.flat:hover,
infobar.warning > revealer > box button:hover,
popover.background.touch-selection button:hover,
popover.background.magnifier button:hover,
-.titlebar.selection-mode
+headerbar.selection-mode
button:hover:not(.suggested-action):not(.destructive-action),
+toast button:active,
+toast button.circular.flat:active,
infobar.warning > revealer > box button:active,
popover.background.touch-selection button:active,
popover.background.magnifier button:active,
-.titlebar.selection-mode
+headerbar.selection-mode
button:active:not(.suggested-action):not(.destructive-action),
+toast button:checked,
+toast button.circular.flat:checked,
infobar.warning > revealer > box button:checked,
popover.background.touch-selection button:checked,
popover.background.magnifier button:checked,
-.titlebar.selection-mode
+headerbar.selection-mode
button:checked:not(.suggested-action):not(.destructive-action) {
- color: #eff0f2;
+ color: #e0def4;
}
+toast button:disabled,
+toast button.circular.flat:disabled,
infobar.warning > revealer > box button:disabled,
popover.background.touch-selection button:disabled,
popover.background.magnifier button:disabled,
-.titlebar.selection-mode
+headerbar.selection-mode
button:disabled:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
+toast button:checked:disabled,
infobar.warning > revealer > box button:checked:disabled,
popover.background.touch-selection button:checked:disabled,
popover.background.magnifier button:checked:disabled,
-.titlebar.selection-mode
+headerbar.selection-mode
button:checked:disabled:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
-actionbar
- > revealer
- > box
- .linked
- > button:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:not(.suggested-action):not(.destructive-action):not(.flat),
button {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
- box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
outline: none;
- box-shadow: inset 0 0 0 9999px transparent;
- background-color: rgba(239, 240, 242, 0.08);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px transparent;
}
-actionbar
- > revealer
- > box
- .linked
- > button:focus:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:focus:not(.suggested-action):not(.destructive-action):not(.flat),
button:focus {
- box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08),
- inset 0 0 0 9999px transparent;
+ box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+ color: #e0def4;
+ outline: none;
}
-actionbar
- > revealer
- > box
- .linked
- > button:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:hover:not(.suggested-action):not(.destructive-action):not(.flat),
button:hover {
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px transparent;
}
-actionbar
- > revealer
- > box
- .linked
- > button:active:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:active:not(.suggested-action):not(.destructive-action):not(.flat),
button:active {
- transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1),
- background-color 225ms cubic-bezier(0, 0, 0.2, 1);
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.12);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #e0def4;
}
-actionbar
- > revealer
- > box
- .linked
- > button:disabled:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
button:disabled {
box-shadow: none;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
}
-actionbar
- > revealer
- > box
- .linked
- > button:checked:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:checked:not(.suggested-action):not(.destructive-action):not(.flat),
button:checked {
box-shadow: none;
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ outline: none;
}
-actionbar
- > revealer
- > box
- .linked
- > button:checked:hover:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat),
button:checked:hover {
- box-shadow: inset 0 0 0 9999px transparent;
+ box-shadow: none;
}
-actionbar
- > revealer
- > box
- .linked
- > button:checked:disabled:not(.suggested-action):not(.destructive-action),
+headerbar
+ popover
+ button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat),
button:checked:disabled {
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1);
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ opacity: 1;
+ filter: none;
}
button {
@@ -644,7 +773,9 @@ button {
}
button:drop(active) {
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px transparent;
}
placessidebar .navigation-sidebar > row button.sidebar-button,
@@ -652,34 +783,35 @@ calendar > header > button,
columnview.view > header > button button.circular,
treeview.view > header > button button.circular,
row.activatable button.circular,
-check,
-radio,
scrollbar button,
notebook > header > tabs > arrow,
+popover.menu box.circular-buttons button.circular.image-button.model,
+headerbar popover calendar > header > button,
spinbutton.vertical > button,
spinbutton:not(.vertical) > button,
-modelbutton.flat,
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button,
filechooser #pathbarbox > stack > box > button,
window.dialog.message.csd .dialog-action-area > button,
.app-notification button,
-actionbar
- > revealer
- > box
- button:not(.suggested-action):not(.destructive-action),
-popover.background.menu button,
-popover.background button.model,
-pathbar > button,
headerbar button:not(.suggested-action):not(.destructive-action),
.toolbar button,
toolbar button,
dropdown > .linked:not(.vertical) > button:not(:only-child),
combobox > .linked:not(.vertical) > button:not(:only-child),
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.opaque > button,
+splitbutton.opaque > menubutton > button,
+menubutton.suggested-action > button,
+menubutton.destructive-action > button,
+menubutton.opaque > button,
+menubutton.flat > button,
button.flat {
- transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
- outline: none;
- box-shadow: inset 0 0 0 9999px transparent;
background-color: transparent;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
placessidebar .navigation-sidebar > row button.sidebar-button:focus,
@@ -687,31 +819,35 @@ calendar > header > button:focus,
columnview.view > header > button button.circular:focus,
treeview.view > header > button button.circular:focus,
row.activatable button.circular:focus,
-check:focus,
-radio:focus,
scrollbar button:focus,
notebook > header > tabs > arrow:focus,
+popover.menu box.circular-buttons button.circular.image-button.model:focus,
+headerbar popover calendar > header > button:focus,
spinbutton.vertical > button:focus,
spinbutton:not(.vertical) > button:focus,
-modelbutton.flat:focus,
+splitbutton.flat > button:focus,
+splitbutton.flat > menubutton > button:focus,
filechooser #pathbarbox > stack > box > button:focus,
window.dialog.message.csd .dialog-action-area > button:focus,
.app-notification button:focus,
-actionbar
- > revealer
- > box
- button:focus:not(.suggested-action):not(.destructive-action),
-popover.background.menu button:focus,
-popover.background button.model:focus,
-pathbar > button:focus,
headerbar button:focus:not(.suggested-action):not(.destructive-action),
.toolbar button:focus,
toolbar button:focus,
dropdown > .linked:not(.vertical) > button:focus:not(:only-child),
combobox > .linked:not(.vertical) > button:focus:not(:only-child),
+splitbutton.suggested-action > button:focus,
+splitbutton.suggested-action > menubutton > button:focus,
+splitbutton.destructive-action > button:focus,
+splitbutton.destructive-action > menubutton > button:focus,
+splitbutton.opaque > button:focus,
+splitbutton.opaque > menubutton > button:focus,
+menubutton.suggested-action > button:focus,
+menubutton.destructive-action > button:focus,
+menubutton.opaque > button:focus,
+menubutton.flat > button:focus,
button.flat:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
- color: #eff0f2;
+ color: #e0def4;
}
placessidebar .navigation-sidebar > row button.sidebar-button:hover,
@@ -719,31 +855,35 @@ calendar > header > button:hover,
columnview.view > header > button button.circular:hover,
treeview.view > header > button button.circular:hover,
row.activatable button.circular:hover,
-check:hover,
-radio:hover,
scrollbar button:hover,
notebook > header > tabs > arrow:hover,
+popover.menu box.circular-buttons button.circular.image-button.model:hover,
+headerbar popover calendar > header > button:hover,
spinbutton.vertical > button:hover,
spinbutton:not(.vertical) > button:hover,
-modelbutton.flat:hover,
+splitbutton.flat > button:hover,
+splitbutton.flat > menubutton > button:hover,
filechooser #pathbarbox > stack > box > button:hover,
window.dialog.message.csd .dialog-action-area > button:hover,
.app-notification button:hover,
-actionbar
- > revealer
- > box
- button:hover:not(.suggested-action):not(.destructive-action),
-popover.background.menu button:hover,
-popover.background button.model:hover,
-pathbar > button:hover,
headerbar button:hover:not(.suggested-action):not(.destructive-action),
.toolbar button:hover,
toolbar button:hover,
dropdown > .linked:not(.vertical) > button:hover:not(:only-child),
combobox > .linked:not(.vertical) > button:hover:not(:only-child),
+splitbutton.suggested-action > button:hover,
+splitbutton.suggested-action > menubutton > button:hover,
+splitbutton.destructive-action > button:hover,
+splitbutton.destructive-action > menubutton > button:hover,
+splitbutton.opaque > button:hover,
+splitbutton.opaque > menubutton > button:hover,
+menubutton.suggested-action > button:hover,
+menubutton.destructive-action > button:hover,
+menubutton.opaque > button:hover,
+menubutton.flat > button:hover,
button.flat:hover {
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
- color: #eff0f2;
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
}
placessidebar .navigation-sidebar > row button.sidebar-button:active,
@@ -751,32 +891,36 @@ calendar > header > button:active,
columnview.view > header > button button.circular:active,
treeview.view > header > button button.circular:active,
row.activatable button.circular:active,
-check:active,
-radio:active,
scrollbar button:active,
notebook > header > tabs > arrow:active,
+popover.menu box.circular-buttons button.circular.image-button.model:active,
+headerbar popover calendar > header > button:active,
spinbutton.vertical > button:active,
spinbutton:not(.vertical) > button:active,
-modelbutton.flat:active,
+splitbutton.flat > button:active,
+splitbutton.flat > menubutton > button:active,
filechooser #pathbarbox > stack > box > button:active,
window.dialog.message.csd .dialog-action-area > button:active,
.app-notification button:active,
-actionbar
- > revealer
- > box
- button:active:not(.suggested-action):not(.destructive-action),
-popover.background.menu button:active,
-popover.background button.model:active,
-pathbar > button:active,
headerbar button:active:not(.suggested-action):not(.destructive-action),
.toolbar button:active,
toolbar button:active,
dropdown > .linked:not(.vertical) > button:active:not(:only-child),
combobox > .linked:not(.vertical) > button:active:not(:only-child),
+splitbutton.suggested-action > button:active,
+splitbutton.suggested-action > menubutton > button:active,
+splitbutton.destructive-action > button:active,
+splitbutton.destructive-action > menubutton > button:active,
+splitbutton.opaque > button:active,
+splitbutton.opaque > menubutton > button:active,
+menubutton.suggested-action > button:active,
+menubutton.destructive-action > button:active,
+menubutton.opaque > button:active,
+menubutton.flat > button:active,
button.flat:active {
- transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
- color: #eff0f2;
+ background-color: alpha(currentColor, 0.12);
+ color: #e0def4;
+ box-shadow: none;
}
placessidebar .navigation-sidebar > row button.sidebar-button:disabled,
@@ -784,74 +928,90 @@ calendar > header > button:disabled,
columnview.view > header > button button.circular:disabled,
treeview.view > header > button button.circular:disabled,
row.activatable button.circular:disabled,
-check:disabled,
-radio:disabled,
scrollbar button:disabled,
notebook > header > tabs > arrow:disabled,
+popover.menu box.circular-buttons button.circular.image-button.model:disabled,
+headerbar popover calendar > header > button:disabled,
spinbutton.vertical > button:disabled,
spinbutton:not(.vertical) > button:disabled,
-modelbutton.flat:disabled,
+splitbutton.flat > button:disabled,
+splitbutton.flat > menubutton > button:disabled,
filechooser #pathbarbox > stack > box > button:disabled,
window.dialog.message.csd .dialog-action-area > button:disabled,
.app-notification button:disabled,
-actionbar
- > revealer
- > box
- button:disabled:not(.suggested-action):not(.destructive-action),
-popover.background.menu button:disabled,
-popover.background button.model:disabled,
-pathbar > button:disabled,
headerbar button:disabled:not(.suggested-action):not(.destructive-action),
.toolbar button:disabled,
toolbar button:disabled,
dropdown > .linked:not(.vertical) > button:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:disabled:not(:only-child),
+splitbutton.suggested-action > button:disabled,
+splitbutton.suggested-action > menubutton > button:disabled,
+splitbutton.destructive-action > button:disabled,
+splitbutton.destructive-action > menubutton > button:disabled,
+splitbutton.opaque > button:disabled,
+splitbutton.opaque > menubutton > button:disabled,
+menubutton.suggested-action > button:disabled,
+menubutton.destructive-action > button:disabled,
+menubutton.opaque > button:disabled,
+menubutton.flat > button:disabled,
button.flat:disabled {
box-shadow: none;
background-color: transparent;
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
+ opacity: 1;
+ filter: none;
}
filechooser #pathbarbox > stack > box > button:checked,
window.dialog.message.csd .dialog-action-area > button:checked,
.app-notification button:checked,
-actionbar
- > revealer
- > box
- button:checked:not(.suggested-action):not(.destructive-action),
-popover.background.menu button:checked,
-popover.background button.model:checked,
-pathbar > button:checked,
headerbar button:checked:not(.suggested-action):not(.destructive-action),
.toolbar button:checked,
toolbar button:checked,
dropdown > .linked:not(.vertical) > button:checked:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:not(:only-child),
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button:checked,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button:checked,
+menubutton.flat > button:checked,
button.flat:checked,
button.flat:checked:hover {
background-color: alpha(currentColor, 0.1);
- color: #eff0f2;
+ color: #e0def4;
+ outline: none;
+ box-shadow: none;
}
filechooser #pathbarbox > stack > box > button:checked:disabled,
window.dialog.message.csd .dialog-action-area > button:checked:disabled,
.app-notification button:checked:disabled,
-actionbar
- > revealer
- > box
- button:checked:disabled:not(.suggested-action):not(.destructive-action),
-popover.background.menu button:checked:disabled,
-popover.background button.model:checked:disabled,
-pathbar > button:checked:disabled,
headerbar
button:checked:disabled:not(.suggested-action):not(.destructive-action),
.toolbar button:checked:disabled,
toolbar button:checked:disabled,
dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child),
+splitbutton.suggested-action > button:checked:disabled,
+splitbutton.suggested-action > menubutton > button:checked:disabled,
+splitbutton.destructive-action > button:checked:disabled,
+splitbutton.destructive-action > menubutton > button:checked:disabled,
+splitbutton.opaque > button:checked:disabled,
+splitbutton.opaque > menubutton > button:checked:disabled,
+menubutton.suggested-action > button:checked:disabled,
+menubutton.destructive-action > button:checked:disabled,
+menubutton.opaque > button:checked:disabled,
+menubutton.flat > button:checked:disabled,
button.flat:checked:disabled {
- background-color: alpha(currentColor, 0.1);
- color: rgba(239, 240, 242, 0.5);
+ background-color: alpha(currentColor, 0.06);
+ color: rgba(224, 222, 244, 0.5);
+ opacity: 1;
+ filter: none;
}
button.text-button {
@@ -869,6 +1029,11 @@ button.text-button.flat {
button.image-button {
min-width: 24px;
padding: 6px;
+ border-radius: 6px;
+}
+
+.linked button.image-button {
+ border-radius: 6px;
}
button.text-button.image-button {
@@ -909,10 +1074,23 @@ button.text-button.image-button image:not(:only-child) {
button.osd {
padding: 12px 16px;
+ box-shadow: none;
+ background-color: #21202e;
+ color: #e0def4;
+}
+
+button.osd:hover {
+ background-color: #403d52;
+ color: #e0def4;
+}
+
+button.osd:active {
+ background-color: #21202e;
+ color: #e0def4;
}
button.osd.image-button {
- padding: 12px;
+ padding: 6px;
}
button.osd:disabled {
@@ -920,21 +1098,24 @@ button.osd:disabled {
}
button.suggested-action {
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
box-shadow: none;
}
button.suggested-action:disabled {
box-shadow: none;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
}
button.suggested-action:hover {
box-shadow: inset 0 0 0 9999px transparent,
- 0 2px 2.4px -1px rgba(224, 224, 224, 0.2),
- 0 4px 3px 0 rgba(224, 224, 224, 0.14), 0 1px 6px 0 rgba(224, 224, 224, 0.12);
+ 0 2px 2.4px -1px rgba(250, 244, 237, 0.2),
+ 0 4px 3px 0 rgba(250, 244, 237, 0.14), 0 1px 6px 0 rgba(250, 244, 237, 0.12);
}
button.suggested-action:checked {
@@ -943,40 +1124,45 @@ button.suggested-action:checked {
button.suggested-action:checked:hover {
box-shadow: inset 0 0 0 9999px transparent,
- 0 3px 3px -3px rgba(224, 224, 224, 0.3),
- 0 2px 3px -1px rgba(224, 224, 224, 0.24),
- 0 2px 5px 0 rgba(224, 224, 224, 0.12);
+ 0 3px 3px -3px rgba(250, 244, 237, 0.3),
+ 0 2px 3px -1px rgba(250, 244, 237, 0.24),
+ 0 2px 5px 0 rgba(250, 244, 237, 0.12);
}
button.suggested-action:focus {
- box-shadow: 0 0 0 2px rgba(224, 224, 224, 0.35);
+ box-shadow: 0 0 0 2px rgba(250, 244, 237, 0.35);
}
button.suggested-action.flat {
background-color: transparent;
- color: #d5d6db;
+ color: #faf4ed;
}
button.suggested-action.flat:disabled {
box-shadow: none;
background-color: transparent;
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
+ opacity: 1;
+ filter: none;
}
button.suggested-action.flat:checked {
- background-color: rgba(224, 224, 224, 0.3);
+ background-color: rgba(250, 244, 237, 0.3);
}
button.destructive-action {
- background-color: #f28b82;
- color: rgba(26, 27, 38, 0.87);
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
box-shadow: none;
}
button.destructive-action:disabled {
box-shadow: none;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
}
button.destructive-action:hover {
@@ -1002,19 +1188,94 @@ button.destructive-action:focus {
button.destructive-action.flat {
background-color: transparent;
- color: #f28b82;
+ color: #eb6f92;
}
button.destructive-action.flat:disabled {
box-shadow: none;
background-color: transparent;
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
+ opacity: 1;
+ filter: none;
}
button.destructive-action.flat:checked {
background-color: rgba(242, 139, 130, 0.3);
}
+menubutton.pill > button,
+button.pill {
+ padding: 9px 30px;
+ border-radius: 9999px;
+}
+
+button.card {
+ background-clip: padding-box;
+ font-weight: inherit;
+ background-clip: border-box;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ outline: none;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card:hover {
+ background-image: none;
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px transparent;
+}
+
+button.card.keyboard-activating,
+button.card:active {
+ background-image: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.12);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #e0def4;
+}
+
+button.card:checked {
+ background-image: none;
+ box-shadow: none;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ outline: none;
+ border-color: #faf4ed;
+}
+
+button.card:checked:hover {
+ background-image: none;
+ box-shadow: none;
+}
+
+button.card:checked:disabled {
+ box-shadow: none;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ opacity: 1;
+ filter: none;
+}
+
+button.card.keyboard-activating:checked,
+button.card:checked:active {
+ background-image: none;
+}
+
+button.card.has-open-popup:checked {
+ background-image: none;
+}
+
+button.card:drop(active) {
+ color: #ff7043;
+ box-shadow: inset 0 0 0 1px #ff7043;
+}
+
stackswitcher > button > label {
margin: 0 -6px;
padding: 0 6px;
@@ -1043,24 +1304,24 @@ button.file > box > box > label {
windowcontrols button:not(.suggested-action):not(.destructive-action),
filechooser #pathbarbox > stack > box > button,
-check,
-radio,
-button.image-button,
+menubutton.circular > button,
button.close,
button.circular {
border-radius: 9999px;
+ min-width: 24px;
+ min-height: 24px;
+ padding: 6px;
}
windowcontrols button:not(.suggested-action):not(.destructive-action) label,
filechooser #pathbarbox > stack > box > button label,
-check label,
-radio label,
-button.image-button label,
+menubutton.circular > button label,
button.close label,
button.circular label {
padding: 0;
}
+.nautilus-window .floating-bar button,
placessidebar .navigation-sidebar > row button.sidebar-button,
notebook > header tab button.flat,
popover.menu box.circular-buttons button.circular.image-button.model,
@@ -1072,6 +1333,241 @@ spinbutton:not(.vertical) > button {
border-radius: 9999px;
}
+menubutton.osd {
+ background: none;
+ color: inherit;
+}
+
+menubutton.suggested-action {
+ background-color: #faf4ed;
+ color: #e0def4;
+}
+
+menubutton.destructive-action {
+ background-color: #eb6f92;
+ color: #e0def4;
+}
+
+menubutton.opaque {
+ background-color: #575279;
+ color: #e0def4;
+}
+
+menubutton.suggested-action,
+menubutton.destructive-action,
+menubutton.opaque {
+ border-radius: 6px;
+}
+
+menubutton.suggested-action.circular,
+menubutton.suggested-action.pill,
+menubutton.destructive-action.circular,
+menubutton.destructive-action.pill,
+menubutton.opaque.circular,
+menubutton.opaque.pill {
+ border-radius: 9999px;
+}
+
+menubutton.suggested-action > button,
+menubutton.suggested-action > button:checked,
+menubutton.destructive-action > button,
+menubutton.destructive-action > button:checked,
+menubutton.opaque > button,
+menubutton.opaque > button:checked {
+ background-color: transparent;
+ color: inherit;
+}
+
+menubutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+menubutton arrow {
+ min-height: 16px;
+ min-width: 16px;
+}
+
+menubutton arrow.none {
+ -gtk-icon-source: -gtk-icontheme('open-menu-symbolic');
+}
+
+menubutton arrow.down {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+menubutton arrow.up {
+ -gtk-icon-source: -gtk-icontheme('pan-up-symbolic');
+}
+
+menubutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme('pan-start-symbolic');
+}
+
+menubutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+}
+
+splitbutton {
+ border-radius: 6px;
+}
+
+splitbutton,
+splitbutton > separator {
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ transition-property: background;
+}
+
+splitbutton:disabled {
+ filter: none;
+}
+
+splitbutton:disabled > button,
+splitbutton:disabled > menubutton > button {
+ filter: none;
+}
+
+splitbutton > separator {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background: none;
+}
+
+splitbutton > menubutton > button {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+splitbutton.image-button > button {
+ min-width: 24px;
+ padding-left: 6px;
+ padding-right: 6px;
+}
+
+splitbutton.text-button.image-button > button,
+splitbutton.image-text-button > button {
+ padding-left: 9px;
+ padding-right: 9px;
+}
+
+splitbutton.text-button.image-button > button > box,
+splitbutton.image-text-button > button > box {
+ border-spacing: 6px;
+}
+
+splitbutton > button:dir(ltr),
+splitbutton > menubutton > button:dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ margin-right: -1px;
+}
+
+splitbutton > button:dir(rtl),
+splitbutton > menubutton > button:dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: -1px;
+}
+
+splitbutton.flat > separator {
+ background: rgba(224, 222, 244, 0.12);
+}
+
+splitbutton.flat:hover,
+splitbutton.flat:active,
+splitbutton.flat:checked {
+ background: alpha(currentColor, 0.07);
+}
+
+splitbutton.flat:hover > separator,
+splitbutton.flat:active > separator,
+splitbutton.flat:checked > separator {
+ background: none;
+}
+
+splitbutton.flat:focus-within:focus-visible > separator {
+ background: none;
+}
+
+splitbutton.flat > button,
+splitbutton.flat > menubutton > button {
+ border-radius: 6px;
+}
+
+splitbutton.suggested-action {
+ background-color: #faf4ed;
+ color: #e0def4;
+}
+
+splitbutton.destructive-action {
+ background-color: #eb6f92;
+ color: #e0def4;
+}
+
+splitbutton.opaque {
+ background-color: #575279;
+ color: #e0def4;
+}
+
+splitbutton.suggested-action > button,
+splitbutton.suggested-action > button:checked,
+splitbutton.suggested-action > menubutton > button,
+splitbutton.suggested-action > menubutton > button:checked,
+splitbutton.destructive-action > button,
+splitbutton.destructive-action > button:checked,
+splitbutton.destructive-action > menubutton > button,
+splitbutton.destructive-action > menubutton > button:checked,
+splitbutton.opaque > button,
+splitbutton.opaque > button:checked,
+splitbutton.opaque > menubutton > button,
+splitbutton.opaque > menubutton > button:checked {
+ color: inherit;
+ background-color: transparent;
+}
+
+splitbutton.suggested-action > menubutton > button:dir(ltr),
+splitbutton.destructive-action > menubutton > button:dir(ltr),
+splitbutton.opaque > menubutton > button:dir(ltr) {
+ box-shadow: inset 1px 0 rgba(224, 222, 244, 0.12);
+}
+
+splitbutton.suggested-action > menubutton > button:dir(rtl),
+splitbutton.destructive-action > menubutton > button:dir(rtl),
+splitbutton.opaque > menubutton > button:dir(rtl) {
+ box-shadow: inset -1px 0 rgba(224, 222, 244, 0.12);
+}
+
+splitbutton > menubutton > button > arrow.none {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+buttoncontent {
+ border-spacing: 6px;
+}
+
+buttoncontent > label {
+ font-weight: bold;
+}
+
+buttoncontent > label:dir(ltr) {
+ padding-right: 2px;
+}
+
+buttoncontent > label:dir(rtl) {
+ padding-left: 2px;
+}
+
+.arrow-button > box > buttoncontent > label:dir(ltr),
+splitbutton > button > buttoncontent > label:dir(ltr) {
+ padding-right: 0;
+}
+
+.arrow-button > box > buttoncontent > label:dir(rtl),
+splitbutton > button > buttoncontent > label:dir(rtl) {
+ padding-left: 0;
+}
+
stacksidebar row.needs-attention > label,
stackswitcher > button.needs-attention > label,
stackswitcher > button.needs-attention > image {
@@ -1087,82 +1583,218 @@ stackswitcher > button.needs-attention > image:dir(rtl) {
background-position: left 3px;
}
-.linked:not(.vertical) > spinbutton.vertical,
-.linked:not(.vertical) > spinbutton:not(.vertical),
.linked:not(.vertical) > entry,
.linked:not(.vertical) > button,
.linked:not(.vertical) > button.image-button {
border-radius: 0;
}
-.linked:not(.vertical) > spinbutton.vertical:first-child,
-.linked:not(.vertical) > spinbutton:first-child:not(.vertical),
.linked:not(.vertical) > entry:first-child,
.linked:not(.vertical) > button:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
-.linked:not(.vertical) > spinbutton.vertical:last-child,
-.linked:not(.vertical) > spinbutton:last-child:not(.vertical),
.linked:not(.vertical) > entry:last-child,
.linked:not(.vertical) > button:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
-.linked:not(.vertical) > spinbutton.vertical:only-child,
-.linked:not(.vertical) > spinbutton:only-child:not(.vertical),
.linked:not(.vertical) > entry:only-child,
.linked:not(.vertical) > button:only-child {
border-radius: 6px;
}
-.linked.vertical > spinbutton.vertical,
-.linked.vertical > spinbutton:not(.vertical),
.linked.vertical > entry,
.linked.vertical > button,
.linked.vertical > button.image-button {
border-radius: 0;
}
-.linked.vertical > spinbutton.vertical:first-child,
-.linked.vertical > spinbutton:first-child:not(.vertical),
.linked.vertical > entry:first-child,
.linked.vertical > button:first-child {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
-.linked.vertical > spinbutton.vertical:last-child,
-.linked.vertical > spinbutton:last-child:not(.vertical),
.linked.vertical > entry:last-child,
.linked.vertical > button:last-child {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
-.linked.vertical > spinbutton.vertical:only-child,
-.linked.vertical > spinbutton:only-child:not(.vertical),
.linked.vertical > entry:only-child,
.linked.vertical > button:only-child {
border-radius: 6px;
}
-/* menu buttons */
-modelbutton.flat {
- min-height: 28px;
- padding: 0 9px;
- border-radius: 6px;
- color: #eff0f2;
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:last-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
}
-modelbutton.flat arrow.left {
- -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+.linked:not(.vertical) > button:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > button:not(.combo):dir(rtl):not(:first-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-modelbutton.flat arrow.right {
- -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+.linked.vertical button:not(.combo):not(:first-child) {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical button:not(.combo):not(:last-child) {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical menubutton:not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical menubutton:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical dropdown:not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical dropdown:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical colorbutton:not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical colorbutton:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical fontbutton:not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical fontbutton:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:first-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:last-child) > button {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > tabbutton:dir(ltr):not(:last-child) > button,
+.linked:not(.vertical) > tabbutton:dir(rtl):not(:first-child) > button {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical tabbutton:not(:first-child) > button {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical tabbutton:not(:last-child) > button {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:first-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:last-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ margin-left: 0;
+}
+
+.linked:not(.vertical) > entry:not(.combo):dir(ltr):not(:last-child),
+.linked:not(.vertical) > entry:not(.combo):dir(rtl):not(:first-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:first-child) {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ margin-top: 0;
+}
+
+.linked.vertical entry:not(.combo):not(:last-child) {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
}
button.color {
@@ -1178,24 +1810,29 @@ list > row button.image-button:not(.flat) {
}
list > row button.image-button:not(.flat):hover {
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
+ box-shadow: inset 0 0 0 2px transparent;
}
list > row button.image-button:not(.flat):active,
list > row button.image-button:not(.flat):checked {
- transition: box-shadow 225ms cubic-bezier(0, 0, 0.2, 1),
- background-color 225ms cubic-bezier(0, 0, 0.2, 1);
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: alpha(currentColor, 0.12);
+ box-shadow: inset 0 0 0 2px transparent;
+ color: #e0def4;
}
-list > row button.image-button:not(.flat).suggested-action {
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
+list > row button.image-button.suggested-action:not(.flat) {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
}
-list > row button.image-button:not(.flat).destructive-action {
- background-color: #f28b82;
- color: rgba(26, 27, 38, 0.87);
+list > row button.image-button.destructive-action:not(.flat) {
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
}
/*********
@@ -1230,9 +1867,32 @@ button.link > label {
/*****************
* GtkSpinButton *
*****************/
-spinbutton:not(.vertical) {
+spinbutton {
+ border-radius: 6px;
padding: 0;
border-spacing: 0;
+ min-height: 0;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ outline: none;
+}
+
+spinbutton:focus-within {
+ background-color: rgba(224, 222, 244, 0.08);
+ box-shadow: inset 0 0 0 2px #faf4ed;
+ outline: none;
+}
+
+spinbutton:disabled {
+ box-shadow: inset 0 0 0 2px transparent;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ outline: none;
+ opacity: 1;
+ filter: none;
}
spinbutton:not(.vertical) > text {
@@ -1252,7 +1912,7 @@ spinbutton:not(.vertical) > button {
spinbutton:not(.vertical)
> button:focus:not(:hover):not(:active):not(:disabled) {
box-shadow: inset 0 0 0 9999px transparent;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
spinbutton:not(.vertical) > button.up:dir(ltr),
@@ -1265,14 +1925,6 @@ spinbutton:not(.vertical) > button.down:dir(ltr) {
margin-right: -3px;
}
-spinbutton.vertical {
- padding: 0;
-}
-
-spinbutton.vertical:disabled {
- color: rgba(239, 240, 242, 0.5);
-}
-
spinbutton.vertical > text {
margin: 0;
border-image: none;
@@ -1291,7 +1943,7 @@ spinbutton.vertical > button {
spinbutton.vertical > button:focus:not(:hover):not(:active) {
box-shadow: inset 0 0 0 9999px transparent;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
spinbutton.vertical > button.up {
@@ -1302,26 +1954,23 @@ spinbutton.vertical > button.down {
margin: 0 3px;
}
-treeview spinbutton:not(.vertical),
-row spinbutton:not(.vertical) {
- min-height: 0;
- border-style: none;
- border-radius: 0;
+list > row spinbutton:not(.vertical) > button {
+ margin: 6px;
}
-treeview spinbutton:not(.vertical) > text,
-row spinbutton:not(.vertical) > text {
- min-height: 0;
- padding: 1px 2px;
+list > row spinbutton:not(.vertical) > button.up:dir(ltr),
+list > row spinbutton:not(.vertical) > button.down:dir(rtl) {
+ margin-left: 3px;
+}
+
+list > row spinbutton:not(.vertical) > button.up:dir(rtl),
+list > row spinbutton:not(.vertical) > button.down:dir(ltr) {
+ margin-right: 3px;
}
/**************
* ComboBoxes *
**************/
-dropdown > popover.menu.background > contents {
- padding: 0;
-}
-
dropdown > button > box {
border-spacing: 6px;
}
@@ -1357,7 +2006,7 @@ combobox popover {
dropdown popover listview,
combobox popover listview {
- margin: 6px 0;
+ margin: 0;
}
dropdown popover listview > row,
@@ -1367,7 +2016,7 @@ combobox popover listview > row {
dropdown popover listview > row:selected,
combobox popover listview > row:selected {
- color: #eff0f2;
+ color: #e0def4;
background-color: alpha(currentColor, 0.06);
}
@@ -1411,7 +2060,7 @@ combobox > .linked:not(.vertical) > button:not(:only-child) {
min-width: 16px;
margin: 6px;
padding: 4px;
- border-radius: 6px;
+ border-radius: 9999px;
}
.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
@@ -1440,35 +2089,41 @@ button.combo:only-child {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
box-shadow: inset 0 0 0 2px transparent;
- background-color: rgba(239, 240, 242, 0.08);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.08);
+ color: #e0def4;
+ outline: none;
}
button.combo:only-child:focus {
box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
- color: #eff0f2;
+ color: #e0def4;
}
button.combo:only-child:hover {
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
- color: #eff0f2;
+ background-color: alpha(currentColor, 0.08);
+ color: #e0def4;
}
button.combo:only-child:active {
- transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
- box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
- color: #eff0f2;
+ background-color: alpha(currentColor, 0.12);
+ color: #e0def4;
+ box-shadow: none;
}
button.combo:only-child:checked {
background-color: alpha(currentColor, 0.1);
- color: #eff0f2;
+ color: #e0def4;
+ outline: none;
+ box-shadow: none;
}
button.combo:only-child:disabled {
box-shadow: none;
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+ transition: none;
+ opacity: 1;
+ filter: none;
}
/************
@@ -1477,7 +2132,7 @@ button.combo:only-child:disabled {
.toolbar,
toolbar {
padding: 3px 6px;
- background-color: #1a1b26;
+ background-color: #191724;
border-spacing: 6px;
}
@@ -1492,18 +2147,18 @@ toolbar.osd {
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
padding: 6px;
border-radius: 6px;
- box-shadow: 0 2px 2.4px -1px rgba(26, 27, 38, 0.2),
- 0 4px 3px 0 rgba(26, 27, 38, 0.14), 0 1px 6px 0 rgba(26, 27, 38, 0.12),
- inset 0 1px rgba(239, 240, 242, 0.1);
- background-color: #24283b;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
}
.app-notification:backdrop,
.toolbar.osd:backdrop,
toolbar.osd:backdrop {
- box-shadow: 0 3px 2px -3px rgba(26, 27, 38, 0.3),
- 0 2px 2px -1px rgba(26, 27, 38, 0.24), 0 1px 3px 0 rgba(26, 27, 38, 0.12),
- inset 0 1px rgba(239, 240, 242, 0.1);
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
}
.left.app-notification,
@@ -1529,9 +2184,9 @@ toolbar.osd.bottom {
background-image: linear-gradient(
to bottom,
transparent,
- rgba(26, 27, 38, 0.1) 30%,
- rgba(26, 27, 38, 0.2) 50%,
- rgba(26, 27, 38, 0.4)
+ rgba(0, 0, 0, 0.1) 30%,
+ rgba(0, 0, 0, 0.2) 50%,
+ rgba(0, 0, 0, 0.4)
);
}
@@ -1586,250 +2241,158 @@ toolbar:not(.inline-toolbar):not(.osd) switch {
margin: 8px 2px;
}
-.toolbar button {
- margin: 1px;
- border-radius: 3px;
-}
-
searchbar > revealer > box {
padding: 6px;
border-spacing: 6px;
border-style: solid;
border-width: 0 0 1px;
- border-color: rgba(239, 240, 242, 0.12);
- background-color: #1a1b26;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
background-clip: border-box;
+ box-shadow: none;
+}
+
+searchbar > revealer > box entry,
+searchbar > revealer > box button {
+ margin: 0;
}
/***************
* Header bars *
***************/
headerbar button:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
border-radius: 6px;
}
-headerbar
- .linked:not(.vertical)
- > button:not(.suggested-action):not(.destructive-action) {
- border-radius: 9999px;
-}
-
headerbar button:focus:not(.suggested-action):not(.destructive-action),
headerbar button:hover:not(.suggested-action):not(.destructive-action),
headerbar button:active:not(.suggested-action):not(.destructive-action),
headerbar button:checked:not(.suggested-action):not(.destructive-action) {
- color: #eff0f2;
+ color: #e0def4;
}
headerbar button:disabled:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
headerbar
button:checked:disabled:not(.suggested-action):not(.destructive-action) {
background-color: transparent;
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
headerbar button:backdrop:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action),
headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action),
headerbar
button:backdrop:active:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
headerbar
button:backdrop:disabled:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
headerbar
button:backdrop:checked:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
headerbar
button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
-.titlebar entry {
- background-color: rgba(239, 240, 242, 0.04);
- color: #eff0f2;
+headerbar entry {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: #e0def4;
}
-.titlebar entry:disabled {
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
+headerbar entry:focus-within {
+ box-shadow: inset 0 0 0 2px #faf4ed;
}
-.titlebar entry image {
- color: rgba(239, 240, 242, 0.7);
+headerbar entry:disabled {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
}
-.titlebar entry image:hover,
-.titlebar entry image:active {
- color: #eff0f2;
+headerbar entry image {
+ color: rgba(224, 222, 244, 0.7);
}
-.titlebar entry image:disabled {
- color: rgba(239, 240, 242, 0.5);
+headerbar entry image:hover,
+headerbar entry image:active {
+ color: #e0def4;
}
-.titlebar {
- transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1),
- color 75ms cubic-bezier(0, 0, 0.2, 1);
- border-radius: 12px 12px 0 0;
- background-color: #1a1b26;
- color: #eff0f2;
-}
-
-.titlebar:disabled {
- color: rgba(239, 240, 242, 0.5);
-}
-
-.titlebar:backdrop {
- background-color: #1a1b26;
- color: rgba(239, 240, 242, 0.7);
-}
-
-.titlebar:backdrop:disabled {
- color: rgba(239, 240, 242, 0.3);
-}
-
-.titlebar .title {
- padding: 0 12px;
- font-weight: bold;
-}
-
-.titlebar .subtitle {
- padding: 0 12px;
- font-size: smaller;
-}
-
-.titlebar .subtitle,
-.titlebar .dim-label {
- transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
- color: rgba(239, 240, 242, 0.7);
-}
-
-.titlebar .subtitle:backdrop,
-.titlebar .dim-label:backdrop {
- color: rgba(239, 240, 242, 0.5);
-}
-
-.titlebar .titlebar {
- background-color: transparent;
- box-shadow: none;
-}
-
-.titlebar headerbar + separator {
- background-color: rgba(239, 240, 242, 0.12);
-}
-
-.titlebar .linked:not(.vertical) > entry:not(:only-child) {
- border-radius: 6px;
-}
-
-.titlebar button.suggested-action:disabled,
-.titlebar button.destructive-action:disabled {
- background-color: rgba(239, 240, 242, 0.04);
- color: rgba(239, 240, 242, 0.5);
-}
-
-.titlebar button.toggle {
- border-radius: 9999px;
-}
-
-.titlebar stackswitcher {
- margin: 6px 0;
- border-radius: 9999px;
-}
-
-.titlebar
- stackswitcher.linked:not(.vertical)
- > button:not(.suggested-action):not(.destructive-action).text-button {
- border-radius: 9999px;
-}
-
-.titlebar.selection-mode {
- transition: background-color 0.1ms 225ms,
- color 75ms cubic-bezier(0, 0, 0.2, 1);
- box-shadow: inset 0 1px rgba(239, 240, 242, 0);
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
-}
-
-.titlebar.selection-mode:backdrop {
- color: rgba(26, 27, 38, 0.6);
-}
-
-.titlebar.selection-mode .subtitle:link {
- color: rgba(26, 27, 38, 0.87);
-}
-
-.titlebar.selection-mode .selection-menu {
- padding-left: 16px;
- padding-right: 16px;
-}
-
-.titlebar.selection-mode .selection-menu .arrow {
- -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
-}
-
-.titlebar .selection-mode {
- box-shadow: inset 0 1px rgba(239, 240, 242, 0);
- background-color: #d5d6db;
-}
-
-.tiled .titlebar,
-.tiled-top .titlebar,
-.tiled-right .titlebar,
-.tiled-bottom .titlebar,
-.tiled-left .titlebar,
-.maximized .titlebar,
-.fullscreen .titlebar {
- border-radius: 0;
-}
-
-.titlebar.default-decoration {
- min-height: 24px;
- padding: 6px;
- border-radius: 6px 6px 0 0;
-}
-
-.titlebar.default-decoration windowcontrols button,
-.titlebar.default-decoration windowcontrols menubutton {
- min-height: 24px;
- min-width: 24px;
- margin: 0;
- padding: 0;
-}
-
-.solid-csd .titlebar:dir(rtl),
-.solid-csd .titlebar:dir(ltr) {
- border-radius: 0;
- box-shadow: none;
+headerbar entry image:disabled {
+ color: rgba(224, 222, 244, 0.5);
}
headerbar {
min-height: 48px;
+ padding: 0;
+ margin: 0;
+ border: none;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+ background-color: #191724;
+ color: #e0def4;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+}
+
+headerbar:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+headerbar:backdrop {
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+headerbar:backdrop:disabled {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+headerbar.flat {
+ background-color: transparent;
+ color: #e0def4;
+}
+
+headerbar .title {
+ padding: 0 12px;
+ font-weight: bold;
+}
+
+headerbar .subtitle {
+ padding: 0 12px;
+ font-size: smaller;
+}
+
+headerbar .subtitle,
+headerbar .dim-label,
+headerbar row label.subtitle,
+row headerbar label.subtitle {
+ transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+headerbar .subtitle:backdrop,
+headerbar .dim-label:backdrop,
+headerbar row label.subtitle:backdrop,
+row headerbar label.subtitle:backdrop {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+headerbar > windowhandle > box {
padding: 0 6px;
}
-headerbar:not(.titlebar) {
- box-shadow: none;
-}
-
-box.vertical headerbar {
- background-color: #1a1b26;
-}
-
headerbar > windowhandle > box,
headerbar > windowhandle > box > box.start,
headerbar > windowhandle > box > box.end {
@@ -1838,15 +2401,26 @@ headerbar > windowhandle > box > box.end {
headerbar entry,
headerbar spinbutton,
-headerbar button {
+headerbar button,
+headerbar stackswitcher,
+headerbar menubutton,
+headerbar splitbutton,
+headerbar separator {
margin-top: 6px;
margin-bottom: 6px;
}
-headerbar separator:not(.sidebar) {
- margin-top: 12px;
- margin-bottom: 12px;
- background-color: rgba(239, 240, 242, 0.12);
+headerbar menubutton > button,
+headerbar spinbutton > button,
+headerbar splitbutton > button,
+headerbar splitbutton > menubutton,
+headerbar stackswitcher > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+headerbar separator:not(.spacer) {
+ background-color: rgba(224, 222, 244, 0.12);
}
headerbar switch {
@@ -1864,55 +2438,116 @@ headerbar .entry-tag {
margin-bottom: 5px;
}
-headerbar.windowhandle
- > viewswitcher
- > box
- > button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
+headerbar .titlebar {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+headerbar headerbar + separator {
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+headerbar .linked:not(.vertical) > entry:not(:only-child) {
+ border-radius: 6px;
+}
+
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+headerbar stackswitcher {
+ margin: 6px 0;
+ border-radius: 9999px;
+}
+
+headerbar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 9999px;
+}
+
+headerbar
+ stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action):checked {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode {
+ transition: background-color 0.1ms 225ms,
+ color 75ms cubic-bezier(0, 0, 0.2, 1);
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode:backdrop {
+ color: rgba(0, 0, 0, 0.6);
+}
+
+headerbar.selection-mode .subtitle:link {
+ color: rgba(0, 0, 0, 0.87);
+}
+
+headerbar.selection-mode .selection-menu {
+ padding-left: 16px;
+ padding-right: 16px;
+}
+
+headerbar.selection-mode .selection-menu .arrow {
+ -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
+}
+
+headerbar .selection-mode {
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0);
+ background-color: #faf4ed;
+}
+
+.tiled headerbar,
+.tiled-top headerbar,
+.tiled-right headerbar,
+.tiled-bottom headerbar,
+.tiled-left headerbar,
+.maximized headerbar,
+.fullscreen headerbar {
border-radius: 0;
- margin-top: 0;
- margin-bottom: 0;
}
-headerbar.windowhandle > button.popup label,
-headerbar.windowhandle > button.popup image {
- min-height: 0;
+headerbar.default-decoration {
+ min-height: 24px;
+ padding: 6px;
+ border-radius: 6px 6px 0 0;
}
-headerbar.windowhandle viewswitchertitle > squeezer {
- margin-top: 0;
- margin-bottom: 0;
- background: none;
-}
-
-headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher {
- margin: 0 0;
- background: none;
-}
-
-headerbar.windowhandle
- viewswitchertitle
- > squeezer
- > viewswitcher
- > box.horizontal
- > button.radio {
+headerbar.default-decoration windowcontrols button,
+headerbar.default-decoration windowcontrols menubutton {
+ min-height: 24px;
+ min-width: 24px;
margin: 0;
padding: 0;
+}
+
+.solid-csd headerbar:dir(rtl),
+.solid-csd headerbar:dir(ltr) {
border-radius: 0;
+ box-shadow: none;
}
window.devel headerbar.titlebar {
- background: #1a1b26
+ background: #191724
cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
90% 0/256px 256px no-repeat,
- linear-gradient(to right, transparent 65%, rgba(224, 224, 224, 0.1)),
+ linear-gradient(to right, transparent 65%, rgba(250, 244, 237, 0.1)),
linear-gradient(to top, #343434 3px, #393939);
}
window.devel headerbar.titlebar:backdrop {
- background: #1a1b26
+ background: #191724
cross-fade(10% -gtk-icontheme('system-run-symbolic'), image(transparent))
90% 0/256px 256px no-repeat,
- image(#1a1b26);
+ image(#191724);
/* background-color would flash */
}
@@ -1926,11 +2561,6 @@ pathbar > button {
border-radius: 6px;
}
-pathbar > button:checked,
-pathbar > button:checked:disabled {
- background-color: transparent;
-}
-
pathbar > button label:not(:only-child):first-child {
margin-left: 0;
}
@@ -1948,22 +2578,58 @@ pathbar > button.slider-button {
padding-right: 4px;
}
+.pathbar {
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.7);
+ border: none;
+ border-radius: 6px;
+ padding: 2px;
+}
+
+headerbar .pathbar {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.pathbar > button {
+ margin-top: 0;
+ margin-bottom: 0;
+ min-height: 20px;
+ border-radius: 4px;
+ border: none;
+ box-shadow: none;
+}
+
+.pathbar > button:last-child {
+ background-color: alpha(currentColor, 0.1);
+ color: #e0def4;
+ outline: none;
+ box-shadow: none;
+}
+
/**************
* Tree Views *
**************/
columnview.view,
treeview.view {
- border-left-color: #4b4b4b;
- border-top-color: #4b4b4b;
+ border-left-color: #403d52;
+ border-top-color: #403d52;
}
columnview.view:selected,
treeview.view:selected {
- background-color: #1a1b26;
- background-image: image(alpha(currentColor, 0.1));
+ background-color: alpha(currentColor, 0.1);
box-shadow: none;
}
+columnview.view:focus,
+treeview.view:focus {
+ box-shadow: none;
+ outline: none;
+}
+
columnview.view:hover,
columnview.view:selected,
treeview.view:hover,
@@ -1975,7 +2641,7 @@ treeview.view:selected {
columnview.view.separator,
treeview.view.separator {
min-height: 5px;
- color: rgba(239, 240, 242, 0.12);
+ color: rgba(224, 222, 244, 0.12);
}
columnview.view:drop(active),
@@ -1983,13 +2649,13 @@ treeview.view:drop(active) {
box-shadow: none;
}
-columnview.view:drop(active).after,
-treeview.view:drop(active).after {
+columnview.view.after:drop(active),
+treeview.view.after:drop(active) {
border-top-style: none;
}
-columnview.view:drop(active).before,
-treeview.view:drop(active).before {
+columnview.view.before:drop(active),
+treeview.view.before:drop(active) {
border-bottom-style: none;
}
@@ -2000,13 +2666,13 @@ treeview.view > dndtarget:drop(active) {
border-color: alpha(currentColor, 0.06);
}
-columnview.view > dndtarget:drop(active).after,
-treeview.view > dndtarget:drop(active).after {
+columnview.view > dndtarget.after:drop(active),
+treeview.view > dndtarget.after:drop(active) {
border-top-style: none;
}
-columnview.view > dndtarget:drop(active).before,
-treeview.view > dndtarget:drop(active).before {
+columnview.view > dndtarget.before:drop(active),
+treeview.view > dndtarget.before:drop(active) {
border-bottom-style: none;
}
@@ -2014,8 +2680,8 @@ columnview.view.expander,
treeview.view.expander {
min-width: 16px;
min-height: 16px;
- -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
- color: rgba(239, 240, 242, 0.7);
+ -gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+ color: rgba(224, 222, 244, 0.7);
}
columnview.view.expander:dir(rtl),
@@ -2025,17 +2691,17 @@ treeview.view.expander:dir(rtl) {
columnview.view.expander:hover,
treeview.view.expander:hover {
- color: #eff0f2;
+ color: #e0def4;
}
columnview.view.expander:selected,
treeview.view.expander:selected {
- color: #eff0f2;
+ color: #e0def4;
}
columnview.view.expander:selected:hover,
treeview.view.expander:selected:hover {
- color: #eff0f2;
+ color: #e0def4;
}
columnview.view.expander:checked,
@@ -2045,12 +2711,12 @@ treeview.view.expander:checked {
columnview.view.expander:disabled,
treeview.view.expander:disabled {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
columnview.view.progressbar,
treeview.view.progressbar {
- border-bottom: 6px solid #d5d6db;
+ border-bottom: 6px solid #faf4ed;
box-shadow: none;
background-color: transparent;
background-image: none;
@@ -2063,7 +2729,7 @@ treeview.view.progressbar:selected:hover {
columnview.view.trough,
treeview.view.trough {
- border-bottom: 6px solid rgba(239, 240, 242, 0.12);
+ border-bottom: 6px solid rgba(224, 222, 244, 0.12);
box-shadow: none;
background-color: transparent;
background-image: none;
@@ -2079,21 +2745,21 @@ treeview.view > header > button {
padding: 2px 6px;
border-style: none solid solid none;
border-width: 1px;
- border-color: rgba(239, 240, 242, 0.12);
+ border-color: rgba(224, 222, 244, 0.12);
border-radius: 0;
background-clip: border-box;
}
columnview.view > header > button:not(:focus):not(:hover):not(:active),
treeview.view > header > button:not(:focus):not(:hover):not(:active) {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
columnview.view > header > button,
columnview.view > header > button:disabled,
treeview.view > header > button,
treeview.view > header > button:disabled {
- background-color: #1a1b26;
+ background-color: #191724;
}
columnview.view > header > button:last-child,
@@ -2108,17 +2774,17 @@ treeview.view header.button.dnd {
padding: 2px 6px;
border-style: none solid solid;
border-width: 1px;
- border-color: rgba(239, 240, 242, 0.12);
+ border-color: rgba(224, 222, 244, 0.12);
border-radius: 0;
box-shadow: none;
- background-color: #1a1b26;
+ background-color: #191724;
background-clip: border-box;
- color: #d5d6db;
+ color: #faf4ed;
}
columnview.view acceleditor > label,
treeview.view acceleditor > label {
- background-color: #d5d6db;
+ background-color: #faf4ed;
}
/*********
@@ -2126,13 +2792,11 @@ treeview.view acceleditor > label {
*********/
menubar {
padding: 0;
- background-color: #1a1b26;
- color: #eff0f2;
+ color: #e0def4;
}
menubar:backdrop {
- background-color: #1a1b26;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.csd menubar {
@@ -2143,28 +2807,23 @@ menubar > item {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
min-height: 20px;
padding: 4px 8px;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
menubar > item:selected {
transition: none;
background-color: alpha(currentColor, 0.1);
- color: #eff0f2;
+ color: #e0def4;
}
menubar > item:disabled {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
menubar > item label:disabled {
color: inherit;
}
-menubar > item popover.menu.background > contents {
- padding: 12px;
- border-radius: 12px;
-}
-
menubar > item popover.menu popover.menu {
margin-left: 9px;
}
@@ -2191,7 +2850,7 @@ popover.menu box.inline-buttons button.image-button.model {
}
popover.menu box.inline-buttons button.image-button.model:selected {
- background: image(alpha(currentColor, 0.06));
+ background-image: image(alpha(currentColor, 0.06));
}
popover.menu box.circular-buttons {
@@ -2206,19 +2865,6 @@ popover.menu box.circular-buttons button.circular.image-button.model:focus {
background-color: alpha(currentColor, 0.06);
}
-popover.menu > arrow,
-popover.menu.background > contents {
- padding: 6px;
- background-color: #24283b;
- background-clip: border-box;
- border-radius: 12px;
- border: 2px solid #d5d6db;
-}
-
-popover.menu.background separator {
- margin: 6px 0;
-}
-
popover.menu arrow.left,
popover.menu radio.left,
popover.menu check.left {
@@ -2233,33 +2879,6 @@ popover.menu check.right {
margin-right: 0;
}
-popover.menu modelbutton {
- transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
- min-height: 22px;
- min-width: 56px;
- padding: 3px 9px;
- color: #eff0f2;
- font: initial;
- text-shadow: none;
- box-shadow: none;
- background: none;
-}
-
-popover.menu modelbutton:hover {
- transition: none;
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
-}
-
-popover.menu modelbutton:disabled {
- color: rgba(239, 240, 242, 0.5);
-}
-
-popover.menu label.title {
- font-weight: bold;
- padding: 4px 26px;
-}
-
/************
* Popovers *
************/
@@ -2276,14 +2895,63 @@ popover.background > arrow,
popover.background > contents {
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
padding: 6px;
- background-color: #24283b;
+ background-color: #1f1d2e;
+ background-clip: border-box;
border-radius: 12px;
- border: 2px solid #d5d6db;
+ color: #e0def4;
+ border: none;
+ border: 1px solid rgba(224, 222, 244, 0.2);
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.05),
+ 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05),
+ 0 0 0 1px rgba(0, 0, 0, 0.75);
+ background-clip: border-box;
}
popover.background:backdrop > arrow,
popover.background:backdrop > contents {
- border: 2px solid #d5d6db;
+ border: none;
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+
+popover.background separator {
+ margin: 6px 0;
+}
+
+popover.background modelbutton {
+ transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+ min-height: 22px;
+ min-width: 56px;
+ padding: 3px 9px;
+ border-radius: 6px;
+ color: #e0def4;
+ font: initial;
+ text-shadow: none;
+ box-shadow: none;
+ background: none;
+}
+
+popover.background modelbutton:hover {
+ transition: none;
+ background-color: #403d52;
+ color: #9ccfd8;
+}
+
+popover.background modelbutton:disabled {
+ color: rgba(224, 222, 244, 0.5);
+}
+
+popover.background modelbutton arrow.left {
+ -gtk-icon-source: -gtk-icontheme('go-previous-symbolic');
+}
+
+popover.background modelbutton arrow.right {
+ -gtk-icon-source: -gtk-icontheme('go-next-symbolic');
+}
+
+popover.background label.title {
+ font-weight: bold;
+ padding: 4px 26px;
}
popover.background > contents > list,
@@ -2295,7 +2963,7 @@ popover.background > contents > toolbar {
}
popover.background > contents separator {
- background-color: rgba(239, 240, 242, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
margin: 3px 0;
}
@@ -2303,27 +2971,17 @@ popover.background > contents list separator {
margin: 0;
}
-popover.background .view:not(:selected),
-popover.background toolbar {
- background-color: #24283b;
+popover.background > contents stack > box {
+ padding: 0;
}
-popover.background .linked > button:not(.radio) {
- background-color: transparent;
- box-shadow: none;
- border-radius: 6px;
+popover.background > contents stack > scrolledwindow > viewport {
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ border-radius: 2px;
}
-popover.background .linked > button:not(.radio):first-child {
- border-radius: 6px;
-}
-
-popover.background .linked > button:not(.radio):last-child {
- border-radius: 6px;
-}
-
-popover.background .linked > button:not(.radio):only-child {
- border-radius: 6px;
+popover.background > contents > box > button {
+ margin: 0;
}
popover.background.menu button,
@@ -2349,55 +3007,60 @@ popover.background.magnifier > contents {
box-shadow: none;
}
-magnifier {
- background-color: #1a1b26;
-}
-
/*************
* Notebooks *
*************/
+tabbar scrolledwindow:not(.pinned) > tabbox tab,
notebook > header tab {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms,
background-image 0ms;
min-height: 24px;
min-width: 24px;
- padding: 3px 12px;
+ padding: 6px;
border: none;
outline: none;
background-clip: padding-box;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-weight: 500;
border-radius: 6px;
}
+tabbar scrolledwindow:not(.pinned) > tabbox tab:hover,
notebook > header tab:hover {
- background-color: rgba(239, 240, 242, 0.04);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.04);
+ color: #9ccfd8;
}
+tabbar scrolledwindow:not(.pinned) > tabbox tab:disabled,
notebook > header tab:disabled {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
-notebook > header tab:checked {
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked,
+notebook > header tab:checked,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected,
+notebook > header tab:selected {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
- background-color: rgba(239, 240, 242, 0.15);
- color: #eff0f2;
- box-shadow: 0 1px 3px rgba(26, 27, 38, 0.06);
+ background-color: #1f1d2e;
+ color: #9ccfd8;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
-notebook > header tab:checked:disabled {
- color: rgba(239, 240, 242, 0.5);
+tabbar scrolledwindow:not(.pinned) > tabbox tab:checked:disabled,
+notebook > header tab:checked:disabled,
+tabbar scrolledwindow:not(.pinned) > tabbox tab:selected:disabled,
+notebook > header tab:selected:disabled {
+ color: rgba(224, 222, 244, 0.5);
}
frame > paned > notebook > header,
notebook.frame > header {
- background-color: rgba(239, 240, 242, 0.04);
+ background-color: rgba(224, 222, 244, 0.04);
}
notebook,
notebook.frame {
- background-color: #1a1b26;
+ background-color: #191724;
border-radius: 12px;
}
@@ -2412,7 +3075,7 @@ notebook.frame frame > list row.activatable {
notebook > header {
border: none;
- background-color: rgba(239, 240, 242, 0.04);
+ background-color: rgba(224, 222, 244, 0.04);
padding: 3px;
margin: 3px;
border-radius: 9px;
@@ -2483,8 +3146,8 @@ notebook > header tab > box {
}
notebook > header tab > box:drop(active) {
- background-color: rgba(239, 240, 242, 0.12);
- color: #eff0f2;
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
}
notebook > header tab button.flat:last-child {
@@ -2544,28 +3207,186 @@ notebook > stack:not(:only-child) {
border-radius: 6px;
}
+tabbar .box {
+ min-height: 36px;
+}
+
+tabbar:not(.inline) .box {
+ border: none;
+ background-color: transparent;
+ padding: 0;
+ margin: 3px;
+ border-radius: 12px;
+ box-shadow: none;
+}
+
+tabbar:not(.inline):backdrop .box {
+ background-color: transparent;
+}
+
+tabbar:not(.inline):backdrop .box > scrolledwindow,
+tabbar:not(.inline):backdrop .box > .start-action,
+tabbar:not(.inline):backdrop .box > .end-action {
+ filter: opacity(0.5);
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild {
+ padding: 3px 0;
+ margin: 0 -3px;
+}
+
+tabbar scrolledwindow:not(.pinned) > tabbox > tabboxchild > tab {
+ margin: 3px;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild {
+ padding: 3px 0;
+ margin: 0;
+}
+
+tabbar scrolledwindow.pinned > tabbox > tabboxchild > tab {
+ margin: 3px;
+ padding: 3px;
+}
+
+tabbar .start-action,
+tabbar .end-action {
+ padding: 6px;
+}
+
+tabbar .start-action:dir(ltr),
+tabbar .end-action:dir(rtl) {
+ padding-right: 0;
+}
+
+tabbar .start-action:dir(rtl),
+tabbar .end-action:dir(ltr) {
+ padding-left: 0;
+}
+
+dnd tab {
+ min-height: 24px;
+ background-color: #191724;
+ color: #e0def4;
+ margin: 24px;
+ outline: none;
+ box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.09),
+ 0 2px 14px 3px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
+}
+
+tabbar tab,
+dnd tab {
+ padding: 6px;
+}
+
+tabbar tab button.image-button,
+dnd tab button.image-button {
+ padding: 0;
+ margin: 0;
+ min-width: 24px;
+ min-height: 24px;
+ border-radius: 9999px;
+}
+
+tabbar tab indicator,
+dnd tab indicator {
+ min-height: 2px;
+ border-radius: 2px;
+ background: alpha(#faf4ed, 0.5);
+ transform: translateY(4px);
+}
+
+tabthumbnail {
+ border-radius: 10px;
+ transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1),
+ background-color cubic-bezier(0, 0, 0.2, 1);
+}
+
+tabthumbnail > box {
+ margin: 6px;
+}
+
+tabthumbnail:drop(active) {
+ box-shadow: inset 0 0 0 2px alpha(#ff7043, 0.4);
+ background-color: alpha(#ff7043, 0.1);
+}
+
+tabthumbnail .needs-attention:dir(ltr) {
+ transform: translate(8px, -8px);
+}
+
+tabthumbnail .needs-attention:dir(rtl) {
+ transform: translate(-8px, -8px);
+}
+
+tabthumbnail .needs-attention > widget {
+ background: #faf4ed;
+ min-width: 12px;
+ min-height: 12px;
+ border-radius: 6px;
+ margin: 3px;
+ box-shadow: 0 1px 2px alpha(#faf4ed, 0.4);
+}
+
+tabthumbnail .card {
+ background: none;
+ color: inherit;
+}
+
+tabthumbnail .card picture {
+ outline: none;
+ border-radius: 6px;
+}
+
+tabthumbnail.pinned .card {
+ background-color: #191724;
+ color: #e0def4;
+}
+
+tabthumbnail .pinned-box {
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+tabthumbnail .icon-title-box {
+ border-spacing: 6px;
+}
+
+tabthumbnail .tab-unpin-icon {
+ margin: 6px;
+ min-width: 24px;
+ min-height: 24px;
+}
+
+taboverview > .overview.scrolled-to-top headerbar,
+taboverview > .overview.scrolled-to-top searchbar > revealer > box {
+ background: none;
+ color: inherit;
+ box-shadow: none;
+}
+
+taboverview > .overview .new-tab-button {
+ margin: 18px;
+}
+
+tabview:drop(active),
+tabbox:drop(active),
+tabgrid:drop(active) {
+ box-shadow: none;
+}
+
/**************
* Scrollbars *
**************/
scrollbar {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
- background-color: #1a1b26;
+ background-color: #191724;
}
-scrollbar.top {
- border-bottom: transparent;
-}
-
-scrollbar.bottom {
- border-bottom: transparent;
-}
-
-scrollbar.left {
- border-bottom: transparent;
-}
-
-scrollbar.right {
- border-bottom: transparent;
+scrollbar > range > trough {
+ outline: none;
+ background: none;
+ border: none;
}
scrollbar > range > trough > slider {
@@ -2575,19 +3396,21 @@ scrollbar > range > trough > slider {
border: 4px solid transparent;
border-radius: 9999px;
background-clip: padding-box;
- background-color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.5);
+ box-shadow: none;
+ outline: none;
}
scrollbar > range > trough > slider:hover {
- background-color: rgba(239, 240, 242, 0.7);
+ background-color: rgba(224, 222, 244, 0.7);
}
scrollbar > range > trough > slider:active {
- background-color: #eff0f2;
+ background-color: #e0def4;
}
scrollbar > range > trough > slider:disabled {
- background-color: rgba(239, 240, 242, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
}
scrollbar > range.fine-tune > trough > slider {
@@ -2628,34 +3451,34 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
margin: 3px;
border: 1px solid rgba(44, 44, 44, 0.3);
border-radius: 9999px;
- background-color: rgba(239, 240, 242, 0.5);
+ background-color: rgba(224, 222, 244, 0.5);
background-clip: padding-box;
-gtk-icon-source: none;
}
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
- background-color: rgba(239, 240, 242, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
}
-scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering)
> range
> trough
> slider {
min-width: 24px;
}
-scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) button {
min-width: 8px;
}
-scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering)
> range
> trough
> slider {
min-height: 24px;
}
-scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) button {
min-height: 8px;
}
@@ -2702,7 +3525,7 @@ switch {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
margin: 6px 0;
padding: 0;
- border: 2px solid rgba(239, 240, 242, 0.7);
+ border: 2px solid rgba(224, 222, 244, 0.7);
border-radius: 9999px;
background-color: transparent;
background-clip: border-box;
@@ -2711,8 +3534,8 @@ switch {
}
switch:checked {
- background-color: #d5d6db;
- border-color: #d5d6db;
+ background-color: #faf4ed;
+ border-color: #faf4ed;
}
switch:disabled {
@@ -2731,64 +3554,30 @@ switch > slider {
border-radius: 9999px;
outline: none;
box-shadow: none;
- background-color: rgba(239, 240, 242, 0.7);
+ background-color: rgba(224, 222, 244, 0.7);
border: none;
}
switch:focus > slider {
- box-shadow: 0 0 0 10px rgba(239, 240, 242, 0.04);
+ box-shadow: 0 0 0 10px rgba(224, 222, 244, 0.04);
}
switch:hover > slider {
- box-shadow: 0 0 0 10px rgba(239, 240, 242, 0.12);
+ box-shadow: 0 0 0 10px rgba(224, 222, 244, 0.12);
}
switch:focus:hover > slider {
- box-shadow: 0 0 0 10px rgba(239, 240, 242, 0.12);
+ box-shadow: 0 0 0 10px rgba(224, 222, 244, 0.12);
}
switch:checked > slider {
- background-color: #1a1b26;
- color: #1a1b26;
+ background-color: #191724;
+ color: #191724;
}
/*************************
* Check and Radio items *
*************************/
-.view.content-view.check:not(list),
-.content-view .tile check:not(list) {
- min-height: 40px;
- min-width: 40px;
- margin: 0;
- padding: 0;
- box-shadow: none;
- background-color: transparent;
- background-image: none;
-}
-
-.view.content-view.check:not(list):hover,
-.view.content-view.check:not(list):active,
-.content-view .tile check:not(list):hover,
-.content-view .tile check:not(list):active {
- box-shadow: 0 0 0 10px rgba(239, 240, 242, 0.12);
-}
-
-.view.content-view.check:not(list),
-.content-view .tile check:not(list) {
- -gtk-icon-source: -gtk-scaled(
- url('assets/selectionmode-checkbox-unchecked-dark.png'),
- url('assets/selectionmode-checkbox-unchecked-dark@2.png')
- );
-}
-
-.view.content-view.check:not(list):checked,
-.content-view .tile check:not(list):checked {
- -gtk-icon-source: -gtk-scaled(
- url('assets/selectionmode-checkbox-checked-dark.png'),
- url('assets/selectionmode-checkbox-checked-dark@2.png')
- );
-}
-
checkbutton,
radiobutton {
outline: none;
@@ -2807,84 +3596,75 @@ radiobutton.text-button label:not(:only-child) {
check,
radio {
- min-height: 24px;
- min-width: 24px;
- margin: -8px;
- padding: 8px;
+ min-height: 16px;
+ min-width: 16px;
+ -gtk-icon-size: 16px;
+ padding: 0;
+ margin: 3px;
+ border: 2px solid rgba(224, 222, 244, 0.7);
+ background-clip: border-box;
+ background-color: transparent;
+ border-radius: 9999px;
+ box-shadow: 0 0 0 10px transparent;
+ transition: all 75ms cubic-bezier(0, 0, 0.2, 1),
+ background-color 225ms cubic-bezier(0, 0, 0.2, 1),
+ box-shadow 225ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+check:hover,
+radio:hover {
+ border-color: inherit;
+ box-shadow: 0 0 0 10px rgba(224, 222, 244, 0.04);
+}
+
+check:active,
+radio:active {
+ border-color: #e0def4;
+ box-shadow: 0 0 0 10px rgba(224, 222, 244, 0.12);
}
check:checked,
check:indeterminate,
radio:checked,
radio:indeterminate {
- color: #d5d6db;
+ border-color: transparent;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:hover,
+check:indeterminate:hover,
+radio:checked:hover,
+radio:indeterminate:hover {
+ background-color: #908eaa;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+check:checked:active,
+check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
}
check:checked:disabled,
check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
- color: rgba(239, 240, 242, 0.3);
+ border-color: transparent;
+ background-color: rgba(224, 222, 244, 0.3);
+ color: #191724;
+}
+
+check:disabled,
+radio:disabled {
+ border-color: rgba(224, 222, 244, 0.3);
}
check:not(:hover):focus,
radio:not(:hover):focus {
- box-shadow: inset 0 0 0 9999px transparent;
-}
-
-popover modelbutton.flat check,
-popover modelbutton.flat check:focus,
-popover modelbutton.flat check:hover,
-popover modelbutton.flat check:focus:hover,
-popover modelbutton.flat check:active,
-popover modelbutton.flat check:disabled,
-popover modelbutton.flat radio,
-popover modelbutton.flat radio:focus,
-popover modelbutton.flat radio:hover,
-popover modelbutton.flat radio:focus:hover,
-popover modelbutton.flat radio:active,
-popover modelbutton.flat radio:disabled {
- transition: none;
box-shadow: none;
- background-image: none;
-}
-
-popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
-popover
- modelbutton.flat
- radio:not(:checked):not(:indeterminate):not(:disabled) {
- color: rgba(239, 240, 242, 0.7);
-}
-
-popover
- modelbutton.flat
- check:not(:checked):not(:indeterminate):not(:disabled):hover,
-popover
- modelbutton.flat
- radio:not(:checked):not(:indeterminate):not(:disabled):hover {
- color: inherit;
-}
-
-popover modelbutton.flat check,
-popover modelbutton.flat check:hover,
-popover modelbutton.flat check:disabled,
-popover modelbutton.flat radio,
-popover modelbutton.flat radio:hover,
-popover modelbutton.flat radio:disabled {
- box-shadow: none;
- color: inherit;
-}
-
-popover modelbutton.flat check.left:dir(rtl),
-popover modelbutton.flat radio.left:dir(rtl) {
- margin-left: -12px;
- margin-right: -4px;
-}
-
-popover modelbutton.flat check.right:dir(ltr),
-popover modelbutton.flat radio.right:dir(ltr) {
- margin-left: -4px;
- margin-right: -12px;
}
popover.menu check,
@@ -2894,193 +3674,222 @@ popover.menu radio {
padding: 0;
}
-popover.menu check:dir(ltr),
-popover.menu radio:dir(ltr) {
- margin-right: 8px;
-}
-
-popover.menu check:dir(rtl),
-popover.menu radio:dir(rtl) {
- margin-left: 8px;
-}
-
-popover.menu check:not(:checked):not(:indeterminate):not(:disabled),
-popover.menu radio:not(:checked):not(:indeterminate):not(:disabled) {
- color: rgba(239, 240, 242, 0.7);
+popover.menu check,
+popover.menu check:focus,
+popover.menu check:hover,
+popover.menu check:focus:hover,
+popover.menu check:active,
+popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:focus:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+ transition: none;
+ box-shadow: none;
+ background-image: none;
}
popover.menu check:not(:checked):not(:indeterminate):not(:disabled):hover,
popover.menu radio:not(:checked):not(:indeterminate):not(:disabled):hover {
- color: inherit;
+ border-color: rgba(0, 0, 0, 0.87);
+ background-color: transparent;
+}
+
+popover.menu check:active,
+popover.menu check:checked,
+popover.menu check:indeterminate,
+popover.menu radio:active,
+popover.menu radio:checked,
+popover.menu radio:indeterminate {
+ border-color: transparent;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+popover.menu check:active:hover,
+popover.menu check:checked:hover,
+popover.menu check:indeterminate:hover,
+popover.menu radio:active:hover,
+popover.menu radio:checked:hover,
+popover.menu radio:indeterminate:hover {
+ border-color: transparent;
+ background-color: rgba(0, 0, 0, 0.87);
+ color: #faf4ed;
+}
+
+popover.menu check:active:disabled,
+popover.menu check:checked:disabled,
+popover.menu check:indeterminate:disabled,
+popover.menu radio:active:disabled,
+popover.menu radio:checked:disabled,
+popover.menu radio:indeterminate:disabled {
+ border-color: transparent;
+ background-color: rgba(224, 222, 244, 0.3);
+ color: #191724;
}
popover.menu check,
popover.menu check:hover,
+popover.menu check:active,
popover.menu check:disabled,
popover.menu radio,
popover.menu radio:hover,
+popover.menu radio:active,
popover.menu radio:disabled {
box-shadow: none;
color: inherit;
}
-check {
- -gtk-icon-size: 24px;
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/checkbox-unchecked-symbolic.svg')
- );
+popover.menu check:dir(ltr),
+popover.menu radio:dir(ltr) {
+ margin-right: 6px;
+}
+
+popover.menu check:dir(rtl),
+popover.menu radio:dir(rtl) {
+ margin-left: 6px;
}
check:checked {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/checkbox-checked-symbolic.svg')
- );
-}
-
-check:indeterminate {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/checkbox-mixed-symbolic.svg')
- );
-}
-
-radio {
- -gtk-icon-size: 24px;
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/radio-unchecked-symbolic.svg')
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
);
}
radio:checked {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/radio-checked-symbolic.svg')
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/dot-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/dot-symbolic@2.svg'))
);
}
+check:indeterminate,
radio:indeterminate {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/radio-mixed-symbolic.svg')
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/line-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/line-symbolic@2.svg'))
);
}
-popover.menu check {
- min-height: 16px;
- min-width: 16px;
- -gtk-icon-size: 16px;
- border-radius: 6px;
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/small-checkbox-unchecked-symbolic.svg')
- );
+check:not(:checked):active {
+ -gtk-icon-transform: rotate(90deg);
}
-popover.menu check:checked {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/small-checkbox-checked-symbolic.svg')
- );
+check:not(:checked):indeterminate:active {
+ -gtk-icon-transform: scaleX(-1);
}
-popover.menu check:indeterminate {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/small-checkbox-mixed-symbolic.svg')
- );
-}
-
-popover.menu radio {
- min-height: 16px;
- min-width: 16px;
- border-image: none;
- -gtk-icon-size: 16px;
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/small-radio-unchecked-symbolic.svg')
- );
-}
-
-popover.menu radio:checked {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/small-radio-checked-symbolic.svg')
- );
-}
-
-popover.menu radio:indeterminate {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/small-radio-mixed-symbolic.svg')
- );
-}
-
-treeview.view check,
-treeview.view radio,
-columnview.view check,
-columnview.view radio {
- padding: 0;
- box-shadow: none;
- background: none;
- color: rgba(239, 240, 242, 0.7);
-}
-
-treeview.view check:hover,
-treeview.view check:active,
-treeview.view radio:hover,
-treeview.view radio:active,
-columnview.view check:hover,
-columnview.view check:active,
-columnview.view radio:hover,
-columnview.view radio:active {
- color: #eff0f2;
-}
-
-treeview.view check:disabled,
-treeview.view radio:disabled,
-columnview.view check:disabled,
-columnview.view radio:disabled {
- color: rgba(239, 240, 242, 0.3);
-}
-
-treeview.view check:checked,
-treeview.view check:indeterminate,
-treeview.view radio:checked,
-treeview.view radio:indeterminate,
-columnview.view check:checked,
-columnview.view check:indeterminate,
-columnview.view radio:checked,
-columnview.view radio:indeterminate {
- color: #d5d6db;
-}
-
-treeview.view check:checked:disabled,
-treeview.view check:indeterminate:disabled,
-treeview.view radio:checked:disabled,
-treeview.view radio:indeterminate:disabled,
-columnview.view check:checked:disabled,
-columnview.view check:indeterminate:disabled,
-columnview.view radio:checked:disabled,
-columnview.view radio:indeterminate:disabled {
- color: rgba(239, 240, 242, 0.3);
-}
-
-treeview.view:hover check,
-treeview.view:hover radio,
-treeview.view:selected check,
-treeview.view:selected radio,
-treeview.view:focus check,
-treeview.view:focus radio,
-treeview.view:focus-within check,
-treeview.view:focus-within radio,
-columnview.view:hover check,
-columnview.view:hover radio,
-columnview.view:selected check,
-columnview.view:selected radio,
-columnview.view:focus check,
-columnview.view:focus radio,
-columnview.view:focus-within check,
-columnview.view:focus-within radio {
- box-shadow: none;
+checkbutton.theme-selector radio,
+checkbutton.theme-selector radio:hover,
+checkbutton.theme-selector radio:disabled {
+ border-color: transparent;
background-color: transparent;
}
-treeview.view radio:checked {
- -gtk-icon-source: -gtk-recolor(
- url('assets/scalable/radio-checked-symbolic.svg')
+checkbutton.theme-selector
+ radio:not(:checked):not(:indeterminate):not(:disabled):hover {
+ border-color: transparent;
+ background-color: transparent;
+}
+
+checkbutton.theme-selector radio:checked,
+checkbutton.theme-selector radio:active,
+checkbutton.theme-selector radio:active:hover {
+ border-color: transparent;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
);
- border-image: none;
+}
+
+checkbutton.theme-selector radio:checked:hover {
+ background-color: #908eaa;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher {
+ padding: 6px;
+}
+
+themeswitcher .check {
+ min-height: 16px;
+ min-width: 16px;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ padding: 2px;
+ border-radius: 9999px;
+ margin: 3px;
+ -gtk-icon-size: 20px;
+ -gtk-icon-source: -gtk-scaled(
+ -gtk-recolor(url('assets/scalable/check-symbolic.svg')),
+ -gtk-recolor(url('assets/scalable/check-symbolic@2.svg'))
+ );
+}
+
+themeswitcher .check:hover {
+ background-color: #908eaa;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+themeswitcher checkbutton radio {
+ padding: 0;
+ margin: 2px;
+ min-height: 48px;
+ min-width: 48px;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover {
+ outline-color: rgba(224, 222, 244, 0.12);
+ outline-width: 1px;
+ outline-offset: -1px;
+ outline-style: solid;
+ box-shadow: none;
+}
+
+themeswitcher checkbutton radio,
+themeswitcher checkbutton radio:hover,
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+ -gtk-icon-source: none;
+ transition: none;
+ border: none;
+}
+
+themeswitcher checkbutton radio:checked,
+themeswitcher checkbutton radio:checked:hover {
+ box-shadow: inset 0 0 0 2px #faf4ed;
+ outline: none;
+}
+
+themeswitcher checkbutton.system radio,
+themeswitcher checkbutton.system radio:hover,
+themeswitcher checkbutton.system radio:checked,
+themeswitcher checkbutton.system radio:checked:hover {
+ background-image: linear-gradient(-45deg, #26233a 49.99%, #e0def4 50.01%);
+ background-color: transparent;
+}
+
+themeswitcher checkbutton.light radio,
+themeswitcher checkbutton.light radio:hover,
+themeswitcher checkbutton.light radio:checked,
+themeswitcher checkbutton.light radio:checked:hover {
+ color: rgba(0, 0, 0, 0.8);
+ background-color: #e0def4;
+}
+
+themeswitcher checkbutton.dark radio,
+themeswitcher checkbutton.dark radio:hover,
+themeswitcher checkbutton.dark radio:checked,
+themeswitcher checkbutton.dark radio:checked:hover {
+ color: #e0def4;
+ background-image: image(#26233a);
+ background-color: transparent;
}
/************
@@ -3124,26 +3933,26 @@ scale.fine-tune slider {
scale trough {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
outline: none;
- background-color: rgba(239, 240, 242, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
}
scale trough:disabled {
- background-color: rgba(239, 240, 242, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
scale highlight {
transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
- background-image: image(#d5d6db);
+ background-image: image(#faf4ed);
}
scale highlight:disabled {
- background-color: #1a1b26;
- background-image: image(rgba(239, 240, 242, 0.3));
+ background-color: #191724;
+ background-image: image(rgba(224, 222, 244, 0.3));
}
scale fill {
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
- background-color: rgba(239, 240, 242, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
}
scale fill:disabled {
@@ -3153,30 +3962,30 @@ scale fill:disabled {
scale slider {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 9999px;
- color: #d5d6db;
- background-color: #1a1b26;
- box-shadow: inset 0 0 0 2px #d5d6db;
+ color: #faf4ed;
+ background-color: #191724;
+ box-shadow: inset 0 0 0 2px #faf4ed;
}
scale slider:hover {
- box-shadow: inset 0 0 0 2px #d5d6db, 0 0 0 8px rgba(239, 240, 242, 0.12);
+ box-shadow: inset 0 0 0 2px #faf4ed, 0 0 0 8px rgba(224, 222, 244, 0.12);
}
scale slider:active {
- box-shadow: inset 0 0 0 4px #d5d6db, 0 0 0 8px rgba(239, 240, 242, 0.12);
+ box-shadow: inset 0 0 0 4px #faf4ed, 0 0 0 8px rgba(224, 222, 244, 0.12);
}
scale slider:disabled {
- box-shadow: inset 0 0 0 2px rgba(239, 240, 242, 0.3);
+ box-shadow: inset 0 0 0 2px rgba(224, 222, 244, 0.3);
}
scale marks,
scale value {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
scale indicator {
- background-color: rgba(239, 240, 242, 0.3);
+ background-color: rgba(224, 222, 244, 0.3);
color: transparent;
}
@@ -3503,7 +4312,7 @@ scale.color.vertical:dir(rtl) slider {
* Progress bars *
*****************/
progressbar {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
font-size: smaller;
}
@@ -3519,18 +4328,21 @@ progressbar.vertical progress {
progressbar trough {
border-radius: 6px;
- background-color: rgba(239, 240, 242, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
progressbar progress {
border-radius: 6px;
- background-color: #d5d6db;
+ background-color: #faf4ed;
}
progressbar.osd {
min-width: 6px;
min-height: 6px;
background-color: transparent;
+ box-shadow: none;
+ margin: 0;
+ padding: 0;
}
progressbar.osd trough {
@@ -3538,7 +4350,7 @@ progressbar.osd trough {
}
progressbar.osd progress {
- background-color: #d5d6db;
+ background-color: #faf4ed;
}
progressbar trough.empty progress {
@@ -3582,7 +4394,7 @@ levelbar block.low {
levelbar block.high,
levelbar block:not(.empty) {
- background-color: #d5d6db;
+ background-color: #faf4ed;
}
levelbar block.full {
@@ -3590,14 +4402,14 @@ levelbar block.full {
}
levelbar block.empty {
- background-color: rgba(239, 240, 242, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
/****************
* Print dialog *
*****************/
window.dialog.print drawing {
- color: #eff0f2;
+ color: #e0def4;
background: none;
border: none;
padding: 0;
@@ -3605,9 +4417,9 @@ window.dialog.print drawing {
window.dialog.print drawing paper {
padding: 0;
- border: 1px solid rgba(239, 240, 242, 0.12);
- background-color: #1a1b26;
- color: #eff0f2;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+ color: #e0def4;
}
window.dialog.print .dialog-action-box {
@@ -3619,7 +4431,7 @@ window.dialog.print .dialog-action-box {
**********/
frame,
.frame {
- border: 1px solid rgba(239, 240, 242, 0.12);
+ border: 1px solid rgba(224, 222, 244, 0.12);
}
frame > list,
@@ -3653,13 +4465,10 @@ statusbar frame > border {
actionbar > revealer > box {
padding: 6px;
border-spacing: 6px;
- border-top: 1px solid rgba(239, 240, 242, 0.12);
- background-color: #1a1b26;
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
background-clip: border-box;
-}
-
-.background.csd box.vertical > actionbar > revealer > box {
- border-radius: 0 0 12px 12px;
+ box-shadow: none;
}
statusbar {
@@ -3678,8 +4487,8 @@ overshoot.top {
background-size: 200% 70%;
background-image: radial-gradient(
farthest-side at top,
- rgba(224, 224, 224, 0.24) 99%,
- rgba(224, 224, 224, 0) 100%
+ rgba(250, 244, 237, 0.24) 99%,
+ rgba(250, 244, 237, 0) 100%
);
background-repeat: no-repeat;
background-position: center top;
@@ -3692,8 +4501,8 @@ overshoot.bottom {
background-size: 200% 70%;
background-image: radial-gradient(
farthest-side at bottom,
- rgba(224, 224, 224, 0.24) 99%,
- rgba(224, 224, 224, 0) 100%
+ rgba(250, 244, 237, 0.24) 99%,
+ rgba(250, 244, 237, 0) 100%
);
background-repeat: no-repeat;
background-position: center bottom;
@@ -3706,8 +4515,8 @@ overshoot.left {
background-size: 200% 70%;
background-image: radial-gradient(
farthest-side at left,
- rgba(224, 224, 224, 0.24) 99%,
- rgba(224, 224, 224, 0) 100%
+ rgba(250, 244, 237, 0.24) 99%,
+ rgba(250, 244, 237, 0) 100%
);
background-repeat: no-repeat;
background-position: left center;
@@ -3720,8 +4529,8 @@ overshoot.right {
background-size: 200% 70%;
background-image: radial-gradient(
farthest-side at right,
- rgba(224, 224, 224, 0.24) 99%,
- rgba(224, 224, 224, 0) 100%
+ rgba(250, 244, 237, 0.24) 99%,
+ rgba(250, 244, 237, 0) 100%
);
background-repeat: no-repeat;
background-position: right center;
@@ -3733,18 +4542,18 @@ overshoot.right {
junction {
border-style: solid none none solid;
border-width: 1px;
- border-color: rgba(239, 240, 242, 0.12);
- background-color: #1a1b26;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
}
junction:dir(rtl) {
border-style: solid solid none none;
}
-separator {
+separator:not(.spacer) {
min-width: 1px;
min-height: 1px;
- background-color: rgba(239, 240, 242, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
}
stacksidebar + separator.vertical,
@@ -3759,15 +4568,82 @@ button.file separator {
/*********
* Lists *
*********/
+listview.boxed-list,
+list.boxed-list,
+listview.content:not(.conversation-listbox),
+list.content:not(.conversation-listbox) {
+ border-radius: 7px;
+ box-shadow: none;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+listview.boxed-list > row.expander list > row,
+list.boxed-list > row.expander list > row,
+listview.boxed-list > row,
+list.boxed-list > row,
+listview.content:not(.conversation-listbox) > row,
+list.content:not(.conversation-listbox) > row {
+ border-radius: 0;
+}
+
+listview.boxed-list > row.expander list > row:first-child,
+list.boxed-list > row.expander list > row:first-child,
+listview.boxed-list > row:first-child,
+list.boxed-list > row:first-child,
+listview.content:not(.conversation-listbox) > row:first-child,
+list.content:not(.conversation-listbox) > row:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:last-child,
+list.boxed-list > row.expander list > row:last-child,
+listview.boxed-list > row:last-child,
+list.boxed-list > row:last-child,
+listview.content:not(.conversation-listbox) > row:last-child,
+list.content:not(.conversation-listbox) > row:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:only-child,
+list.boxed-list > row.expander list > row:only-child,
+listview.boxed-list > row:only-child,
+list.boxed-list > row:only-child,
+listview.content:not(.conversation-listbox) > row:only-child,
+list.content:not(.conversation-listbox) > row:only-child {
+ border-radius: 6px;
+}
+
+listview.boxed-list > row.expander list > row:not(:last-child),
+list.boxed-list > row.expander list > row:not(:last-child),
+listview.boxed-list > row:not(:last-child),
+list.boxed-list > row:not(:last-child),
+listview.content:not(.conversation-listbox) > row:not(:last-child),
+list.content:not(.conversation-listbox) > row:not(:last-child) {
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+listview.boxed-list > row.expander list > row:focus,
+list.boxed-list > row.expander list > row:focus,
+listview.boxed-list > row:focus,
+list.boxed-list > row:focus,
+listview.content:not(.conversation-listbox) > row:focus,
+list.content:not(.conversation-listbox) > row:focus {
+ box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.08);
+}
+
listview,
list {
- border-color: #414868;
- background-color: #1f2335;
+ border-color: rgba(224, 222, 244, 0.12);
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.7);
}
listview row,
list row {
padding: 2px;
+ color: rgba(224, 222, 244, 0.7);
}
listview > row.expander,
@@ -3780,10 +4656,62 @@ list > row.expander .row-header {
padding: 2px;
}
+listview.boxed-list > row.expander list,
+list.boxed-list > row.expander list {
+ background-color: transparent;
+ box-shadow: none;
+ border: none;
+}
+
list.frame {
border-radius: 6px;
}
+listview.view {
+ color: #e0def4;
+ background-color: transparent;
+}
+
+popover.menu listview.view {
+ padding: 0;
+}
+
+popover.menu listview.view > row {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+popover.menu listview.view > row:first-child,
+popover.menu listview.view > row:last-child,
+popover.menu listview.view > row {
+ border-radius: 6px;
+}
+
+row {
+ color: rgba(224, 222, 244, 0.7);
+ background-clip: padding-box;
+}
+
+row label.subtitle {
+ font-size: smaller;
+}
+
+row > box.header {
+ margin-left: 12px;
+ margin-right: 12px;
+ min-height: 48px;
+}
+
+row > box.header > .icon:disabled {
+ filter: opacity(0.35);
+}
+
+row > box.header > box.title {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ border-spacing: 3px;
+}
+
columnview.view > header > button,
treeview.view > header > button,
row.activatable {
@@ -3815,9 +4743,19 @@ row.activatable:active {
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
}
+button row.activatable:focus,
+button row.activatable:hover,
+button row.activatable:active {
+ box-shadow: none;
+}
+
+button:checked row.activatable {
+ color: rgba(0, 0, 0, 0.87);
+}
+
row:selected image,
row:selected label {
- color: #eff0f2;
+ color: #e0def4;
}
row:selected button image,
@@ -3827,7 +4765,7 @@ row:selected button label {
row:selected:disabled image,
row:selected:disabled label {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
treeexpander {
@@ -3839,12 +4777,12 @@ columnview row:not(:selected) cell editablelabel:not(.editing):focus-within {
}
columnview row:not(:selected) cell editablelabel.editing:focus-within {
- outline: 2px solid #d5d6db;
+ outline: 2px solid #faf4ed;
}
columnview row:not(:selected) cell editablelabel.editing text selection {
- color: rgba(26, 27, 38, 0.87);
- background-color: #d5d6db;
+ color: rgba(0, 0, 0, 0.87);
+ background-color: #faf4ed;
}
.rich-list {
@@ -3872,7 +4810,7 @@ columnview row:not(:selected) cell editablelabel.editing text selection {
}
.app-notification button.text-button:not(:disabled) {
- color: #d5d6db;
+ color: #faf4ed;
}
.app-notification.frame,
@@ -3887,7 +4825,7 @@ expander {
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
min-width: 16px;
min-height: 16px;
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
}
@@ -3897,11 +4835,11 @@ expander:dir(rtl) {
expander:hover,
expander:active {
- color: #eff0f2;
+ color: #e0def4;
}
expander:disabled {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
expander-widget > box > title {
@@ -3909,7 +4847,7 @@ expander-widget > box > title {
}
expander-widget > box > title:hover > expander {
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
.navigation-sidebar:not(decoration):not(window):drop(active):focus,
@@ -3928,13 +4866,13 @@ expander-widget:not(decoration):not(window):drop(active) {
************/
calendar {
padding: 0;
- border: 1px solid rgba(239, 240, 242, 0.12);
+ border: 1px solid rgba(224, 222, 244, 0.12);
border-radius: 6px;
- color: #eff0f2;
+ color: #e0def4;
}
calendar:disabled {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
}
calendar:selected {
@@ -3943,7 +4881,7 @@ calendar:selected {
calendar > header {
padding: 3px;
- border-bottom: 1px solid rgba(239, 240, 242, 0.12);
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
}
calendar > header > button {
@@ -3959,6 +4897,10 @@ calendar > grid > label {
margin: 0;
}
+calendar > grid > label.today {
+ box-shadow: none;
+}
+
calendar > grid > label.today:selected {
box-shadow: none;
}
@@ -3971,6 +4913,11 @@ calendar > grid > label.day-number {
padding: 9px;
}
+calendar > grid > label.day-number:selected {
+ color: #e0def4;
+ background-color: alpha(currentColor, 0.06);
+}
+
calendar > grid > label.day-number.other-month {
color: alpha(currentColor, 0.3);
}
@@ -3979,7 +4926,7 @@ calendar > grid > label.day-number.other-month {
* Dialogs *
***********/
window.dialog.message.background {
- background-color: #24283b;
+ background-color: #1f1d2e;
}
window.dialog.message box.dialog-vbox.vertical {
@@ -3989,29 +4936,25 @@ window.dialog.message box.dialog-vbox.vertical {
window.dialog.message .titlebar {
min-height: 24px;
border-style: none;
- box-shadow: inset 0 1px rgba(239, 240, 242, 0.1);
- background-color: #24283b;
- color: #eff0f2;
+ box-shadow: inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
+ color: #e0def4;
}
window.dialog.message .titlebar:backdrop {
- background-color: #24283b;
- color: rgba(239, 240, 242, 0.7);
-}
-
-window.dialog.message.csd.background {
- border-bottom-left-radius: 12px;
- border-bottom-right-radius: 12px;
+ background-color: #1f1d2e;
+ color: rgba(224, 222, 244, 0.7);
}
window.dialog.message.csd .dialog-action-area {
margin-top: -6px;
+ padding: 6px;
}
window.dialog.message.csd .dialog-action-area > button,
window.dialog.message.csd .dialog-action-area > button:first-child,
window.dialog.message.csd .dialog-action-area > button:last-child {
- border-radius: 9999px;
+ border-radius: 6px;
}
window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
@@ -4019,69 +4962,39 @@ window.dialog.message.csd .dialog-action-area > button:not(:last-child) {
}
window.dialog.message.csd .dialog-action-area > button:not(:disabled) {
- color: #d5d6db;
+ color: #faf4ed;
}
window.dialog.message.csd
.dialog-action-area
> button.destructive-action:not(:disabled) {
- color: #f28b82;
+ color: #eb6f92;
}
-.csd filechooser {
- background-color: #1a1b26;
- border-radius: 0 0 12px 12px;
+window.background.csd.dialog > headerbar.titlebar {
+ box-shadow: inset 0 -1px rgba(224, 222, 244, 0.12);
+}
+
+window.aboutdialog.background.csd scrolledwindow.frame,
+window.aboutdialog.background.csd scrolledwindow.frame > viewport.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view,
+window.aboutdialog.background.csd scrolledwindow.frame > textview.view > text {
+ border-radius: 6px;
}
filechooser .dialog-action-box {
- border-top: 1px solid rgba(239, 240, 242, 0.12);
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
}
filechooser #pathbarbox {
- border-bottom: 1px solid rgba(239, 240, 242, 0.12);
- background-color: #1a1b26;
-}
-
-filechooser stack.view {
- background-color: transparent;
-}
-
-filechooser stack.view scrolledwindow {
- background-color: transparent;
- border-radius: 0 0 12px 0;
-}
-
-filechooser stack.view scrolledwindow list {
- background-color: transparent;
-}
-
-filechooser stack.view scrolledwindow treeview.view {
- background-color: transparent;
-}
-
-filechooser stack.view > placesview {
- background-color: transparent;
-}
-
-filechooser stack.view > placesview > actionbar,
-filechooser stack.view > placesview > actionbar > revealer > box {
- background-color: transparent;
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
+ background-color: #191724;
}
filechooser stack.view frame > border {
border: none;
}
-.csd filechooser placessidebar {
- background: none;
- border-bottom-left-radius: 12px;
-}
-
-filechooser actionbar,
-filechooser actionbar > revealer > box {
- background-color: transparent;
-}
-
filechooserbutton > button > box {
border-spacing: 6px;
}
@@ -4096,22 +5009,37 @@ filechooserbutton:drop(active) {
***********/
.sidebar {
border-style: none;
- background-color: #242424;
}
.sidebar:not(separator):dir(ltr),
-.sidebar:not(separator).left,
-.sidebar:not(separator).left:dir(rtl) {
- border-right: 1px solid rgba(239, 240, 242, 0.12);
+.sidebar.left:not(separator),
+.sidebar.left:not(separator):dir(rtl) {
+ border-right: 1px solid rgba(224, 222, 244, 0.12);
border-left-style: none;
}
.sidebar:not(separator):dir(rtl),
-.sidebar:not(separator).right {
- border-left: 1px solid rgba(239, 240, 242, 0.12);
+.sidebar.right:not(separator) {
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
border-right-style: none;
}
+separator + .sidebar:not(separator):dir(ltr),
+separator + .sidebar.left:not(separator),
+separator + .sidebar.left:not(separator):dir(rtl),
+separator + box > .sidebar:not(separator):dir(ltr),
+separator + box > .sidebar.left:not(separator),
+separator + box > .sidebar.left:not(separator):dir(rtl) {
+ border-right: none;
+}
+
+separator + .sidebar:not(separator):dir(rtl),
+separator + .sidebar.right:not(separator),
+separator + box > .sidebar:not(separator):dir(rtl),
+separator + box > .sidebar.right:not(separator) {
+ border-left: none;
+}
+
.sidebar listview.view,
.sidebar list {
background-color: transparent;
@@ -4126,25 +5054,25 @@ paned .sidebar {
border-style: none;
}
+leaflet.unfolded > box > stacksidebar.sidebar {
+ border: none;
+}
+
stacksidebar list {
- padding: 6px;
- background-color: #242424;
+ padding: 4px 0;
}
stacksidebar row {
min-height: 24px;
padding: 6px 9px;
- border-radius: 3px;
+ border-radius: 6px;
+ margin: 2px 6px;
}
stacksidebar row:selected {
font-weight: 500;
}
-stacksidebar row + row {
- margin-top: 4px;
-}
-
stacksidebar row > label {
padding-left: 6px;
padding-right: 6px;
@@ -4152,40 +5080,43 @@ stacksidebar row > label {
}
separator.sidebar {
- background-color: rgba(239, 240, 242, 0.12);
+ background-color: rgba(224, 222, 244, 0.12);
border-right: none;
}
separator.sidebar.selection-mode,
.selection-mode separator.sidebar {
- background-color: rgba(239, 240, 242, 0.15);
+ background-color: rgba(224, 222, 244, 0.15);
}
/**********************
* Navigation Sidebar *
**********************/
.navigation-sidebar {
- padding: 6px;
border-right: none;
+ margin: 0 4px;
}
.navigation-sidebar > row {
- min-height: 24px;
- padding: 6px 9px;
- border-radius: 3px;
+ min-height: 32px;
+ padding: 2px 4px;
+ margin: 1px 0;
+ border-radius: 6px;
}
.navigation-sidebar > row:hover,
.navigation-sidebar > row:focus-visible:focus-within {
- background-color: alpha(currentColor, 0.08);
+ background-color: alpha(currentColor, 0.16);
}
-.navigation-sidebar > row:selected label {
- color: #d5d6db;
+.navigation-sidebar > row:selected label,
+.navigation-sidebar > row:selected image {
+ color: #9ccfd8;
+ font-weight: 500;
}
.navigation-sidebar > row:selected:hover {
- background-color: alpha(currentColor, 0.16);
+ background-color: #1f1d2e;
}
.navigation-sidebar > row:selected:focus-visible:focus-within {
@@ -4198,7 +5129,11 @@ separator.sidebar.selection-mode,
}
.navigation-sidebar > row:disabled {
- color: rgba(239, 240, 242, 0.5);
+ color: rgba(224, 222, 244, 0.5);
+}
+
+.navigation-sidebar > separator {
+ margin: 3px 0;
}
/****************
@@ -4206,46 +5141,21 @@ separator.sidebar.selection-mode,
****************/
row image.sidebar-icon {
transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
- color: rgba(239, 240, 242, 0.7);
+ color: rgba(224, 222, 244, 0.7);
}
row image.sidebar-icon:disabled {
- color: rgba(239, 240, 242, 0.3);
+ color: rgba(224, 222, 244, 0.3);
}
placessidebar > viewport.frame {
border-style: none;
}
-placessidebar list {
- padding: 1px 0 4px;
-}
-
-placessidebar .navigation-sidebar > row {
- min-height: 32px;
- margin: -1px 4px -1px 0;
- padding: 0;
- border-radius: 0 9999px 9999px 0;
-}
-
-placessidebar .navigation-sidebar > row > revealer {
- padding: 0 8px 0 16px;
-}
-
placessidebar .navigation-sidebar > row:selected {
- background-color: alpha(currentColor, 0.1);
- color: #d5d6db;
font-weight: 500;
}
-placessidebar .navigation-sidebar > row:selected image.sidebar-icon {
- color: #d5d6db;
-}
-
-placessidebar .navigation-sidebar > row:disabled {
- color: rgba(239, 240, 242, 0.5);
-}
-
placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) {
padding-right: 8px;
}
@@ -4271,14 +5181,14 @@ placessidebar .navigation-sidebar > row.sidebar-placeholder-row {
}
placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row {
- color: #d5d6db;
+ color: #faf4ed;
}
placessidebar
.navigation-sidebar
> row.sidebar-new-bookmark-row
image.sidebar-icon {
- color: #d5d6db;
+ color: #faf4ed;
}
placessidebar .navigation-sidebar > row:drop(active) {
@@ -4307,9 +5217,10 @@ paned > separator {
min-width: 1px;
min-height: 1px;
-gtk-icon-source: none;
- border-style: none;
+ border: none;
+ box-shadow: none;
background-color: transparent;
- background-image: image(rgba(239, 240, 242, 0.12));
+ background-image: image(#403d52);
background-size: 1px 1px;
background-clip: content-box;
}
@@ -4317,9 +5228,8 @@ paned > separator {
paned > separator.wide {
min-width: 6px;
min-height: 6px;
- background-color: #1a1b26;
- background-image: image(rgba(239, 240, 242, 0.12)),
- image(rgba(239, 240, 242, 0.12));
+ background-color: #191724;
+ background-image: image(#403d52), image(#403d52);
background-size: 1px 1px, 1px 1px;
}
@@ -4388,27 +5298,22 @@ infobar > revealer > box {
border-spacing: 12px;
}
-infobar.info > revealer > box,
-infobar.info:hover > revealer > box,
-infobar.info:backdrop > revealer > box {
- background-color: #1a1b26;
-}
-
infobar.info > revealer > box button,
infobar.info > revealer > box button.text-button:not(:disabled),
infobar.info:hover > revealer > box button,
infobar.info:hover > revealer > box button.text-button:not(:disabled),
infobar.info:backdrop > revealer > box button,
infobar.info:backdrop > revealer > box button.text-button:not(:disabled) {
- color: #d5d6db;
+ color: #faf4ed;
}
infobar.action > revealer > box,
infobar.action:backdrop > revealer > box,
infobar.question > revealer > box,
infobar.question:backdrop > revealer > box {
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
+ background-color: #26233a;
+ color: #faf4ed;
+ border-radius: 6px;
}
infobar.action > revealer > box button,
@@ -4435,25 +5340,27 @@ infobar.question:backdrop > revealer > box button:focus,
infobar.question:backdrop > revealer > box button:active,
infobar.question:backdrop > revealer > box button:checked,
infobar.question:backdrop > revealer > box button.text-button:not(:disabled) {
- color: rgba(26, 27, 38, 0.87);
+ color: #e0def4;
}
infobar.action > revealer > box *:link,
infobar.action:backdrop > revealer > box *:link,
infobar.question > revealer > box *:link,
infobar.question:backdrop > revealer > box *:link {
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
infobar.action:hover > revealer > box,
infobar.question:hover > revealer > box {
- background-color: lightgray;
+ background-color: #1f1d2e;
+ color: #faf4ed;
+ border-radius: 6px;
}
infobar.warning > revealer > box,
infobar.warning:backdrop > revealer > box {
background-color: #fdd633;
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
infobar.warning > revealer > box button,
@@ -4468,12 +5375,12 @@ infobar.warning:backdrop > revealer > box button:focus,
infobar.warning:backdrop > revealer > box button:active,
infobar.warning:backdrop > revealer > box button:checked,
infobar.warning:backdrop > revealer > box button.text-button:not(:disabled) {
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
infobar.warning > revealer > box *:link,
infobar.warning:backdrop > revealer > box *:link {
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
infobar.warning:hover > revealer > box {
@@ -4482,8 +5389,8 @@ infobar.warning:hover > revealer > box {
infobar.error > revealer > box,
infobar.error:backdrop > revealer > box {
- background-color: #f28b82;
- color: rgba(26, 27, 38, 0.87);
+ background-color: #eb6f92;
+ color: rgba(0, 0, 0, 0.87);
}
infobar.error > revealer > box button,
@@ -4498,12 +5405,12 @@ infobar.error:backdrop > revealer > box button:focus,
infobar.error:backdrop > revealer > box button:active,
infobar.error:backdrop > revealer > box button:checked,
infobar.error:backdrop > revealer > box button.text-button:not(:disabled) {
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
infobar.error > revealer > box *:link,
infobar.error:backdrop > revealer > box *:link {
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
infobar.error:hover > revealer > box {
@@ -4514,16 +5421,18 @@ infobar.error:hover > revealer > box {
* Tooltips *
************/
tooltip {
+ border: none;
+ background-clip: padding-box;
padding: 6px 12px;
box-shadow: none;
}
tooltip.background {
- background-color: rgba(25, 25, 25, 0.9);
- color: #eff0f2;
- box-shadow: 0 2px 2.4px -1px rgba(26, 27, 38, 0.2),
- 0 4px 3px 0 rgba(26, 27, 38, 0.14), 0 1px 6px 0 rgba(26, 27, 38, 0.12);
- border-radius: 3px;
+ background-color: rgba(33, 32, 46, 0.9);
+ color: #e0def4;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+ border-radius: 6px;
margin: 2px 6px 8px 6px;
}
@@ -4579,16 +5488,16 @@ colorswatch:last-child:not(.bottom) overlay {
}
colorswatch.dark {
- color: #eff0f2;
+ color: #e0def4;
}
colorswatch.light {
- color: rgba(26, 27, 38, 0.87);
+ color: rgba(0, 0, 0, 0.87);
}
colorswatch#add-color-button {
border-radius: 12px 12px 0 0;
- color: #eff0f2;
+ color: #e0def4;
}
colorswatch#add-color-button:only-child {
@@ -4596,7 +5505,7 @@ colorswatch#add-color-button:only-child {
}
colorswatch#add-color-button overlay {
- background-color: #24283b;
+ background-color: #1f1d2e;
}
colorswatch:disabled {
@@ -4618,23 +5527,23 @@ colorswatch#editor-color-sample overlay {
colorchooser .popover.osd {
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 6px;
- box-shadow: 0 2px 2.4px -1px rgba(26, 27, 38, 0.2),
- 0 4px 3px 0 rgba(26, 27, 38, 0.14), 0 1px 6px 0 rgba(26, 27, 38, 0.12),
- inset 0 1px rgba(239, 240, 242, 0.1);
- background-color: #24283b;
+ box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: #1f1d2e;
}
colorchooser .popover.osd:backdrop {
- box-shadow: 0 3px 2px -3px rgba(26, 27, 38, 0.3),
- 0 2px 2px -1px rgba(26, 27, 38, 0.24), 0 1px 3px 0 rgba(26, 27, 38, 0.12),
- inset 0 1px rgba(239, 240, 242, 0.1);
+ box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3),
+ 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
}
/********
* Misc *
********/
.content-view {
- background-color: #1a1b26;
+ background-color: #191724;
}
/**********************
@@ -4643,203 +5552,183 @@ colorchooser .popover.osd:backdrop {
window.csd {
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 12px;
- box-shadow: 0 2px 2.4px -1px rgba(26, 27, 38, 0.2),
- 0 4px 3px 0 rgba(26, 27, 38, 0.14), 0 1px 6px 0 rgba(26, 27, 38, 0.12),
- 0 0 0 2px #9aa5ce, 0 0 16px transparent;
- box-shadow: 0 2px 2.4px -1px rgba(26, 27, 38, 0.2),
- 0 4px 3px 0 rgba(26, 27, 38, 0.14), 0 1px 6px 0 rgba(26, 27, 38, 0.12),
- 0 0 0 2px #9aa5ce, 0 0 16px transparent;
+ outline-color: rgba(224, 222, 244, 0.2);
+ outline-offset: -1px;
+ outline-style: solid;
+ outline-width: 1px;
+ box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2),
+ 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12),
+ 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
}
-window.csd:backdrop {
- box-shadow: 0 2px 2px -2px rgba(26, 27, 38, 0.3),
- 0 1px 2px -1px rgba(26, 27, 38, 0.24),
- 0 1px 2px -0.6px rgba(26, 27, 38, 0.17), 0 0 0 2px #565a6e,
- 0 0 16px transparent;
+window.csd {
+ border-radius: 12px;
}
-window.csd.popup {
+window:backdrop {
+ box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15),
+ 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12),
+ 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 36px transparent;
+}
+
+window.popup {
border-radius: 12px;
box-shadow: none;
}
-window.csd.dialog.message {
+window.dialog.message {
border-radius: 12px;
}
-.solid-csd window.csd {
+window.solid-csd {
margin: 0;
padding: 2px;
border-radius: 0;
- background-color: #1a1b26;
- border: 2px solid #d5d6db;
+ background-color: #191724;
+ border: 1px solid #403d52;
}
-.solid-csd window.csd:backdrop {
- background-color: #1a1b26;
+window.solid-csd:backdrop {
+ background-color: #191724;
}
-window.csd.maximized,
-window.csd.fullscreen,
-window.csd.tiled,
-window.csd.tiled-top,
-window.csd.tiled-right,
-window.csd.tiled-bottom,
-window.csd.tiled-left {
+window.maximized,
+window.fullscreen,
+window.tiled,
+window.tiled-top,
+window.tiled-right,
+window.tiled-bottom,
+window.tiled-left {
border-radius: 0;
+ outline-width: 0;
}
windowcontrols {
border-spacing: 6px;
}
-windowcontrols:not(.empty).start:dir(ltr),
-windowcontrols:not(.empty).end:dir(rtl) {
- margin-right: 6px;
- margin-left: 3px;
+windowcontrols.start:not(.empty):dir(ltr),
+windowcontrols.end:not(.empty):dir(rtl) {
+ margin-left: 15px;
+ margin-right: 15px;
}
-windowcontrols:not(.empty).start:dir(rtl),
-windowcontrols:not(.empty).end:dir(ltr) {
- margin-left: 6px;
- margin-right: 3px;
+windowcontrols.start:not(.empty):dir(rtl),
+windowcontrols.end:not(.empty):dir(ltr) {
+ margin-left: 15px;
+ margin-right: 15px;
}
windowcontrols button:not(.suggested-action):not(.destructive-action) {
- min-height: 14px;
- min-width: 14px;
+ min-height: 12px;
+ min-width: 12px;
padding: 0;
- margin: 0 3px;
+ margin: 0 2px;
border-radius: 9999px;
}
-windowcontrols button:not(.suggested-action):not(.destructive-action).minimize,
-windowcontrols button:not(.suggested-action):not(.destructive-action).maximize,
-windowcontrols button:not(.suggested-action):not(.destructive-action).close {
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
+windowcontrols button.close:not(.suggested-action):not(.destructive-action) {
color: transparent;
}
windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize
+ button.minimize:not(.suggested-action):not(.destructive-action)
image,
windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize
+ button.maximize:not(.suggested-action):not(.destructive-action)
image,
windowcontrols
- button:not(.suggested-action):not(.destructive-action).close
+ button.close:not(.suggested-action):not(.destructive-action)
image {
padding: 0;
}
windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize:hover,
+ button.minimize:hover:not(.suggested-action):not(.destructive-action),
windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize:active {
- background-color: #8f5e15;
- color: transparent;
-}
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize:hover,
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize:active {
- background-color: #33635c;
- color: transparent;
-}
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).close:hover,
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).close:active {
- color: transparent;
- background-color: #8c4351;
+ button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: shade(#f6c177, 0.5);
}
windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize:backdrop,
+ button.maximize:hover:not(.suggested-action):not(.destructive-action),
windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize:backdrop,
+ button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: shade(#31748f, 0.5);
+}
+
windowcontrols
- button:not(.suggested-action):not(.destructive-action).close:backdrop {
- background-color: #565a6e;
+ button.close:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: shade(#eb6f92, 0.5);
+}
+
+windowcontrols
+ button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.minimize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.maximize:backdrop:active:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:backdrop:hover:not(.suggested-action):not(.destructive-action),
+windowcontrols
+ button.close:backdrop:active:not(.suggested-action):not(.destructive-action) {
color: transparent;
}
+windowcontrols button.minimize:not(.suggested-action):not(.destructive-action),
windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize:backdrop:hover,
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize:backdrop:active {
- background-color: #e0af68;
- color: transparent;
-}
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize:backdrop:hover,
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize:backdrop:active {
- background-color: #9ece6a;
- color: transparent;
-}
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).close:backdrop:hover,
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).close:backdrop:active {
- background-color: #f7768e;
- color: transparent;
-}
-
-windowcontrols button:not(.suggested-action):not(.destructive-action).minimize {
- background-color: #e0af68;
+ button.minimize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #f6c177;
}
+windowcontrols button.maximize:not(.suggested-action):not(.destructive-action),
windowcontrols
- button:not(.suggested-action):not(.destructive-action).minimize:active {
- background-color: #e0af68;
-}
-
-windowcontrols button:not(.suggested-action):not(.destructive-action).maximize {
- background-color: #9ece6a;
+ button.maximize:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #31748f;
}
+windowcontrols button.close:not(.suggested-action):not(.destructive-action),
windowcontrols
- button:not(.suggested-action):not(.destructive-action).maximize:active {
- background-color: #9ece6a;
+ button.close:active:not(.suggested-action):not(.destructive-action) {
+ background-color: #eb6f92;
}
-windowcontrols button:not(.suggested-action):not(.destructive-action).close {
- background-color: #f7768e;
-}
-
-windowcontrols
- button:not(.suggested-action):not(.destructive-action).close:active {
- background-color: #f7768e;
+button.titlebutton.close:backdrop,
+button.titlebutton.maximize:backdrop,
+button.titlebutton.minimize:backdrop,
+windowcontrols > button.close:backdrop,
+windowcontrols > button.maximize:backdrop,
+windowcontrols > button.minimize:backdrop {
+ background-color: #575279;
}
gridview > child:selected,
-modelbutton.flat:selected,
row:selected,
-calendar:selected,
-calendar > grid > label.day-number:selected {
+calendar:selected {
background-color: alpha(currentColor, 0.06);
}
.view:selected,
iconview:selected,
flowbox > flowboxchild:selected,
-calendar > grid > label.today,
-filechooser stack.view scrolledwindow treeview.view:selected,
-stacksidebar row:selected,
-.navigation-sidebar > row:selected {
- color: #d5d6db;
- background-color: rgba(224, 224, 224, 0.2);
+calendar > grid > label.today {
+ color: #faf4ed;
+ background-color: rgba(250, 244, 237, 0.2);
}
-textview text selection:focus,
-textview text selection,
+text > selection,
label > selection,
-entry > text > selection,
-spinbutton:not(.vertical) > text > selection,
-spinbutton.vertical > text > selection,
-calendar > grid > label.today:selected {
- color: rgba(26, 27, 38, 0.87);
- background-color: #d5d6db;
+calendar > grid > label.today:selected,
+stacksidebar row:selected,
+.navigation-sidebar > row:selected {
+ color: #9ccfd8;
+ background-color: #403d52;
}
.monospace {
@@ -4850,7 +5739,7 @@ calendar > grid > label.today:selected {
* Touch Copy & Paste *
**********************/
cursor-handle {
- color: #d5d6db;
+ color: #faf4ed;
-gtk-icon-source: -gtk-recolor(
url('assets/scalable/cursor-handle-symbolic.svg')
);
@@ -4881,53 +5770,49 @@ shortcut > .keycap {
padding-bottom: 2px;
padding-left: 8px;
padding-right: 8px;
- border: solid 1px rgba(239, 240, 242, 0.12);
+ border: solid 1px rgba(224, 222, 244, 0.12);
border-radius: 7px;
- box-shadow: inset 0 -2px rgba(239, 240, 242, 0.12);
- background-color: #24283b;
- color: #eff0f2;
+ box-shadow: inset 0 -2px rgba(224, 222, 244, 0.12);
+ background-color: #1f1d2e;
+ color: #e0def4;
font-size: smaller;
}
:not(decoration):not(window):drop(active) {
- caret-color: #d5d6db;
+ caret-color: #faf4ed;
}
stackswitcher {
min-height: 0;
- padding: 0;
border-radius: 9999px;
+ padding: 0;
background-color: alpha(currentColor, 0.05);
}
stackswitcher.linked:not(.vertical)
> button:not(.suggested-action):not(.destructive-action) {
margin: 0 0;
- border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):not(:hover):not(:active):not(:checked) {
background-color: transparent;
}
stackswitcher.linked:not(.vertical)
- > button:not(.suggested-action):not(.destructive-action).text-button {
+ > button:not(.suggested-action):not(.destructive-action):first-child,
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action):last-child,
+stackswitcher.linked:not(.vertical)
+ > button:not(.suggested-action):not(.destructive-action) {
+ border-radius: 9999px;
+}
+
+stackswitcher.linked:not(.vertical)
+ > button.text-button:not(.suggested-action):not(.destructive-action) {
min-width: 100px;
}
-stackswitcher.linked:not(.vertical)
- > button:not(.suggested-action):not(.destructive-action):focus {
- box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
-}
-
-stackswitcher.linked:not(.vertical)
- > button:not(.suggested-action):not(.destructive-action):active {
- box-shadow: inset 0 0 0 9999px alpha(#d5d6db, 0.08);
-}
-
-stackswitcher.linked:not(.vertical)
- > button:not(.suggested-action):not(.destructive-action):checked {
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
-}
-
stackswitcher button.text-button {
min-width: 100px;
}
@@ -4968,7 +5853,7 @@ popover.emoji-picker > contents {
.emoji-searchbar {
padding: 6px;
border-spacing: 6px;
- border-bottom: 1px solid rgba(239, 240, 242, 0.12);
+ border-bottom: 1px solid rgba(224, 222, 244, 0.12);
background: none;
}
@@ -4980,7 +5865,7 @@ popover.emoji-picker > contents {
.emoji-toolbar {
padding: 0;
border-spacing: 3px;
- border-top: 1px solid rgba(239, 240, 242, 0.12);
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
background: none;
}
@@ -4991,7 +5876,7 @@ button.emoji-section {
}
button.emoji-section:checked {
- color: #d5d6db;
+ color: #faf4ed;
}
popover.emoji-picker emoji {
@@ -5021,138 +5906,591 @@ emoji-completion-row:hover,
emoji-completion-row emoji:hover,
emoji-completion-row emoji:focus {
background-color: alpha(currentColor, 0.08);
- color: #eff0f2;
+ color: #e0def4;
}
popover.entry-completion > contents {
padding: 0;
}
-window.background.csd stack stack stack frame > list,
-window.background.csd > stack > stack > box > frame > list,
-window.background.csd > stack > stack > box > box > frame > list,
-window.background.csd > stack > box > stack > box > frame > list,
-window.background.csd
- > stack
- > box
- > stack
- > scrolledwindow
- > viewport
- frame
- > list,
-window.background.csd
- > stack
- > box
- > stack
- > box
- > scrolledwindow
- > viewport
- > frame
- > list,
-window.background.csd
- > stack
- > grid
- > scrolledwindow
- > viewport
- > box
- > frame
- > list,
-window.background.csd > stack > list,
-window.background.csd > stack > scrolledwindow > viewport > box > list,
-window.background.csd > box > stack > scrolledwindow > viewport > box > list {
- border-radius: 7px;
+.nautilus-window {
+ background-color: #191724;
+}
+
+.nautilus-window:backdrop {
+ background-color: #191724;
+}
+
+.nautilus-window headerbar {
box-shadow: none;
- border: 1px solid rgba(239, 240, 242, 0.12);
}
-window.background.csd
- stack
- stack
- stack
- frame
- > list
- row.activatable:first-child,
-window.background.csd > stack > list row.activatable:first-child {
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
+.nautilus-window separator.spacer {
+ padding-right: 2em;
}
-window.background.csd stack stack stack frame > list row.activatable:last-child,
-window.background.csd > stack > list row.activatable:last-child {
- border-bottom-left-radius: 6px;
- border-bottom-right-radius: 6px;
+.nautilus-window flap.unfolded > placessidebar {
+ background-color: transparent;
+ color: rgba(224, 222, 244, 0.7);
+ padding: 0 0 0 2px;
+ margin: 0 0 0 2px;
}
-window.background.csd stack stack stack frame > list row.activatable:only-child,
-window.background.csd > stack > list row.activatable:only-child {
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar {
+ background: none;
+ padding: 0 0 0 2px;
+ margin: 0 0 0 2px;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > separator {
+ background: rgba(224, 222, 244, 0.1);
+}
+
+.nautilus-window .vertical separator {
+ background: none;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable {
border-radius: 6px;
}
-window.background.csd stack stack stack frame > list row.activatable:focus,
-window.background.csd > stack > list row.activatable:focus {
- box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08);
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable
+ image.sidebar-icon,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable
+ label.sidebar-label,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable
+ button.sidebar-button {
+ color: #e0def4;
}
-/**************
- * Extensions *
- **************/
-window.background.csd stack stack stack frame > border,
-window.background.csd > stack > stack > box > frame > border,
-window.background.csd > stack > stack > box > box > frame > border,
-window.background.csd > stack > box > stack > box > frame > border,
-window.background.csd
- > stack
- > box
- > stack
+.nautilus-window
+ flap.unfolded
+ > placessidebar
> scrolledwindow
> viewport
- frame
- > border,
-window.background.csd
- > stack
- > box
- > stack
- > box
+ > list.navigation-sidebar
+ > row.activatable:hover {
+ background-color: rgba(224, 222, 244, 0.12);
+ color: #e0def4;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
> scrolledwindow
> viewport
- > frame
- > border,
-window.background.csd
- > stack
- > grid
+ > list.navigation-sidebar
+ > row.activatable:selected {
+ background-color: #26233a;
+ font-weight: 700;
+ border-left: 3px solid #f7768e;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
> scrolledwindow
> viewport
- > box
- > frame
- > border {
+ > list.navigation-sidebar
+ > row.activatable:selected,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected
+ image.sidebar-icon,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected
+ label.sidebar-label,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:selected
+ button.sidebar-button {
+ color: #9ccfd8;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:disabled,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:disabled
+ image.sidebar-icon,
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > viewport
+ > list.navigation-sidebar
+ > row.activatable:disabled
+ label.sidebar-label {
+ color: rgba(224, 222, 244, 0.3);
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > scrollbar
+ > range
+ > though {
+ background: none;
+}
+
+.nautilus-window
+ flap.unfolded
+ > placessidebar
+ > scrolledwindow
+ > scrollbar
+ > range
+ > though
+ > slider {
border: none;
}
-window.background.csd > stack > box > box > list,
-window.background.csd > stack > box > stack > scrolledwindow > viewport > list {
- border-bottom-left-radius: 12px;
+.nautilus-window .nautilus-grid-view.view {
+ margin: 0 6px 6px;
}
-window.background.csd
- > stack
- > box
- > .sidebar
- > scrolledwindow
- > viewport
- > list {
- padding: 0 0;
+.nautilus-window .unfolded {
+ background-color: #191724;
+}
+
+.nautilus-window .nautilus-grid-view.view,
+.nautilus-window .nautilus-grid-view.view gridview.view {
+ background-color: #26233a;
+ border-radius: 12px;
+}
+
+.nautilus-window flap > separator {
+ background: none;
+}
+
+.nautilus-window placesview label {
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.nautilus-window infobar {
+ margin: 3px;
+}
+
+.nautilus-window infobar > revealer > box {
+ border-radius: 12px;
+}
+
+.nautilus-window label.search-information {
+ margin: 3px;
+ border-radius: 6px;
+}
+
+.nautilus-window .floating-bar {
+ min-height: 32px;
+ padding: 0;
+ margin: 6px;
+ border-style: none;
+ border-radius: 6px;
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
+ box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2),
+ 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+
+.nautilus-window .floating-bar button {
+ margin: 4px;
+ color: rgba(0, 0, 0, 0.87);
+}
+
+#NautilusViewCell clamp box {
+ margin: 0;
+ border-spacing: 0;
+}
+
+#NautilusQueryEditor > menubutton > button {
+ min-width: 16px;
+ min-height: 16px;
+ margin: 0;
+}
+
+#NautilusQueryEditor > text {
+ margin: 0;
+}
+
+#NautilusPathBar {
+ background-color: #26233a;
+ border-radius: 6px;
+ margin: 6px 0;
+}
+
+#NautilusPathBar #NautilusPathButton {
+ margin: 0 3px;
+ border-radius: 6px;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir {
+ color: #9ccfd8;
+}
+
+#NautilusPathBar #NautilusPathButton.current-dir:hover,
+#NautilusPathBar #NautilusPathButton.current-dir:active {
+ background: none;
+ box-shadow: none;
+}
+
+#NautilusPathBar #NautilusPathButton:first-child {
+ margin-left: 0;
+}
+
+#NautilusPathBar > menubutton {
+ margin: 0;
+}
+
+#NautilusPathBar > menubutton > button {
+ border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag {
+ border-radius: 9999px;
+}
+
+#NautilusQueryEditorTag > button {
+ margin: 3px;
+ padding: 0;
+ min-height: 22px;
+ min-width: 22px;
+}
+
+window.dialog > box > stack > box > box > notebook.frame {
+ border-width: 0 0 0 1px;
+ border-radius: 0;
+}
+
+.history-view {
+ background-color: #191724;
+}
+
+#displayitem {
+ border-top: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.small .card {
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.small .card.forecast-card {
+ border-width: 1px 0;
+}
+
+.small .card.display-container {
+ border-width: 0 0 1px 0;
+}
+
+leaflet button.number-button {
+ background-color: rgba(224, 222, 244, 0.1);
+}
+
+leaflet button.number-button:hover {
+ background-color: rgba(224, 222, 244, 0.2);
+}
+
+leaflet button.number-button:active {
+ background-color: rgba(224, 222, 244, 0.3);
+}
+
+leaflet button.clear-button.image-button {
+ border-radius: 6px;
+}
+
+datechooser.view button.flat.pill,
+datechooser.view button.circular.day {
+ min-height: 24px;
+ min-width: 24px;
+ padding: 6px;
+}
+
+.contacts-contact-list list.navigation-sidebar {
+ background: none;
+}
+
+flowboxchild > button.card.category-tile {
+ padding: 21px;
+ border: none;
+ border-radius: 6px;
+}
+
+flowboxchild > button.card.category-tile-iconless {
+ padding: 9px 15px;
+}
+
+app-context-bar > box:not(:first-child) > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:not(:first-child) > button.flat:last-child {
+ border-radius: 0 6px 6px 0;
+}
+
+app-context-bar > box:first-child > button.flat {
+ border-radius: 0;
+}
+
+app-context-bar > box:first-child > button.flat:first-child {
+ border-radius: 6px 0 0 6px;
+}
+
+app-context-bar > box > button.flat {
+ border-left-color: rgba(224, 222, 244, 0.12);
+}
+
+carousel.card {
+ border: none;
+}
+
+.context-tile-lozenge {
+ min-height: 28px;
+ min-width: 28px;
+ padding: 6px;
+}
+
+.context-tile-lozenge.grey {
+ color: #e0def4;
+ background-color: rgba(224, 222, 244, 0.12);
+}
+
+.context-tile-lozenge.green,
+.context-tile-lozenge.details-rating-0 {
+ color: #4cb168;
+ background-color: rgba(129, 201, 149, 0.15);
+}
+
+.context-tile-lozenge.blue,
+.context-tile-lozenge.details-rating-5 {
+ color: #2196f3;
+ background-color: rgba(33, 150, 243, 0.15);
+}
+
+.context-tile-lozenge.yellow,
+.context-tile-lozenge.details-rating-12 {
+ color: #e1b602;
+ background-color: rgba(253, 214, 51, 0.15);
+}
+
+.context-tile-lozenge.details-rating-15 {
+ color: #ff9800;
+ background-color: rgba(255, 152, 0, 0.15);
+}
+
+.context-tile-lozenge.red,
+.context-tile-lozenge.details-rating-18 {
+ color: #eb4b3d;
+ background-color: rgba(242, 139, 130, 0.15);
+}
+
+screenshot-carousel box.frame.view {
+ border-width: 1px 0;
+ border-radius: 0;
+}
+
+/* Styling for specific category buttons. */
+.category-tile.category-create {
+ background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%);
+ color: #e0def4;
+}
+
+.category-tile.category-create:hover {
+ background: linear-gradient(
+ 180deg,
+ shade(#ce8cd7, 1.07) 0%,
+ shade(#2861c6, 1.1) 100%
+ );
+}
+
+.category-tile.category-create:active {
+ background: linear-gradient(
+ 180deg,
+ shade(#ce8cd7, 0.95) 0%,
+ shade(#2861c6, 0.95) 100%
+ );
+}
+
+.category-tile.category-develop {
+ background: #5e5c64;
+ color: #e0def4;
+}
+
+.category-tile.category-develop:hover {
+ background: shade(#5e5c64, 1.2);
+}
+
+.category-tile.category-develop:active {
+ background-color: shade(#5e5c64, 0.95);
+}
+
+.category-tile.category-learn {
+ background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%);
+ color: #e0def4;
+}
+
+.category-tile.category-learn:hover {
+ background: linear-gradient(
+ 180deg,
+ shade(#2ec27e, 1.06) 30%,
+ shade(#27a66c, 1.06) 100%
+ );
+}
+
+.category-tile.category-learn:active {
+ background: linear-gradient(
+ 180deg,
+ shade(#2ec27e, 0.95) 30%,
+ shade(#27a66c, 0.95) 100%
+ );
+}
+
+.category-tile.category-play {
+ background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%);
+ color: #393484;
+}
+
+.category-tile.category-play:hover {
+ background: linear-gradient(
+ 75deg,
+ shade(#f9e2a7, 1.07) 0%,
+ shade(#eb5ec3, 1.07) 50%,
+ shade(#6d53e0, 1.07) 100%
+ );
+}
+
+.category-tile.category-play:active {
+ background: linear-gradient(
+ 75deg,
+ shade(#f9e2a7, 0.97) 0%,
+ shade(#eb5ec3, 0.95) 50%,
+ shade(#6d53e0, 1.07) 100%
+ );
+}
+
+.category-tile.category-socialize {
+ background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%);
+ color: rgba(224, 222, 244, 0.7);
+}
+
+.category-tile.category-socialize:hover {
+ background: linear-gradient(
+ 90deg,
+ shade(#ef4e9b, 1.08) 0%,
+ shade(#f77466, 1.08) 100%
+ );
+}
+
+.category-tile.category-socialize:active {
+ background: linear-gradient(
+ 90deg,
+ shade(#ef4e9b, 0.95) 0%,
+ shade(#f77466, 0.95) 100%
+ );
+}
+
+.category-tile.category-work {
+ padding: 1px;
+ /* FIXME: work around https://gitlab.gnome.org/GNOME/gtk/-/issues/4324 */
+ color: #1c71d8;
+ background-color: #fdf8d7;
+ background-image: linear-gradient(
+ rgba(224, 222, 244, 0.12) 1px,
+ transparent 1px
+ ),
+ linear-gradient(90deg, rgba(224, 222, 244, 0.12) 1px, transparent 1px);
+ background-size: 10px 10px, 10px 10px;
+ background-position: -1px -4px, center -1px;
+}
+
+.category-tile.category-work:hover {
+ background-color: #fefcef;
+ background-image: linear-gradient(
+ rgba(224, 222, 244, 0.12) 1px,
+ transparent 1px
+ ),
+ linear-gradient(90deg, rgba(224, 222, 244, 0.12) 1px, transparent 1px);
+}
+
+.category-tile.category-work:active {
+ background-color: #fcf4bf;
+ background-image: linear-gradient(
+ rgba(224, 222, 244, 0.12) 1px,
+ transparent 1px
+ ),
+ linear-gradient(90deg, rgba(224, 222, 244, 0.12) 1px, transparent 1px);
}
-/**********
- * Polari *
- **********/
.polari-room-list .sidebar {
background: none;
}
.polari-room-list .sidebar > row.activatable:selected {
- background-color: #d5d6db;
- color: rgba(26, 27, 38, 0.87);
+ background-color: #faf4ed;
+ color: rgba(0, 0, 0, 0.87);
}
.polari-room-list popover.background > arrow,
@@ -5160,133 +6498,520 @@ window.background.csd
padding: 0;
}
-/* GTK NAMED COLORS
- ----------------
- use responsibly! */
-/*
-widget text/foreground color */
-@define-color theme_fg_color #eff0f2;
-/*
-text color for entries, views and content in general */
-@define-color theme_text_color #eff0f2;
-/*
-widget base background color */
-@define-color theme_bg_color #2C2C2C;
-/*
-text widgets and the like base background color */
-@define-color theme_base_color #2C2C2C;
-/*
-base background color of selections */
-@define-color theme_selected_bg_color #E0E0E0;
-/*
-text/foreground color of selections */
-@define-color theme_selected_fg_color rgba(26, 27, 38, 0.87);
-/*
-base background color of insensitive widgets */
-@define-color insensitive_bg_color #2C2C2C;
-/*
-text foreground color of insensitive widgets */
-@define-color insensitive_fg_color rgba(239, 240, 242, 0.5);
-/*
-insensitive text widgets and the like base background color */
-@define-color insensitive_base_color #242424;
-/*
-widget text/foreground color on backdrop windows */
-@define-color theme_unfocused_fg_color #eff0f2;
-/*
-text color for entries, views and content in general on backdrop windows */
-@define-color theme_unfocused_text_color #eff0f2;
-/*
-widget base background color on backdrop windows */
-@define-color theme_unfocused_bg_color #2C2C2C;
-/*
-text widgets and the like base background color on backdrop windows */
-@define-color theme_unfocused_base_color #2C2C2C;
-/*
-base background color of selections on backdrop windows */
-@define-color theme_unfocused_selected_bg_color #E0E0E0;
-/*
-text/foreground color of selections on backdrop windows */
-@define-color theme_unfocused_selected_fg_color rgba(26, 27, 38, 0.87);
-/*
-insensitive color on backdrop windows */
-@define-color unfocused_insensitive_color rgba(239, 240, 242, 0.5);
-/*
-widgets main borders color */
-@define-color borders rgba(239, 240, 242, 0.12);
-/*
-widgets main borders color on backdrop windows */
-@define-color unfocused_borders rgba(239, 240, 242, 0.12);
-/*
-these are pretty self explicative */
-@define-color warning_color #FDD633;
-@define-color error_color #F28B82;
-@define-color success_color #81C995;
-/*
-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 #eff0f2;
-@define-color wm_unfocused_title rgba(239, 240, 242, 0.7);
-@define-color wm_highlight rgba(239, 240, 242, 0.1);
-@define-color wm_bg #2C2C2C;
-@define-color wm_unfocused_bg #2C2C2C;
-/*
-FIXME this is really an API */
-@define-color content_view_bg #2C2C2C;
-@define-color placeholder_text_color silver;
-/* Very contrasty background for text views (@theme_text_color foreground) */
-@define-color text_view_bg #1d1d1d;
-@define-color budgie_tasklist_indicator_color #eff0f2;
-@define-color budgie_tasklist_indicator_color_active #eff0f2;
-@define-color budgie_tasklist_indicator_color_active_window #999999;
-@define-color budgie_tasklist_indicator_color_attention #FDD633;
-@define-color STRAWBERRY_100 #FF9262;
-@define-color STRAWBERRY_300 #FF793E;
-@define-color STRAWBERRY_500 #F15D22;
-@define-color STRAWBERRY_700 #CF3B00;
-@define-color STRAWBERRY_900 #AC1800;
-@define-color ORANGE_100 #FFDB91;
-@define-color ORANGE_300 #FFCA40;
-@define-color ORANGE_500 #FAA41A;
-@define-color ORANGE_700 #DE8800;
-@define-color ORANGE_900 #C26C00;
-@define-color BANANA_100 #FFFFA8;
-@define-color BANANA_300 #FFFA7D;
-@define-color BANANA_500 #FFCE51;
-@define-color BANANA_700 #D1A023;
-@define-color BANANA_900 #A27100;
-@define-color LIME_100 #A2F3BE;
-@define-color LIME_300 #8ADBA6;
-@define-color LIME_500 #73C48F;
-@define-color LIME_700 #479863;
-@define-color LIME_900 #1C6D38;
-@define-color BLUEBERRY_100 #94A6FF;
-@define-color BLUEBERRY_300 #6A7CE0;
-@define-color BLUEBERRY_500 #3F51B5;
-@define-color BLUEBERRY_700 #213397;
-@define-color BLUEBERRY_900 #031579;
-@define-color GRAPE_100 #D25DE6;
-@define-color GRAPE_300 #B84ACB;
-@define-color GRAPE_500 #9C27B0;
-@define-color GRAPE_700 #830E97;
-@define-color GRAPE_900 #6A007E;
-@define-color COCOA_100 #9F9792;
-@define-color COCOA_300 #7B736E;
-@define-color COCOA_500 #574F4A;
-@define-color COCOA_700 #463E39;
-@define-color COCOA_900 #342C27;
-@define-color SILVER_100 #EEE;
-@define-color SILVER_300 #CCC;
-@define-color SILVER_500 #AAA;
-@define-color SILVER_700 #888;
-@define-color SILVER_900 #666;
-@define-color SLATE_100 #888;
-@define-color SLATE_300 #666;
-@define-color SLATE_500 #444;
-@define-color SLATE_700 #222;
-@define-color SLATE_900 #111;
-@define-color BLACK_100 #474341;
-@define-color BLACK_300 #403C3A;
-@define-color BLACK_500 #393634;
-@define-color BLACK_700 #33302F;
-@define-color BLACK_900 #2B2928;
+window.org-gnome-Builder headerbar {
+ box-shadow: inset 0 -1px rgba(224, 222, 244, 0.12);
+}
+
+window.org-gnome-Builder headerbar splitbutton button {
+ border-radius: 6px;
+}
+
+window.org-gnome-Builder headerbar splitbutton notification button {
+ margin: 0;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 0;
+}
+
+window.org-gnome-Builder headerbar menubutton > button {
+ border-radius: 6px;
+ padding: 6px 9px;
+}
+
+window.org-gnome-Builder headerbar paneltogglebutton button {
+ border-radius: 6px;
+}
+
+popover.background.global-search > arrow,
+popover.background.global-search > contents {
+ padding: 0;
+}
+
+panelframeswitcher {
+ padding: 6px;
+}
+
+.frameheader.header {
+ min-height: 24px;
+ background-color: rgba(224, 222, 244, 0.04);
+}
+
+.frameheader.header > button {
+ border: none;
+ margin: 0;
+ padding: 3px;
+}
+
+.frameheader.header tabbar.inline > revealer > box {
+ min-height: 24px;
+}
+
+.frameheader.header tabbar.inline > revealer > box .start-action {
+ padding: 0;
+ border: none;
+}
+
+.frameheader.header tabbar.inline > revealer > box .end-action {
+ padding: 0;
+ border-left: 1px solid rgba(224, 222, 244, 0.12);
+}
+
+.frameheader.header
+ tabbar.inline
+ > revealer
+ > box
+ .end-action
+ menubutton
+ > button {
+ margin: 6px;
+ min-height: 24px;
+ min-width: 24px;
+ padding: 3px;
+ border-radius: 6px;
+}
+
+.frameheader.header tabbar.inline > revealer > box tabbox {
+ border: none;
+ background: none;
+}
+
+panelstatusbar {
+ background-color: #191724;
+}
+
+panelstatusbar > menubutton > button,
+panelstatusbar > paneltogglebutton button.image-button {
+ border-radius: 0;
+}
+
+.style-variant {
+ padding: 0 12px;
+}
+
+.style-variant button.toggle {
+ padding: 0;
+}
+
+.style-variant button.toggle,
+.style-variant button.toggle:hover,
+.style-variant button.toggle:focus,
+.style-variant button.toggle:active,
+.style-variant button.toggle:checked {
+ background: none;
+ outline: none;
+ border: none;
+ box-shadow: none;
+}
+
+.style-variant button.toggle > stylevariantpreview > .wallpaper {
+ border-radius: 6px;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+ box-shadow: none;
+}
+
+.style-variant button.toggle:hover > stylevariantpreview > .wallpaper {
+ outline-color: rgba(224, 222, 244, 0.04);
+}
+
+.style-variant button.toggle:active > stylevariantpreview > .wallpaper {
+ outline-color: rgba(224, 222, 244, 0.3);
+}
+
+.style-variant button.toggle:checked > stylevariantpreview > .wallpaper {
+ outline-color: #faf4ed;
+}
+
+window.dialog
+ > .dialog-vbox
+ > box
+ > scrolledwindow
+ > viewport
+ > widget
+ > list.boxed-list {
+ border: none;
+ border-radius: 0;
+}
+
+window.dialog
+ > .dialog-vbox
+ > box
+ > scrolledwindow
+ > viewport
+ > widget
+ > list.boxed-list
+ > row:first-child,
+window.dialog
+ > .dialog-vbox
+ > box
+ > scrolledwindow
+ > viewport
+ > widget
+ > list.boxed-list
+ > row:last-child {
+ border-radius: 0;
+}
+
+avatar {
+ border-radius: 9999px;
+ font-weight: bold;
+}
+
+avatar.color1 {
+ background-image: linear-gradient(#83b6ec, #337fdc);
+ color: #cfe1f5;
+}
+
+avatar.color2 {
+ background-image: linear-gradient(#7ad9f1, #0f9ac8);
+ color: #caeaf2;
+}
+
+avatar.color3 {
+ background-image: linear-gradient(#8de6b1, #29ae74);
+ color: #cef8d8;
+}
+
+avatar.color4 {
+ background-image: linear-gradient(#b5e98a, #6ab85b);
+ color: #e6f9d7;
+}
+
+avatar.color5 {
+ background-image: linear-gradient(#f8e359, #d29d09);
+ color: #f9f4e1;
+}
+
+avatar.color6 {
+ background-image: linear-gradient(#ffcb62, #d68400);
+ color: #ffead1;
+}
+
+avatar.color7 {
+ background-image: linear-gradient(#ffa95a, #ed5b00);
+ color: #ffe5c5;
+}
+
+avatar.color8 {
+ background-image: linear-gradient(#f78773, #e62d42);
+ color: #f8d2ce;
+}
+
+avatar.color9 {
+ background-image: linear-gradient(#e973ab, #e33b6a);
+ color: #fac7de;
+}
+
+avatar.color10 {
+ background-image: linear-gradient(#cb78d4, #9945b5);
+ color: #e7c2e8;
+}
+
+avatar.color11 {
+ background-image: linear-gradient(#9e91e8, #7a59ca);
+ color: #d5d2f5;
+}
+
+avatar.color12 {
+ background-image: linear-gradient(#e3cf9c, #b08952);
+ color: #f2eade;
+}
+
+avatar.color13 {
+ background-image: linear-gradient(#be916d, #785336);
+ color: #e5d6ca;
+}
+
+avatar.color14 {
+ background-image: linear-gradient(#c0bfbc, #6e6d71);
+ color: #d8d7d3;
+}
+
+avatar.contrasted {
+ color: #e0def4;
+}
+
+avatar.image {
+ background: none;
+}
+
+.card {
+ border-radius: 6px;
+ box-shadow: none;
+ border: 1px solid rgba(224, 222, 244, 0.12);
+ background-clip: border-box;
+ background-color: #191724;
+ color: rgba(224, 222, 244, 0.7);
+}
+
+preferencespage > scrolledwindow > viewport > clamp > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+preferencesgroup > box,
+preferencesgroup > box .labels {
+ border-spacing: 6px;
+}
+
+preferencesgroup > box > box.header:not(.single-line) {
+ margin-bottom: 6px;
+}
+
+preferencesgroup > box > box.single-line {
+ min-height: 34px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle {
+ padding: 0;
+ background: none;
+ box-shadow: none;
+ outline-color: transparent;
+ outline-width: 3px;
+ outline-offset: 3px;
+ outline-style: solid;
+}
+
+preferencesgroup > box button.background-preview-button.toggle,
+preferencesgroup
+ > box
+ button.background-preview-button.toggle
+ > background-preview {
+ border-radius: 6px;
+}
+
+preferencesgroup > box button.background-preview-button.toggle:hover {
+ outline-color: rgba(224, 222, 244, 0.04);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:active {
+ outline-color: rgba(224, 222, 244, 0.3);
+}
+
+preferencesgroup > box button.background-preview-button.toggle:checked {
+ outline-color: #faf4ed;
+}
+
+statuspage > scrolledwindow > viewport > box {
+ margin: 36px 12px;
+ border-spacing: 36px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box {
+ border-spacing: 12px;
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 128px;
+ color: alpha(currentColor, 0.55);
+}
+
+statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled {
+ opacity: 0.35;
+}
+
+statuspage
+ > scrolledwindow
+ > viewport
+ > box
+ > clamp
+ > box
+ > .icon:not(:last-child) {
+ margin-bottom: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box {
+ margin: 24px 12px;
+ border-spacing: 24px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon {
+ -gtk-icon-size: 96px;
+}
+
+statuspage.compact
+ > scrolledwindow
+ > viewport
+ > box
+ > clamp
+ > box
+ > .icon:not(:last-child) {
+ margin-bottom: 12px;
+}
+
+statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title {
+ font-size: 18pt;
+}
+
+toast {
+ margin: 12px;
+ margin-bottom: 24px;
+ border-radius: 9999px;
+ border-spacing: 6px;
+ padding: 6px;
+ box-shadow: 0 7px 4.8px -4px rgba(0, 0, 0, 0.2),
+ 0 12px 10.2px 2px rgba(0, 0, 0, 0.14), 0 5px 13.2px 4px rgba(0, 0, 0, 0.12),
+ inset 0 1px rgba(224, 222, 244, 0.1);
+ background-color: rgba(25, 23, 36, 0.95);
+ color: #e0def4;
+ border: none;
+}
+
+toast:dir(ltr) {
+ padding-left: 12px;
+}
+
+toast:dir(rtl) {
+ padding-right: 12px;
+}
+
+toast > label {
+ margin: 0 6px;
+}
+
+viewswitcher {
+ margin: 0;
+}
+
+viewswitcher.wide {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+viewswitcher.wide button.toggle:checked,
+viewswitcher.wide button.toggle.flat:checked {
+ background-color: #1f1d2e;
+ color: #9ccfd8;
+}
+
+viewswitcher.wide button.toggle:checked:backdrop,
+viewswitcher.wide button.toggle.flat:checked:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+viewswitcher.wide
+ button.toggle:checked
+ indicatorbin.needs-attention
+ > indicator,
+viewswitcher.wide
+ button.toggle.flat:checked
+ indicatorbin.needs-attention
+ > indicator {
+ background-color: rgba(0, 0, 0, 0.87);
+}
+
+viewswitcher.wide
+ button.toggle:checked
+ indicatorbin.needs-attention
+ > indicator
+ > label,
+viewswitcher.wide
+ button.toggle.flat:checked
+ indicatorbin.needs-attention
+ > indicator
+ > label {
+ color: #faf4ed;
+}
+
+viewswitcher.narrow button.toggle {
+ border-radius: 0;
+ margin: 0;
+ border: none;
+}
+
+headerbar viewswitcher.narrow button.toggle {
+ border-radius: 6px;
+ margin: 5px 2px;
+ min-width: 119px;
+ padding: 0;
+ background-color: transparent;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked {
+ background-color: #26233a;
+ color: #9ccfd8;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator {
+ background: rgba(0, 0, 0, 0.87);
+}
+
+headerbar viewswitcher.narrow button.toggle:checked indicator > label {
+ color: #faf4ed;
+}
+
+headerbar viewswitcher.narrow button.toggle:checked:backdrop {
+ color: rgba(0, 0, 0, 0.38);
+}
+
+headerbar viewswitcher.narrow button.toggle:focus {
+ box-shadow: none;
+}
+
+viewswitcher button.toggle {
+ font-weight: bold;
+ padding: 0;
+ min-height: 0;
+ margin: 0;
+}
+
+viewswitcher button.toggle > stack > box.narrow {
+ font-size: 0.75rem;
+ padding-top: 7px;
+ padding-bottom: 5px;
+ border-spacing: 4px;
+}
+
+viewswitcher button.toggle > stack > box.narrow > stack > label {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
+viewswitcher button.toggle > stack > box.wide {
+ padding: 0 12px;
+ border-spacing: 6px;
+}
+
+viewswitcherbar actionbar > revealer > box {
+ padding: 0;
+}
+
+viewswitchertitle viewswitcher {
+ margin-left: 12px;
+ margin-right: 12px;
+}
+
+indicatorbin > indicator,
+indicatorbin > mask {
+ min-width: 6px;
+ min-height: 6px;
+ border-radius: 9999px;
+}
+
+indicatorbin > indicator {
+ margin: 1px;
+ padding: 0;
+ background: alpha(currentColor, 0.4);
+}
+
+indicatorbin > indicator > label {
+ font-size: 0.6rem;
+ font-weight: bold;
+ padding: 2px 5px;
+ color: #e0def4;
+}
+
+indicatorbin > mask {
+ padding: 1px;
+ background: black;
+}
+
+indicatorbin.needs-attention > indicator {
+ background-color: #faf4ed;
+}
+
+indicatorbin.needs-attention > indicator > label {
+ color: rgba(0, 0, 0, 0.87);
+}
diff --git a/RosePine-Main-BL/gtk-4.0/thumbnail.png b/RosePine-Main-BL/gtk-4.0/thumbnail.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f8b4f4a44db510174c43e432e4d5192cf38c6d0
GIT binary patch
literal 1609
zcmV-P2DbT$P)Q+SK~#7F?VDdr
zQ&$|vf441E*LG>PY%M-@E6f)Iio8gI$^+fRghXC6nME>r!1$m`ATCjap>MDRmzZ`5
zW}2X9l#{nyf}z1~l9r04Y9`-}H`
zf4}oPf6CDtoKBDPqgu-)o}=SJ^*9++BTx7&KN0&kG9@-}_{Z(`csSlXFH}8bpab|Q
z&t=+Uv1pVDT<7xsV~DFa_~?HdnL}pxXWm|p<9f+JXK+r7*|cH)*#7CSLZEh&f$rdh
z_{`P0>UlEIEhaM1H5M(M%;p-h*4oHqvIuTpUGGFDlcIEbozk1@R0$;sfZgszk=v%~($h}@SoHG9ZvRW?{Hn9a4!n|VH~ssH86gREGsR@J@`<=C-y
z_IYXP5fw`%Z7B-8$7&bCvYGS({x4cWbzfgU`TgHfu{1ZgklpT}hY!P=uc@>x#Q_y>
zy`C_cYE=7lc6QPE^ZisRXU=@f!mSqGhOG}Oi{>~^wGTY17%(PYyx7P7iVO{@kENy9
zl0wZ^Sp=T@bB?Ben`R{t3Hk}dfJcd$s}>T81QYl1<41J!=Ji}V
zLMQH3sx9%Q@%h^5$dQ9|<;wTlUZ8x`Y?Vdecsx%2vwl_v2L|a>_bDcr5^lGPI($Ca
zx`@ptpTVoyC>Ak!(aN1WLH6Jw6f)p^Fh-VQ3->#B?lgO8@B)GR_vfjn=d`TIO18=#
zqLaxaMIsThzYzvrEz;D~NMqw;Oql))7s%`NO4b3|@Ok{F@oiB7?Wm9ZI6?!11ML3g
z61vW<-Fq=rnVI>Wg~!{sCwF)w=CP&NnwS{N37bzcnb;O3wA#|N(4hvrOccOd@1<}!
zOp%u_W&6Y9gMk2@^>2ARD6IQ?{OmsWLidC)WM^Xk{q!ltgli$_$neNkysEy-**bfxEnXFGeN~H83hRsfVfIi964{3vn5hrFCRtZrbJ4%Dl$#NSQ?MV
z*k^=q(VH8ansR*-f>$E+%GKee@M00)*FF}qD+$ER2U8G?Z=xrQLN_03QJufWVy}y`
zm2XqZi_wPFu3~MKMPLXhPLog|)Z*fn7}L|!6#ON~5~F+pSK=#z_;%KAv)gvm$H&H5
z;)Ssn_Y8$Xxv*R*kh$iAvF+~N89I5gi-pHr#ym8tdM~B1RLWMq&8exGoVP+)yijP9
z8*7zpDQ-46?4MIP5T`l_<%Qto$QMqkjxkv3+EPd)S7g7#oH7)emGmHSfnO?PE(9+^
zcXy{^A0=DGpk_;PE!tY9U8Hn6&59I-!b#QTt}TU>!j4iZm7-U#qSVpx&5rLd*MwJT
zSqQmxYfLr-Yq3=fYPJ*wuC3XtX?d@jNU3ZY;-SN<4jgFQ@tqcL6X(ZTP_m^3Ew&T|
zwpeO)wVSjlY!_~7*iCxyAk5A)sjWs8f`=Ul{9M#EmA0iQaF)*qd%}B3FTi`V*-cG-
zkpv+-MHa2*xmbA`9{xeI=e|u_swX;dn!~Dt6CF6skxG@8s3D7PYip-{!uTt$Kq0xo
z{1cn*NWP?&7vBe4nod>XWQWBflq%aF#_5fW;IR-klPO=KR!wMHi)M$`(xn|*GkCWc
z$7Xd71pbQ*^vV+x&(i`K=n|geCpeGOCmyBN*>J2`+9FKfqimpai@mo?fkbzFv
z`h74yZCi(QyS=?!mb)ah9wdXRgGWBa(Zc%r=ESPtxM=$yM(E!`G;^VL00000NkvXX
Hu0mjfcKZ&f
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/index.theme b/RosePine-Main-BL/index.theme
new file mode 100644
index 0000000..23ee199
--- /dev/null
+++ b/RosePine-Main-BL/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=RosePine-Main
+Comment=An Flat Gtk+ theme based on Elegant Design
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=RosePine-Main
+MetacityTheme=RosePine-Main
+IconTheme=RosePine-Main
+CursorTheme=RosePine-cursors
+ButtonLayout=close,minimize,maximize:menu
diff --git a/RosePine-Main-BL/metacity-1/metacity-theme-1.xml b/RosePine-Main-BL/metacity-1/metacity-theme-1.xml
new file mode 100644
index 0000000..d207f9f
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/metacity-theme-1.xml
@@ -0,0 +1,1693 @@
+
+
+
+ RosePine-Main
+ Vince Liuice mod fkorpsvart
+ GPL-3.0+
+ 2022.04.14
+ RosePine-Main Metacity Theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/RosePine-Main-BL/metacity-1/metacity-theme-2.xml b/RosePine-Main-BL/metacity-1/metacity-theme-2.xml
new file mode 120000
index 0000000..84bdbf0
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/metacity-theme-2.xml
@@ -0,0 +1 @@
+metacity-theme-1.xml
\ No newline at end of file
diff --git a/RosePine-Main-BL/metacity-1/metacity-theme-3.xml b/RosePine-Main-BL/metacity-1/metacity-theme-3.xml
new file mode 100644
index 0000000..b899f12
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,1682 @@
+
+
+
+ RosePine-Main
+ Vince Liuice mod fkorpsvart
+ GPL-3.0+
+ 2022.04.14
+ RosePine-Main Metacity Theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/RosePine-Main-BL/metacity-1/thumbnail.png b/RosePine-Main-BL/metacity-1/thumbnail.png
new file mode 100644
index 0000000000000000000000000000000000000000..62cbc9ed3a7b381eb2975c8d9b7618450b220209
GIT binary patch
literal 7635
zcmeHMc{r5o`=1n98WfQz(H>u;!YPUrXg{&TMD_xGk^fiFYCz$~N
z08mR))rj^ROuJMW8EE&%q;&`Yz~tm-Voo)}dV}0N$o51R0*LDCMgS3fi1q-0&(PvM
ztGKBupxSOVGc*Xw-stfya)q@nfM2AnedG;haw&;z7b&T2q{YcJLHCu8XT4#^w@Klf
z-P@A|c~WG^r~JzpZ*j3_^4q9f^Nh(gxUYiF=qOwHGk!bL@$TtuW&h~istkD{pER`D
zr!H0LQMT5vY+Ln;6;O`pxB1o)OJDphOf83L2VyjrnKqoQN~`B8txjxu1~%+^9K1Sy
zy5I_Voo!e2y;T$X+{`7TFg_h$UV|kY)*K4<6rq+FT=C)&|I&OTb4&3pYc3Ljnn%?nMvkJATySm$L
z;gyali@3~NOj_2v;<8$eduLlv`;=bS+3-6@ZqLkoK$NFoX30e4jb+_*3AZ$pUTsX;
z(~LD;4i4w{XGFPCudLHkOcDO+=j30k>IpfoK2emu`@Qk9&d$?wm=3?xaf>c<-*dM<
zJhziM6u8M7_%)b963M1sAwqAKiq6ctbXL6>5olICn^tK&?Y`3Xb$({TQqiFJE;$@|
z`_yCMTiLrXCEsh}M>xA5^Xb;S=NJPgaz$#ZSr|9PGAN$vrR4iwQ#|&P
zMSudy2?Fxsh?ie~KGGFeeX5ErDd=XrDW^*vwXxu0D1VXq5l>+wwd}C)FdcHv8^Ize
z*SnmxTqlgwQVNo5yhKg)9wj9wS$$og|DBUuOj>#`>+EH}R5!xYv-#pdB>HTmG<9I*
zwa~caeEeXpev15Nd!g7je0fes;^Sw%g7ID>Plo$lhrJbU4hfI<2|PT7@!I-)q3?ak
z&dN5h?|0tvEs*Eok3vrGE^glgUqZ)5@LZcV;0T=$zILsfyUa1aKOnaDp4uzBV7tip
zh(T>`IQt`60&4DHZH!Im<*6MmlG40))pSF+byd%{pohZ5x@2GfbnSQ0dVAA+pZN><
zbn^V*#_?MI?(yi;TT9=+3Z1k|?{`i53A-~@3&T1E}?7Y*+pTkrw6eT98rBm))Q#8z3Ro&ywD0S24p)P}bBUg)sFi>(=ICLwU|}A6mTHSXr7u
zBCl5c#@BW>*W;uo@e7k-mkRyB^w=jB
zKSGpZfXdu9Qqvw|Z40=RuePKr6Msj0p;u)yd{z2i>z)GN5@vSawcT5^J=pm=+a)D9
zLDM1Bs|fC7)rszP3VQt@XX%|@jAsXFl?#7-8b$mVGqml9RnQZ+6{-;%O&IBa@V@a)
zf5C6VB0X+JFWPh+*qqp~*7-5IzH+ru5QC3l(H0jp4o#JG{ic0o4kF1Hl&$|@smf`L
za*^3Taa!Hz-eYO?OqentmtiIWonY=6zvvPxk!DoxypY2Ax@NGDkEqV%laVo0F|V&W
zlHcmZqHGLYmN?g*+732hX`MGU(F}RZSNG1g>vpB#5d82rpV4&FcREMlak*u$!cS`y
zOa+&PNOZw5VgqtES2#ALa3cc;$}S$zA3FVtQI2H#YIf7}dTFb2A%T02P;3%omMLc0
zvG|f1DeEpgi$C?vQRvNvrg!(lugMN-^lLtGiA}EN{CcRWpyUOVh@-!i|Mbh4*D)+37w2{9nw!4CQVou3FUT3XnZA~LxlCTQA-x(
z)rBj!&N};FS{v?Uy_z_rAh>#GSfOiSC3Yy>=$M+$Cwhj@~KG=}a{+FD7;P-a)w`Lngr
zhTlt_&Y)b&TKp#CDqW3PSS_e-LfwIu7*pYwxgQq2YGQ^~d-!Jbt4jo}6>-;(`p?DZ
z=iiA}y%c!d%)~;~Rv#bZU)!bUIMEV&lyZX
z$y}Rxhu(wA40v{+9qYJuXH0DnxHjwji>{mZ&L_+QFMd45*t5w{GOAc*XxZ)beEyBt
z`9(!+^2T+%EaXsi4=|=P=z;K?EUL-UN}}kOc}b=T&(e`n7yd^YCnFCnW%nJl6Rqsf
z-;|rsEO1;lmIa}viBcOlX&}&3H7?);a1F#$fcqSGDP2jNG+-&ExZO7o8Twcf>iVcf
z<~bnjUi1mALXP$7rw?z(P6Zj9SLt*koJ&EsOs@2_xz=T@Ab%*}2!~2oYB~?o97wd0?$A*%xk?gJLmEXSbM%mPD2Z{;_
zC3&lT3nz{51vvU25=p1%pl?XwB)RTo8$
zax&R4ZJ$1H(f{d)A#cbHA&!a^Pg0(Y+{qU=f{uFg#;k^2fxTIB
zn(zz()LPok<@j(1)Yn@d@?xyf^V?daF%%lGm=9su
z<<4U;De?NxoxyanS-Gr98`z=2ZJo_zMaSNv7puS9`AC|(pyK7dOydIn~NTRd;*k>-DUU)15a;PrtGv(DFXvu%#hShSi4b
z%!=s2-pt*4g@qm7Jf59}M>>fa0KkD@qKb-vmWs+ByDr*ZEA>h&MzdLwuf@hVN6qrk
zB4{Ee6K%nM{HXO)X0<#6r(n}ly5if{1%X=O5f8>J-B$3WAIByh72YTWF$P{kqEW&%
znqj*-%n+O$a;dG>Kf2cYT2CJA&BDopCS4N0hgIF{DhdxWJ9Oqg8@5xkvv0;I|Eyfw
zTTDPeeZ;ERGUe*+k~kTjF^({YB$D}a-si?CiQT>#$R_PLNCHA`25vI*;6GfW^NxO{~_ZFfxhZ
zn1n-P3{`lJn}@zGh{b{RHr?5F?@wNc)e$t~iR5F+Qx2Z`_S^25ccncR_fC(wC1{Cz
zc;^HIU9DmnX?V1)Vnpu1)~m*Z{&h3n#?L}?Un;mTbbggV5%U#-%LnetHa6Z7=ZO>e
zPGkn!J$f^;5~?LR3e!K+T+CH
z$evUT7)I(hUf@6P7
zz>shh;xCXX!Gl7p#63xT_DhY*`l%dA5JJ(FM{2^Bbwch
zF1#a_*?@6bgxwM8N+S
zJB4gd^~QP-lpJW8(z2ly(0(?c^ZQZ?|2-CON5Y;?FxuRP(VR$_z$MUd1R5?wbBKn)
zz|fxwL-%I&9~sL*|Bohe`+#4T0h-;9Hrnz+TdkmfE>}M_+mrFX`1v^&|3wcp>VKX5
zBYpps>tDJ4kplk+{BL#rE7w0#;2(kit*-w!xtRYt@DNC}U642JID<(vlcF7k7;rio
zs({_S@BR9RcW5n4ZkiSp0Dy&K?>YcTPCY?uJWSQnQ#<^Dk?t7l(JN;Pxd8xrNi9_+
z6Wad?DI;WK0$*FhjLXQ2nsWc3=7D~$ey{TbQ9$_f@$1?Qy*vVfy|#$UCnor95v`7z
zx}n@J(k`=C9SsX-IHLc1%^|vjd}Ei*4>I(#_PY-Dmnwaw)Aj3K#hs|W?>S>(EYtm!
zvK_EFAGkS{I#UEVbCX?}@t0dP+z1^$HGSO0FfpNgiklPM5l0_!j^)YOvQ7JVFtpM(
z!v9TjqFgP|_>S?t3F*K
zB|~i(5_!%4>(Y~sh{#TptM?yt7K&;!ZEO?^oQ^JQj);lxUjO95Qc-11I>O3o!1zqw
z-eShz)XejgjE2Ubg}ku+-Lz_HSyEJVSz$zKq{)?-j&Y#Qi^i#`L$&QfEn?FCXL56e
z1`V}Wp@V~i_o`)@ZySY&^j9Qt<%yW_#ZQd0#o3WA88a&jGv9PW6F
z!TB~r)(dO(T=E9)#*AF#jp9{@)bqBf2UP#F2
z1+wa$=9f5T{ld@_7^0%IFz3>;?W^wrNs^HFeRxdvV@K>6g&Igf?xX=Ia^&!hD*gP
zwN3V}6}F>v%;asTLH*s)QKr!kHK=H)wPEDBYSYiwE;2K!y?Chdoi+#L+o{#xTtzvP
zRTlD~GO7N~g}m=2QhNAsD)<}Y?p)$i=1dTNLuMDv@zM
zFcD*++{+>goJl7QB)YN2e&#>tV7p!6N6{`V9Z2eTam@i+lZ_KrAJy8YxnaEZ%27Gy
zv3G=0Aur)ONT@}!z-4m&8#lqLNmVz$hvW2x4{@`XS~Vjz}Qno>CYM=ZuJKKA+(MmfBFJa
zz#a8BQd{r*TiljbUh*2yOJ|zswOtU3(iu4Y4VY}d6=Im2nn2`G73cHFgjn{s+o
z`dxJWC5M~yi}C|eWxvg)wq*d-S6eDan!appt_!>yl$u!`?-oC_&aY{;%RMDsnLEFt
zQT$tCLX=dncGFsDRqkYMy3V)H0UdR$&k;aJc^QD!ZTbtkLi8tyi3n?MjCYCd&&~Mj20te0e|lioRyt3g$$8Ug|KYpB
aH{PZ48t=m}mrUA<3eZy1S1neyz5YMDmCc+0
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-backdrop.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-backdrop.svg
new file mode 100644
index 0000000..1503e5b
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-backdrop.svg
@@ -0,0 +1,60 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-active.svg
new file mode 100644
index 0000000..42a685b
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-active.svg
@@ -0,0 +1,55 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg
new file mode 100644
index 0000000..7d8b9ce
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-backdrop-active.svg
@@ -0,0 +1,60 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-backdrop.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-backdrop.svg
new file mode 100644
index 0000000..8b6ff1a
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-backdrop.svg
@@ -0,0 +1,60 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-hover.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-hover.svg
new file mode 100644
index 0000000..88d0c99
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close-hover.svg
@@ -0,0 +1,39 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close.svg
new file mode 100644
index 0000000..05fb26a
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-close.svg
@@ -0,0 +1,48 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-active.svg
new file mode 100644
index 0000000..9b1cd47
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-active.svg
@@ -0,0 +1,45 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg
new file mode 100644
index 0000000..eb897be
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop-active.svg
@@ -0,0 +1,60 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg
new file mode 100644
index 0000000..9344d63
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-backdrop.svg
@@ -0,0 +1,60 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-hover.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-hover.svg
new file mode 100644
index 0000000..dabf34f
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize-hover.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize.svg
new file mode 100644
index 0000000..f9492a9
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-maximize.svg
@@ -0,0 +1,48 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-active.svg
new file mode 100644
index 0000000..fecc00e
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-active.svg
@@ -0,0 +1,72 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg
new file mode 120000
index 0000000..6c570ef
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop-active.svg
@@ -0,0 +1 @@
+titlebutton-menu-active.svg
\ No newline at end of file
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg
new file mode 120000
index 0000000..74c19df
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-backdrop.svg
@@ -0,0 +1 @@
+titlebutton-menu-hover.svg
\ No newline at end of file
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-hover.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-hover.svg
new file mode 100644
index 0000000..367c813
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu-hover.svg
@@ -0,0 +1,72 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu.svg
new file mode 120000
index 0000000..2a679ce
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-menu.svg
@@ -0,0 +1 @@
+titlebutton-backdrop.svg
\ No newline at end of file
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-active.svg
new file mode 100644
index 0000000..b66bbe7
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-active.svg
@@ -0,0 +1,51 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg
new file mode 100644
index 0000000..abb8ef5
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop-active.svg
@@ -0,0 +1,60 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg
new file mode 100644
index 0000000..963c63c
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-backdrop.svg
@@ -0,0 +1,60 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-hover.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-hover.svg
new file mode 100644
index 0000000..4ab8768
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize-hover.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize.svg
new file mode 100644
index 0000000..8f580ef
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-minimize.svg
@@ -0,0 +1,48 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-active.svg
new file mode 100644
index 0000000..de7db7b
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-active.svg
@@ -0,0 +1,67 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg
new file mode 100644
index 0000000..c729f8a
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop-active.svg
@@ -0,0 +1,63 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg
new file mode 100644
index 0000000..37c75bf
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-backdrop.svg
@@ -0,0 +1,63 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-hover.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-hover.svg
new file mode 100644
index 0000000..f7e3000
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade-hover.svg
@@ -0,0 +1,67 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade.svg
new file mode 100644
index 0000000..55a8d1d
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-shade.svg
@@ -0,0 +1,60 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg
new file mode 100644
index 0000000..a51f6f0
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-active.svg
@@ -0,0 +1,45 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg
new file mode 100644
index 0000000..7660ea9
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop-active.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg
new file mode 100644
index 0000000..b0e9c14
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-backdrop.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg
new file mode 100644
index 0000000..65971d4
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unmaximize-hover.svg
@@ -0,0 +1,40 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-active.svg
new file mode 100644
index 0000000..1a12ad0
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-active.svg
@@ -0,0 +1,68 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg
new file mode 100644
index 0000000..7c850a3
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop-active.svg
@@ -0,0 +1,63 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg
new file mode 100644
index 0000000..057444e
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-backdrop.svg
@@ -0,0 +1,63 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-hover.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-hover.svg
new file mode 100644
index 0000000..c0207d2
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade-hover.svg
@@ -0,0 +1,67 @@
+
+
diff --git a/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade.svg b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade.svg
new file mode 120000
index 0000000..58a2bbf
--- /dev/null
+++ b/RosePine-Main-BL/metacity-1/titlebuttons/titlebutton-unshade.svg
@@ -0,0 +1 @@
+titlebutton-shade.svg
\ No newline at end of file
diff --git a/RosePine-Main-BL/xfwm4/bottom-active.png b/RosePine-Main-BL/xfwm4/bottom-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..883c54a35ea2e6164fb7a6bb2cb1a6c0c4c20d81
GIT binary patch
literal 138
zcmeAS@N?(olHy`uVBq!ia0vp^0zk~f!3HD)-^P3dQk(@Ik;M!Qe1}1p@p%4<6riAF
ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0xGo-U3d95a)rOuzd3yaQvx
eA{S$3AYj=1lQFlZv*a0234^DrpUXO@geCwpHz!g6
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/bottom-inactive.png b/RosePine-Main-BL/xfwm4/bottom-inactive.png
new file mode 100644
index 0000000000000000000000000000000000000000..883c54a35ea2e6164fb7a6bb2cb1a6c0c4c20d81
GIT binary patch
literal 138
zcmeAS@N?(olHy`uVBq!ia0vp^0zk~f!3HD)-^P3dQk(@Ik;M!Qe1}1p@p%4<6riAF
ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0xGo-U3d95a)rOuzd3yaQvx
eA{S$3AYj=1lQFlZv*a0234^DrpUXO@geCwpHz!g6
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/bottom-left-active.png b/RosePine-Main-BL/xfwm4/bottom-left-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b918e36629c8d659bb5fc0835b8f0d9ccb4090d
GIT binary patch
literal 154
zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4aTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Troxx;TbNOii9L{p#=Y2M!!a
w$XRvhL<76Q!^twCCpfs>o79B3G9(xn*5@$)Z%|jh0o20a>FVdQ&MBb@07mI9@&Et;
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/bottom-left-inactive.png b/RosePine-Main-BL/xfwm4/bottom-left-inactive.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b918e36629c8d659bb5fc0835b8f0d9ccb4090d
GIT binary patch
literal 154
zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4aTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0Troxx;TbNOii9L{p#=Y2M!!a
w$XRvhL<76Q!^twCCpfs>o79B3G9(xn*5@$)Z%|jh0o20a>FVdQ&MBb@07mI9@&Et;
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/bottom-right-active.png b/RosePine-Main-BL/xfwm4/bottom-right-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..604c39143ac2428be1aca87180f146b00ce09162
GIT binary patch
literal 157
zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4aTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TpR^x;TbNOikwD;z~Nees12r
y&+{9BfOEZ;ih+@+(W%p~{w|-@d2E?h4}+vQThY;^zY~DE7(8A5T-G@yGywpb=P;%K
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/bottom-right-inactive.png b/RosePine-Main-BL/xfwm4/bottom-right-inactive.png
new file mode 100644
index 0000000000000000000000000000000000000000..604c39143ac2428be1aca87180f146b00ce09162
GIT binary patch
literal 157
zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4aTa()7BevL9R^{>lpinR(g8$%zH2dih1^v)|cB0TpR^x;TbNOikwD;z~Nees12r
y&+{9BfOEZ;ih+@+(W%p~{w|-@d2E?h4}+vQThY;^zY~DE7(8A5T-G@yGywpb=P;%K
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/close-active.png b/RosePine-Main-BL/xfwm4/close-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..6081404102e76ae5df8dc83920700ade59b12788
GIT binary patch
literal 494
zcmV>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10eeYA
zK~z|U?bcCF!Y~*I@c-6=ga(HRoAF`s#aFxn35QUQq9>56;2o4Zh&R}iRFef^LDo_q
zWQokge5;G>VgJ{)&2L@zeRa;mOM?o;Jv1N--)xdY8vs;jM`}nuH6))Jl22tI+;*aH
zUGzl@y(Wh-z+0;Dl&q2H?f*bL&M@*l47?7wv;RyPU>Ywmkuerp7h2ajJG~$`z3`}k
z+b}?{@w;E93gc*w=p!XV$Y;dkjD!FHzrk@61~_J{e8|Z6NQm#4E5BPVM7S;nUWdGB
zmSI<*&1mmR8r2uA9|w~X?l|a+R(X)1Y5kWYAbw5~*yxk%^4S+YA6Q)wq{2c{~}i&>G`tPQu7k<1Tu^
zdw~X6sMi2Mhq<`+PcZBXaA&``C}Z%rYkEZxR*)=hwz~%KuR8In6lN>?Yk)PR>{RB4
kRzvcsA^Fshd@2L^1X6f==v0#fRsaA107*qoM6N<$f?o8}X#fBK
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/close-inactive.png b/RosePine-Main-BL/xfwm4/close-inactive.png
new file mode 100644
index 0000000000000000000000000000000000000000..6a90d348111705cf0923dff77e181052c39ac08f
GIT binary patch
literal 475
zcmV<10VMv3P)>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10cc4?
zK~z|U?bc6kf-oG$@uz=42oPikriW!7cHaAcH`|f1M46&8Xz5NaT9@UAW6FW=6-qwP
zrj$KCJR1xkerv!XS=YN;8vqRGi;NJv5n?w&>;?momk#7yz@LN=jtdwAts3kIP
z5h3KSh~uPik){g>PJd4_WE#&%h-1t&p7jgiTp$b*@)GNf4##iy=xk{XzCsNq)1_463T^57M?8<#yGXu`ZY7EuXwb
ziXwy3^eIxRK~ZGn`^ga9D&+Yq38PelxA&J$KR`CWf9f>(oC_rJ98r`2u=f^&&1Q+!
zN7nf-+!=BV^1R@C+gG|qRc)_#3^>%b8oS;4(&1+f=7csv>_&*)2(cRsT`dU$46
RTdDv6002ovPDHLkV1m6M#v%X!
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/close-prelight.png b/RosePine-Main-BL/xfwm4/close-prelight.png
new file mode 100644
index 0000000000000000000000000000000000000000..d783b650d3c116e648d836e0c5287f0e21420fca
GIT binary patch
literal 456
zcmV;(0XP1MP)>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10aZyv
zK~z|U?bfkQ!!QuW@&6@GE71;R=m@+4@BcI%x*$=BR;Ue%9s5{XC;_2!C~Ag$Yn9lH;`-iLAk3Xm6#_s=%04Pd`<)os
z5GTTNTC#8@B44km!Y(8>zNO6sWkIHeaDP)#bp^+W!0n`9URA8?K$GkkbB#Fp9dVxO
zIMx})WfqV>_~SlO;KfH)b(3|@K#$WmDm*nU&ptA9^3f-PDu-6h
yHSuT2CrEh>m+LQs`9m8a-HecKMo2e>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10f|XO
zK~z|U?bc0B!ax)U@P9i4K|az6+8P(&#+|_<5EJj<$5HeEcohv-ASRvx;{k95lV}Z4
zk+=CNsJuC-Zmf!UoL}f8vx{JMG8nd1tgsUl1^?Q
zeAC7Tv(c&Tz%4NVfDAQ;^AAjQ^gj^68LnJ`u2ToI)}QGZczmDXPWtebHhQmhuzy4z
zdhJRXH!TlM&VH
z!tKkLgqeg2z0ufc02<92U^R8mU4b)E2e;M_7Zt}C_%rmSZ#;#KAxWyt#&NX*@B11s
y4mF;G1$j?o2FW_PxuF%1bP7m11tgu^K)wJ%%X-!ba#KbC0000>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10j^0z
zK~z|U?bg3915p6L@$c#7T0&2i`VoSpVUP$S5vxRq!5<+c5;K1Tc8i~XgBUPaNe3(p
z2uX)h(NjO$bI#SGgBy6)T)5%B>%I5#xtEuFC$+Y87w|x3{|zW68%FNG4SlV#P~`9LVVD-1`)M|Ila3H2L5h_J1N6pKn!dghH=54T>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10dz@3
zK~z|U?bc6EgD@Bd@TY&6Aj~lmWgd*0c=r2$8h4brWMjfMWTo|Brmhma_mhYp&3K#L`e{(%Ek~??b?HEiyT0c9^0TOvi2ZaSIDwuZN_W9
zfY!P_2mmZs&rpiC&A`XolcouIJ{h8Qh1q;c!YEZ@Hh-%10J7`&q1MmmTp$c5xCkNu
zhj)vCL6$F&rb+ErxHjYq#NoO_NU?7NN)&H7`Apbp+>dCjvDvJemj6g+I>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10eVS9
zK~z|U?UzkYgFq05-(`0p7%+vHKut_d>e>JQV{B4SwTI#d)RvEBJycBH8Z!{I9C)tm
zY@VGNmVwP~?llI0b#8$MQ55gzb^tJ-jEo{Cqln2UVlo&J(K%39@O=l4Je(yjYouw8
zs;d7-L`VzQk&j^Fg0b(&284l&OV7c>V}kvz
zBJWM^5h?hu62}N>VSXDx3VI8YS59M(B+(!RM;v+mig3;lOkDD&4PkHr&S~001_P?pjr!bA~wb
zaTU5?#^s{5#wIy@^x8;t68RFc7(CB`ZGVmdg~B!~pz3Zvj-BTbRcpMy?YoAbFqjE#
j6fqe^Ohyrt!H9eSTz`3H%YR1z00000NkvXXu0mjfh3U|z
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/hide-pressed.png b/RosePine-Main-BL/xfwm4/hide-pressed.png
new file mode 100644
index 0000000000000000000000000000000000000000..a34e39bcf17eed52c33f9b66f96859045c824d38
GIT binary patch
literal 533
zcmV+w0_y#VP)>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10isDn
zK~z|U?bc6D!ay8`;jd6C3ZbCL9}^=B(1pf@sPP5_jJL2ikW+92kyBtqZy-_P1{VfR
zWCO%#1!4iA6c^ZqHPK(OkuLgfJJURwOlQihEN_lrf^5?UsImQiXW9k;CRz~-qRoP6
zvmn|`17Rnf$h#caUGpL|?*stU#U8HinrKOb|AF{D9EAM{67c}+Hs;H-p)$h7^%IWI
z9`Vxd>v}H}4o1nBUUbQYjIaSe&;2;=xz)!}wv30GM23*}$byF>AppS7bI1tm@VOnv
zLxfa>giu@LXCR~^#zH)EEE4em`K4;fogmz^v~5U&#A9BtcINkinpiu7?NzUF5cLzC
zq>zs`mjoI8;b&4IP9{O>Vs~OlLwq+5QmV8d5A`q0Kvqzyyc!32>&iGSHgrSsmkmh0
zp>YrZI4M+7CoVHEzI$@#Rq}W;q$LfI&X!RZdn80Udy95QCPQ@HHNg0AJ4{A!uowDv
zwhUwi`C>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10gFjQ
zK~z|U?bcmO!cZ6o@V`sf(Mif6QbxpZ-KO>lhTo#Tpx;9D1LVuK1G~^(h-`y7Pg`zX
zgj5USnH_Q$``_+74?hkMdrt1`^ddqEBJCTnP2TsteH#Fz=teR~JQ*aO3=&UjAo*Pj
zWmZ64SD{oGA^@JlaW`8c;KBbum?EQP8fY{%NC&xZ-@;7ukOZmg>W{%BHJ5Uz>8dzLxmrw&_^d67gZ$+!8AY^e62!H4f5o{r
z7YDhYy&&8qzn3tK@Ob+y4ifMH)_9Q^G9Aw0^EYu20GRYGteiC&;o2ONfki$~hH%eE
zuR9`PT$`iUy}_$TUx0~r4FDXL3TT<&2-D#llYx~8u@ht)ndMQ_RVbB@
zf6U5R<6*WW&xA0D=%nU_mO>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10cc4?
zK~z|U?bc6kf-oG$@uz=42oPikriW!7cHaAcH`|f1M46&8Xz5NaT9@UAW6FW=6-qwP
zrj$KCJR1xkerv!XS=YN;8vqRGi;NJv5n?w&>;?momk#7yz@LN=jtdwAts3kIP
z5h3KSh~uPik){g>PJd4_WE#&%h-1t&p7jgiTp$b*@)GNf4##iy=xk{XzCsNq)1_463T^57M?8<#yGXu`ZY7EuXwb
ziXwy3^eIxRK~ZGn`^ga9D&+Yq38PelxA&J$KR`CWf9f>(oC_rJ98r`2u=f^&&1Q+!
zN7nf-+!=BV^1R@C+gG|qRc)_#3^>%b8oS;4(&1+f=7csv>_&*)2(cRsT`dU$46
RTdDv6002ovPDHLkV1m6M#v%X!
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/maximize-prelight.png b/RosePine-Main-BL/xfwm4/maximize-prelight.png
new file mode 100644
index 0000000000000000000000000000000000000000..98452d056c77d9325f7c032aa5b8cc47dbf85f9b
GIT binary patch
literal 444
zcmV;t0Ym>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10ZBk~3wlkO#A6nvq74^~qd>FB+1i#q`7&d9
zetHQEAnw+HbJD6h+}Z#PXh%j!J0ql>5z@|JAZgcyB0`pfO9cRJ0`(DscIz0?5a(d_
z;F!!EBG+RfK(!AP8;|NALXu3ldvv%&z8x2V=|ae63EP$8Yy0k)?}&5!inyAae1Icv
zpn2--!G^fRp(|X@aQl
zPSK`ENL`+aRhKkJTV=ByjRvZHyrkT#xx$*?WU=v4N2DH#wY|=pA*!%lsR^SVwy&NL
z(Ql%vl&=HprKjBej45}4^|HY?aYq^5eS^Z`%~Nhp#p?1K&>TZ_*X;~BM-{3f&{vfi
m%nxmZv@=5586oWq2J#Lt&2;x_5v3FW0000>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10gXvS
zK~z|U?bgdq!ax)T;J+2>Knaj86he$a>z0d8fV>4SC~raF0Yti{2`<1(j95%5V=Ju-
zgT|VeQ=CW_{kNTS@?~<;Gt%)9L&scj1t
zmPWa%K`k%@0GtKK?PLy*d;bGrs)9yK$7#I+c~AQG&0hyFM>80G6Wnnl^_9wpI(g|8
z4{~UC&Y|YnujiI89KFjStVf#+AYH
zrEyZLkehCzH!DyWZ460}a#i~=n55>igi=)#2gwyPkr7|DS#glRyd{HxR!xG~*7mPB
z+v4INcavxM>*)95`vD$qp2R^s?!g?*B16W*DO~<04gvs1-^6mUA|q^z!x)(4^JEBj
zT=crvB#dow^txAgb?6H)(yjr3{cIYI)*19>1+pAkdVYZMa0+8!MnY@_*+gL}l&Tuk
z!pA>mxme+TGAGZ3Fo@{H=7p9(!bu?EB#>}o19=Ca;eFubv-CFr0000>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10h38Y
zK~z|U?bgdq!ax)T;J>w$p(TiyNDz&Jbqm4^DEbt0q9}a%=DvBj?hbL))_!?VjT)2;`SG0fLeXk=U_6=35au^RRGA3@07{17xKRU9Wd4w9U1LJ{Q8NUUBaJUa
zCJB_v1?HxHv}yqflHdo)7gr%J3BMl1--A;k`>3M9`Oc2wU
ze~U8>$`5kie}?OZzZci_@OV4o2XUwa{c;!@((4Rh(^q~F0O+=LOvY1YglSN8&voYW
z%n)kXXq|SL{<&#ToHZ{nv)Bh>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10c}Y{
zK~z|U?bc6kf-oG$@uz=42oNPpP!G$tWaqvAcQcR55=BKN(9#_i7p+_J!!hN+_X;#0
zXj96b9^VW)5WhFzm@Lcvy$t|5^hJ7zT@SJAA$FaC$ZH?uT)_82Na+Fqlqzv3a@4iH
z4MYfu(Qtw=h`|^;yJn0*zFQ(&FQB#hKZxsi7$+|f!ujz!V+>LF0N;<0rZbdPK^~jD
zMud<^lILF$r%B;{-OK6kNruG338Zkz154pzG@7&v;angHV)CHJqA&*MqCJQ|2rm{U
zEe6jE+Ji`kJ|%XJ9JB}dOUBSnq9lk?<<$_StM(v=A}7Duc?Lz1w+E?fjeNIi%-G~h
z@|I6tBUv_w()1}(szR2{$@h~Xx>iWj8406Qg~i8vqaPrfj$a#1KIa1QaEd630oZ$s
z!FIdEYCUiK7j6tW1$kcZz3nSqq9}H^I|dx9YmNPWbM507b>@WDL+pBpT@SJA4CE8m
WzIb>9VkIj80000>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10Y^zh
zK~z|U?Uv0>!!Qtp$Lpj?P+BhKh
zf#RdZvkc-Irr7CaK@=%$p8P*pUMi5VOmr;G0Tno-lT2190?{5V`E^0EAjmy7ClLsn
za1<7PVG+pK0XC3j>K6pDY%#R{+1)i(9Qoouc|NgMi`dLjFO?XC8K{pk7&aF5k-g@P
zS4x@DqBStAqEE*}%Y3DYKdl
kErPg;Ag&^atJQ#f1D@Y^`KaC%ivR!s07*qoM6N<$f<524N&o-=
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/maximize-toggled-pressed.png b/RosePine-Main-BL/xfwm4/maximize-toggled-pressed.png
new file mode 100644
index 0000000000000000000000000000000000000000..a7e56c79cff2dae2cb834a4a0d496d46d7708762
GIT binary patch
literal 523
zcmV+m0`&cfP)>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10hmcd
zK~z|U?bgdq!ax)T;J@Y47HEX9kcJoq!5zf<1cEQ2FNjYekq5AW#FZdwLLzKhOq*Vz
zbwRqI3z;^JbkTp?IVWG|k{Rm!tm`2Gp^pvlleKOA*aiRznvoO|ObQ7mg#?orNH%IA
zTg*dfR#7T*002$V@jaJe>h}LYIG%ynYopl_K+)9RH_!DjfBnXI_y%1K2cm@27V)K5
zsqwhGzX8WHe~vR$3r~*{l$A;hA>Jcgi6KG&yIJc$h~SEc$A*T8{WcN8Pl0D~-Mfqz
zl4rAMbOhq2ewy7n@@y_Xh|s8l4s1-K<{1jLMkPLoe?+6CR4&8^@x17-Nzz&(i1uSd
zhG+^|EfHk-A;WdU&x*TsvHXbZGCvnRmH$?Ai**mVo0dF1^^f?hwg0)S7IG>X8%9jt&6F&!1#Fv+az0(
z$Phm{CWG2V6~z-4z-}p4UosqP8>L-zNZd)x3oV5NlR|>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10zyed
zK~z|U?UqeQlVKddf7`@qshNV?!0nX`q6QgK(_-_`$D$6ESYXhpFU%Mi5k(PrNpKd@
z7evx2x`-W;K2Q(cf=yjrYKts4=UOYas9?C|W`|9|m!KYPDDnQT{||or-~anOk4iFb
zoM9QDUTT3^@{-B;Qab?4Xd;S;97RNqA|gi-k+WzKwOWN*ty;85-a?8B3i3I0a69&0
zTQFAY0GJ3y7#wob_wYGWQ%T{TDuZsV(Cuq5lylYTz+|idAf3*X&rT&U5#ikVTZF^W
z+=*zl`P{pE0ZGym3VosbMlT~HUI1!q*KxX~k?QJ7{DCmXPj-?>{QYEvcBJt@1CpfY
z{f7`oPjujNy(XQWA(cuqJnW^_agA^|N|j__|30foYcY|XJ2nH*)ANXUJVAqP6Oa45
zc+%g6&00e|p5W%~zInMh5s^%K06eeW0dS_RnUdlal$5OGY+Ew`qaGgsRgxihBD0IB
z(PYY|r+?1HlGCY7L$zjJZcaqT$3ppiWc@2)%COj|SGBWDp@R9bpcxh=7t*4r@xh^3QO>t3K`yaEijEzlFUuVW-(qXq-
zh<*J*EcTtkLM=9H4eghYp{rPp*XO7Edauyu5kAn$%U02GrG*XarQgQicmrI#bcbl{
zn@C%65y&j--aXscZMRS*W&R|8;1dIbZk|4SK`NCNZMiU!T=4%q1O63?h#W;kjv^vQ
b5s~u?{^GR|B=vX300000NkvXXu0mjfvC%w;
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/menu-inactive.png b/RosePine-Main-BL/xfwm4/menu-inactive.png
new file mode 100644
index 0000000000000000000000000000000000000000..401cb189a4cdb87e947b184fe5ac1ab34058a7e6
GIT binary patch
literal 566
zcmV-60?GY}P)>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10mDf|
zK~z|U?Uv1Mn?Mvs4}Sw>AhvNW+p()QRU2j1_kWTusz}`=cB9tBEd~?tkS@TH!lKex
zvg`#%V#7t~Xzs_o7$4q$ec=o+Pc5*=E{be-Y6$?lxlYd6w5Ahj(}}d{MA~#BZ4R8O
z2A4sElzkk>1E4H((sa$=O$_MoQEd^+vKf!A5yF3S-*qLfD+z*#$6r5CN^gZ}i5M7+
zN1qVFL#dMZX~{NE0PwwlL2rT(KI73fi=TJsoQzgRf^hgM@v!_(nyslSMO7)%><^2_
zJJha32%pO!(s{L}i0lIp#|x@T;d>$T*)8+gExsR8Rf>4M1mHprjwj;SbuhQjbvxb-
z=h&9OwgkgyR@a(Vi6+EH5yALhXK*{UsTF0e
zC8G7!q-l&RW(@ih@_a+KO~@X;z1B_BA{t!P&t_{a5v>zRl9-~%acq~X=@;Zh57RI)
zO%v(&m`!i6EQg}V*(5715o0?3tkqP@a+r)h;>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10trb(
zK~z|U?UheRlVKdkKWndt{@L8%b<5WV{n1cySW~M!?9|PjCd7m=B$4I2xfPr5-g1JxHV>}_y?EFoyt&~0Tz|jk$A{<7_i+VV
zyQ|azdv;skH`4lgr7m_v0$jT-0d;gVj))aU#EK(g#SyV0?PQT#Y9JiBMEBVU&4(2L
z3OSW@D#=Xp0~;HL@Jv^r`MA(u)97j9*6=<2N^skHUd<36e~PZH*eBwa8W-
z)`}$Fy<*|>EC5H_yXcSJz$XXDs~N^)4~2Hdeei(yQLWAAE?nmH`HPgbA}^lYC%3eS
zVHg;O!S_OrbSg_kZ9TRsbz7ZYIW
z%>=r(g07XAdi@fB6CEM5cUct@5z3KtY8oYYjQ;2Vi}Q2LfBH!5!JR+#z5Dia<=Ws@
zZ&FA^=+!K%Upd)z205S*>Wxq?mC&^!k|fdI*~9hQBQ*JB@@j_nZzrf$f7L9qgFy3c
z1=^8q>t>+E(6y4tSaA`sM0`st0EO%lvolFj)Bh;q?c)D@zINh>SaC$GI3iXY5i6Tr
WkE?ef)|BZ00000>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10uo6?
zK~z|U?UqkSlVKRZf9?-aTMako7<0C^HMWb5YRik17aer5W6>WET>`r(c2FdOt$us8T}!S}m9&-?J>eV_Mv-@5Jo
zmJ&69X`=;xU?~<0Ya1;AV4+5Kr6wf65cw5DM2jJ!#SqbA`I|*1vz2I~lW@EpXJaz}
zON(!rotfa}^f+tZz6#f@^LoNUukRLzi`20JT;AYs<4RUy{Kh#7IYmDali5nwsf)P0
zLDam=)YuRUna2S5LMWaA^bd2me;9vc53666nHn4VDOVSf
z`t`j2wylBG@d2FP
z9e#HY*h!#Uc
fiy@-L5Yh4-v}>k@7HM2y00000NkvXXu0mjf%g!Bc
literal 0
HcmV?d00001
diff --git a/RosePine-Main-BL/xfwm4/right-active.png b/RosePine-Main-BL/xfwm4/right-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..b65191ae161e8f631814fdc4a5bf75546975147b
GIT binary patch
literal 138
zcmeAS@N?(olHy`uVBq!ia0vp^Oh7Ea!3HF4R;=3sq&N#aB8wRq_zr_G>lXf00009a7bBm000id
z000id0mpBsWB>pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10rg2l
zK~z|U?bgpr6k#04@%OCT3Z}b|qOMxIvqc6$hg|KDA+}qmGOfQL2-&obwGdtl{BZ~>
z%K{G_gHX~ADqSL%uniA&(2bnc$kk{CK`WnC^sv)qbiqd$oWp#s-_Ja}7@lXIQGAC_
zZDN5q_8ag&P9gs6w*j!w8?hnA*brlEh%q+A7|TGMdwD27-^JCI1}=tc@%hRDn4Mi<
zWNdVfa1zIx2^&9tz#l9d!1|c%U
zK7OU`Ru2n{X^sXexzbcGv$Px}91a5T?D-(8tN*smS62S=_{r;RH&kaH#P7@Qi^<7E
z&QAREl-?~j53;H6CWk}G*-;cl@5=pwN