From 5489228c10e9deef92bfe82468de8eb9b5151c78 Mon Sep 17 00:00:00 2001 From: OCbwoy3 Date: Wed, 12 Mar 2025 16:58:04 +0200 Subject: [PATCH] add a bunch of configs --- README.md | 38 +- config/dotfile_deps/DotfilesFont.otf | Bin 0 -> 6244 bytes config/dunst/dunstrc | 155 + config/fastfetch/config.jsonc | 36 + config/fastfetch/logo.png | Bin 0 -> 129287 bytes config/ghostty/config | 8 + config/gtk-3.0/bookmarks | 1 + config/gtk-3.0/settings.ini | 17 + config/hypr/config/autoexec.conf | 32 + config/hypr/config/display.conf | 100 + config/hypr/config/input.conf | 10 + config/hypr/config/input_configs/english.conf | 17 + config/hypr/config/input_configs/latvian.conf | 23 + config/hypr/config/keybindings/default.conf | 78 + config/hypr/config/keybindings/other.conf | 56 + config/hypr/config/variables.conf | 49 + config/hypr/hyprland.conf | 15 + config/hypr/hyprlock.conf | 30 + config/hypr/hyprpaper.conf | 2 + config/hypr/wallpaper.png | Bin 0 -> 9076 bytes .../qt5ct/colors/catppuccin-mocha-blue.conf | 4 + config/qt5ct/qt5ct.conf | 32 + config/qt5ct/style-colors.conf | 4 + .../cinnamon/assets/add-workspace-active.svg | 6 + .../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 | 3 + .../cinnamon/assets/checkbox-off.svg | 3 + .../cinnamon/assets/checkbox.svg | 3 + .../cinnamon/assets/close-active.svg | 10 + .../cinnamon/assets/close-hover.svg | 10 + .../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 | 10 + .../cinnamon/assets/toggle-on-dark.svg | 10 + .../cinnamon/assets/toggle-on.svg | 10 + .../cinnamon/assets/trash-icon.svg | 6 + .../cinnamon/cinnamon.css | 2343 +++++ .../cinnamon/thumbnail.png | 50 + .../assets/calendar-arrow-left.svg | 3 + .../assets/calendar-arrow-right.svg | 3 + .../gnome-shell/assets/calendar-today.svg | 178 + .../gnome-shell/assets/checkbox-dark.svg | 3 + .../assets/checkbox-off-active.svg | 3 + .../gnome-shell/assets/checkbox-off-hover.svg | 3 + .../gnome-shell/assets/checkbox-off.svg | 3 + .../gnome-shell/assets/checkbox.svg | 3 + .../gnome-shell/assets/dash-placeholder.svg | 4 + .../gnome-shell/assets/noise-texture.svg | 78 + .../gnome-shell/assets/process-working.svg | 72 + .../gnome-shell/assets/toggle-off.svg | 69 + .../gnome-shell/assets/toggle-on-dark.svg | 10 + .../gnome-shell/assets/toggle-on.svg | 10 + .../gnome-shell/gnome-shell.css | 4479 +++++++++ .../gnome-shell/pad-osd.css | 30 + .../assets/checkbox-checked-symbolic.svg | 43 + .../assets/checkbox-checked-symbolic@2.svg | 44 + .../assets/checkbox-mixed-symbolic.svg | 43 + .../assets/checkbox-mixed-symbolic@2.svg | 44 + .../gtk-3.0/assets/close-symbolic.svg | 38 + .../gtk-3.0/assets/close-symbolic@2.svg | 3 + .../gtk-3.0/assets/cursor-handle-symbolic.svg | 3 + .../gtk-3.0/assets/maximize-symbolic.svg | 38 + .../gtk-3.0/assets/maximize-symbolic@2.svg | 3 + .../gtk-3.0/assets/menu-radio-symbolic.svg | 3 + .../gtk-3.0/assets/menu-radio-symbolic@2.svg | 3 + .../gtk-3.0/assets/minimize-symbolic.svg | 43 + .../gtk-3.0/assets/minimize-symbolic@2.svg | 3 + .../gtk-3.0/assets/radio-checked-symbolic.svg | 42 + .../assets/radio-checked-symbolic@2.svg | 43 + .../gtk-3.0/assets/radio-mixed-symbolic.svg | 43 + .../gtk-3.0/assets/radio-mixed-symbolic@2.svg | 44 + .../scale-horz-marks-after-slider-dark.svg | 14 + .../scale-horz-marks-after-slider-dark@2.svg | 14 + ...-horz-marks-after-slider-disabled-dark.svg | 14 + ...orz-marks-after-slider-disabled-dark@2.svg | 14 + ...scale-horz-marks-after-slider-disabled.svg | 14 + ...ale-horz-marks-after-slider-disabled@2.svg | 14 + .../assets/scale-horz-marks-after-slider.svg | 14 + .../scale-horz-marks-after-slider@2.svg | 14 + .../scale-horz-marks-before-slider-dark.svg | 14 + .../scale-horz-marks-before-slider-dark@2.svg | 14 + ...horz-marks-before-slider-disabled-dark.svg | 14 + ...rz-marks-before-slider-disabled-dark@2.svg | 14 + ...cale-horz-marks-before-slider-disabled.svg | 14 + ...le-horz-marks-before-slider-disabled@2.svg | 14 + .../assets/scale-horz-marks-before-slider.svg | 14 + .../scale-horz-marks-before-slider@2.svg | 14 + .../scale-vert-marks-after-slider-dark.svg | 14 + .../scale-vert-marks-after-slider-dark@2.svg | 14 + ...-vert-marks-after-slider-disabled-dark.svg | 14 + ...ert-marks-after-slider-disabled-dark@2.svg | 14 + ...scale-vert-marks-after-slider-disabled.svg | 14 + ...ale-vert-marks-after-slider-disabled@2.svg | 14 + .../assets/scale-vert-marks-after-slider.svg | 14 + .../scale-vert-marks-after-slider@2.svg | 14 + .../scale-vert-marks-before-slider-dark.svg | 14 + .../scale-vert-marks-before-slider-dark@2.svg | 14 + ...vert-marks-before-slider-disabled-dark.svg | 14 + ...rt-marks-before-slider-disabled-dark@2.svg | 14 + ...cale-vert-marks-before-slider-disabled.svg | 14 + ...le-vert-marks-before-slider-disabled@2.svg | 14 + .../assets/scale-vert-marks-before-slider.svg | 14 + .../scale-vert-marks-before-slider@2.svg | 14 + .../selectionmode-checkbox-checked-dark.svg | 4 + .../selectionmode-checkbox-checked-dark@2.svg | 6 + .../assets/selectionmode-checkbox-checked.svg | 4 + .../selectionmode-checkbox-checked@2.svg | 6 + .../selectionmode-checkbox-unchecked-dark.svg | 3 + ...electionmode-checkbox-unchecked-dark@2.svg | 3 + .../selectionmode-checkbox-unchecked.svg | 3 + .../selectionmode-checkbox-unchecked@2.svg | 3 + .../small-checkbox-checked-symbolic.svg | 43 + .../small-checkbox-checked-symbolic@2.svg | 44 + .../assets/small-checkbox-mixed-symbolic.svg | 42 + .../small-checkbox-mixed-symbolic@2.svg | 43 + .../assets/small-radio-checked-symbolic.svg | 38 + .../assets/small-radio-checked-symbolic@2.svg | 39 + .../assets/small-radio-mixed-symbolic.svg | 42 + .../assets/small-radio-mixed-symbolic@2.svg | 43 + .../gtk-3.0/assets/unmaximize-symbolic.svg | 46 + .../gtk-3.0/assets/unmaximize-symbolic@2.svg | 4 + .../gtk-3.0/gtk-dark.css | 8539 +++++++++++++++++ .../gtk-3.0/gtk.css | 8539 +++++++++++++++++ .../gtk-3.0/thumbnail.png | 9 + .../assets/checkbox-checked-symbolic.svg | 43 + .../assets/checkbox-checked-symbolic@2.svg | 44 + .../assets/checkbox-mixed-symbolic.svg | 43 + .../assets/checkbox-mixed-symbolic@2.svg | 44 + .../gtk-4.0/assets/close-symbolic.svg | 38 + .../gtk-4.0/assets/close-symbolic@2.svg | 3 + .../gtk-4.0/assets/cursor-handle-symbolic.svg | 3 + .../gtk-4.0/assets/maximize-symbolic.svg | 38 + .../gtk-4.0/assets/maximize-symbolic@2.svg | 3 + .../gtk-4.0/assets/menu-radio-symbolic.svg | 3 + .../gtk-4.0/assets/menu-radio-symbolic@2.svg | 3 + .../gtk-4.0/assets/minimize-symbolic.svg | 43 + .../gtk-4.0/assets/minimize-symbolic@2.svg | 3 + .../gtk-4.0/assets/radio-checked-symbolic.svg | 42 + .../assets/radio-checked-symbolic@2.svg | 43 + .../gtk-4.0/assets/radio-mixed-symbolic.svg | 43 + .../gtk-4.0/assets/radio-mixed-symbolic@2.svg | 44 + .../scale-horz-marks-after-slider-dark.svg | 14 + .../scale-horz-marks-after-slider-dark@2.svg | 14 + ...-horz-marks-after-slider-disabled-dark.svg | 14 + ...orz-marks-after-slider-disabled-dark@2.svg | 14 + ...scale-horz-marks-after-slider-disabled.svg | 14 + ...ale-horz-marks-after-slider-disabled@2.svg | 14 + .../assets/scale-horz-marks-after-slider.svg | 14 + .../scale-horz-marks-after-slider@2.svg | 14 + .../scale-horz-marks-before-slider-dark.svg | 14 + .../scale-horz-marks-before-slider-dark@2.svg | 14 + ...horz-marks-before-slider-disabled-dark.svg | 14 + ...rz-marks-before-slider-disabled-dark@2.svg | 14 + ...cale-horz-marks-before-slider-disabled.svg | 14 + ...le-horz-marks-before-slider-disabled@2.svg | 14 + .../assets/scale-horz-marks-before-slider.svg | 14 + .../scale-horz-marks-before-slider@2.svg | 14 + .../scale-vert-marks-after-slider-dark.svg | 14 + .../scale-vert-marks-after-slider-dark@2.svg | 14 + ...-vert-marks-after-slider-disabled-dark.svg | 14 + ...ert-marks-after-slider-disabled-dark@2.svg | 14 + ...scale-vert-marks-after-slider-disabled.svg | 14 + ...ale-vert-marks-after-slider-disabled@2.svg | 14 + .../assets/scale-vert-marks-after-slider.svg | 14 + .../scale-vert-marks-after-slider@2.svg | 14 + .../scale-vert-marks-before-slider-dark.svg | 14 + .../scale-vert-marks-before-slider-dark@2.svg | 14 + ...vert-marks-before-slider-disabled-dark.svg | 14 + ...rt-marks-before-slider-disabled-dark@2.svg | 14 + ...cale-vert-marks-before-slider-disabled.svg | 14 + ...le-vert-marks-before-slider-disabled@2.svg | 14 + .../assets/scale-vert-marks-before-slider.svg | 14 + .../scale-vert-marks-before-slider@2.svg | 14 + .../selectionmode-checkbox-checked-dark.svg | 4 + .../selectionmode-checkbox-checked-dark@2.svg | 6 + .../assets/selectionmode-checkbox-checked.svg | 4 + .../selectionmode-checkbox-checked@2.svg | 6 + .../selectionmode-checkbox-unchecked-dark.svg | 3 + ...electionmode-checkbox-unchecked-dark@2.svg | 3 + .../selectionmode-checkbox-unchecked.svg | 3 + .../selectionmode-checkbox-unchecked@2.svg | 3 + .../small-checkbox-checked-symbolic.svg | 43 + .../small-checkbox-checked-symbolic@2.svg | 44 + .../assets/small-checkbox-mixed-symbolic.svg | 42 + .../small-checkbox-mixed-symbolic@2.svg | 43 + .../assets/small-radio-checked-symbolic.svg | 38 + .../assets/small-radio-checked-symbolic@2.svg | 39 + .../assets/small-radio-mixed-symbolic.svg | 42 + .../assets/small-radio-mixed-symbolic@2.svg | 43 + .../gtk-4.0/assets/unmaximize-symbolic.svg | 46 + .../gtk-4.0/assets/unmaximize-symbolic@2.svg | 4 + .../gtk-4.0/gtk-dark.css | 8502 ++++++++++++++++ .../gtk-4.0/gtk.css | 8502 ++++++++++++++++ .../gtk-4.0/thumbnail.png | 9 + .../index.theme | 12 + .../metacity-1/assets | 38 + .../metacity-1/metacity-theme-3.xml | 755 ++ .../metacity-1/thumbnail.png | Bin 0 -> 1527 bytes .../plank/dock.theme | 64 + .../xfwm4/themerc | 23 + hosts/default/configuration.nix | 75 +- hosts/default/hardware-configuration.nix | 2 +- hosts/default/other/activate.nix | 35 +- hosts/default/packages.nix | 8 +- modules/home-manager/fastfetch.nix | 16 - modules/home-manager/main.nix | 4 +- 212 files changed, 46262 insertions(+), 47 deletions(-) create mode 100644 config/dotfile_deps/DotfilesFont.otf create mode 100644 config/dunst/dunstrc create mode 100644 config/fastfetch/config.jsonc create mode 100644 config/fastfetch/logo.png create mode 100644 config/ghostty/config create mode 100644 config/gtk-3.0/bookmarks create mode 100644 config/gtk-3.0/settings.ini create mode 100644 config/hypr/config/autoexec.conf create mode 100644 config/hypr/config/display.conf create mode 100644 config/hypr/config/input.conf create mode 100644 config/hypr/config/input_configs/english.conf create mode 100644 config/hypr/config/input_configs/latvian.conf create mode 100644 config/hypr/config/keybindings/default.conf create mode 100644 config/hypr/config/keybindings/other.conf create mode 100644 config/hypr/config/variables.conf create mode 100755 config/hypr/hyprland.conf create mode 100644 config/hypr/hyprlock.conf create mode 100644 config/hypr/hyprpaper.conf create mode 100644 config/hypr/wallpaper.png create mode 100644 config/qt5ct/colors/catppuccin-mocha-blue.conf create mode 100644 config/qt5ct/qt5ct.conf create mode 100644 config/qt5ct/style-colors.conf create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/add-workspace-active.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/add-workspace-hover.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/add-workspace.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/calendar-arrow-left.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/calendar-arrow-right.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/checkbox-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/checkbox-off.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/checkbox.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/close-active.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/close-hover.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/close.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/corner-ripple.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/radiobutton-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/radiobutton-off.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/radiobutton.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/toggle-off.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/toggle-on-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/toggle-on.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/trash-icon.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/cinnamon.css create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/cinnamon/thumbnail.png create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/calendar-arrow-left.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/calendar-arrow-right.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/calendar-today.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-off-active.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-off-hover.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-off.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/dash-placeholder.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/noise-texture.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/process-working.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/toggle-off.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/toggle-on-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/toggle-on.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/gnome-shell.css create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/pad-osd.css create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-checked-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-checked-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-mixed-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-mixed-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/close-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/close-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/cursor-handle-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/maximize-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/maximize-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/menu-radio-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/menu-radio-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/minimize-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/minimize-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-checked-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-checked-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-mixed-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-mixed-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-checked-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-checked-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-mixed-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-mixed-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-checked-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-checked-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-mixed-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-mixed-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/unmaximize-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/unmaximize-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/gtk-dark.css create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/gtk.css create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/thumbnail.png create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-checked-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-checked-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-mixed-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/close-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/close-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/cursor-handle-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/maximize-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/maximize-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/menu-radio-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/menu-radio-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/minimize-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/minimize-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-checked-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-checked-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-mixed-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-mixed-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-checked-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-checked-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-checked-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-mixed-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/unmaximize-symbolic.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/unmaximize-symbolic@2.svg create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/gtk-dark.css create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/gtk.css create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/thumbnail.png create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/index.theme create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/metacity-1/assets create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/metacity-1/metacity-theme-3.xml create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/metacity-1/thumbnail.png create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/plank/dock.theme create mode 100644 config/themes/catppuccin-mocha-blue-standard+default/xfwm4/themerc delete mode 100644 modules/home-manager/fastfetch.nix diff --git a/README.md b/README.md index 77c64cb..075db12 100644 --- a/README.md +++ b/README.md @@ -1,18 +1,40 @@ # OCbwoy3's Dotfiles -**Default values you should change. There is no point hiding them as you'll find them in the code anyway:** - -- User: `ocbwoy3` -- Password: `password` -- Git creds: `OCbwoy3 ` - **Prerequisites:** + - NixOS - Knowledge of the terminal +# How to install + +step 1. install base nixos using the commandline (without ui and bloat) with this disk config (assuming it's /dev/sda) + +``` +/dev/sda1 - 1G fat32 fmask=0022 dmask=0022 vfat + mounts to /boot + +# optionally add compress=zstd (which i forgot to do) + +/dev/sdb2 - 100% btrfs + subvol root -> / + noatime subvol nix -> /nix + subvol home -> /home + subvol root -> /root +``` + +step 2. create user named 'ocbwoy3' + +step 3. + ```bash cd ~ -nix run nixpkgs#git clone https://github.com/ocbwoy3/config +nix-shell -p git +``` + +once you're in the shell + +```bash +git clone https://github.com/ocbwoy3/config cd config sudo nixos-rebuild switch --flake .#default --impure --cores 4 -``` \ No newline at end of file +``` diff --git a/config/dotfile_deps/DotfilesFont.otf b/config/dotfile_deps/DotfilesFont.otf new file mode 100644 index 0000000000000000000000000000000000000000..04599171876983bfb69d77aeac9136ca823ffbb6 GIT binary patch literal 6244 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 literal 0 HcmV?d00001 diff --git a/config/dunst/dunstrc b/config/dunst/dunstrc new file mode 100644 index 0000000..9e9dba2 --- /dev/null +++ b/config/dunst/dunstrc @@ -0,0 +1,155 @@ +[global] + ### Display ### + + monitor = 0 + + follow = mouse + + width = 300 + height = (0,300) + origin = top-right + scale = 0 + offset = 30x30 + + indicate_hidden = yes + shrink = no + transparency = 30 + notification_height = 0 + separator_height = 1 + padding = 8 + horizontal_padding = 8 + text_icon_padding = 0 + + frame_width = 1 + frame_color = "#1e1e2e" + + separator_color = foreground + + sort = yes + idle_threshold = 120 + + ### Progressbar ### + progress_bar = true + progress_bar_color = "#ff00ff" + progress_bar_height = 10 + progress_bar_frame_width = 1 + progress_bar_min_width = 150 + progress_bar_max_width = 300 + progress_bar_corner_radius = 10 + icon_corner_radius = 0 + + ### Text ### + + font = Geist Sans 10 + line_height = 0 + markup = full + + format = "%s\n%b" + alignment = left + vertical_alignment = center + show_age_threshold = 60 + word_wrap = yes + ellipsize = end + ignore_newline = no + stack_duplicates = false + hide_duplicate_count = true + show_indicators = yes + + ### Icons ### + + icon_position = left + max_icon_size = 64 + icon_path = /usr/share/icons/gnome/16x16/status/:/usr/share/icons/gnome/16x16/devices/:/usr/share/icons/breeze/status/64/:/usr/share/icons/breeze/devices/64/ + + ### Other ### + + sticky_history = yes + history_length = 20 + notification_limit = 20 + + ### Misc/Advanced ### + dmenu = w -p dunst: + browser = brave + always_run_script = true + title = Dunst + class = Dunst + startup_notification = true + + verbosity = mesg + corner_radius = 8 + + force_xinerama = false + + mouse_left_click = "do_action, open_url, close_current" + mouse_middle_click = close_all + mouse_right_click = close_current + +[experimental] + per_monitor_dpi = false + +[shortcuts] + close = ctrl+space + close_all = ctrl+shift+space + history = ctrl+grave + context = ctrl+shift+period + +[urgency_low] + background = "#1e1e2e" + frame_color = "#b4befe" + foreground = "#b4befe" + timeout = 5 + +[urgency_normal] + background = "#1e1e2e" + foreground = "#b4befe" + frame_color = "#b4befe" + timeout = 7 + +[urgency_critical] + background = "#1e1e2e" + foreground = "#f38ba8" + frame_color = "#f38ba8" + timeout = 10 + +[hyprland_general] + summary = "Hyprland" + background = "#1e1e2e" + frame_color = "#f9e2af" + foreground = "#f9e2af" + +[hyprland_welcome] + summary = "Welcome to Hyprland!" + background = "#1e1e2e" + frame_color = "#a6e3a1" + foreground = "#a6e3a1" + timeout = 10 + +[dotfiles_general] + summary = "OCbwoy3's Dotfiles" + background = "#1e1e2e" + frame_color = "#fab387" + foreground = "#fab387" + +[dotfiles_screenshot] + summary = "Screenshot" + background = "#1e1e2e" + frame_color = "#89dceb" + foreground = "#89dceb" + +[roblox_wrapper_general] + summary = "Roblox" + background = "#1e1e2e" + frame_color = "#f2cdcd" + foreground = "#f2cdcd" + +[roblox_wrapper_regretevator] + summary = "Regretevator" + background = "#1e1e2e" + frame_color = "#f5c2e7" + foreground = "#f5c2e7" + +[roblox_wrapper_regretevator_npc_chat] + appname = "regretevator-npc-chat" + background = "#1e1e2e" + frame_color = "#f5c2e7" + foreground = "#f5c2e7" diff --git a/config/fastfetch/config.jsonc b/config/fastfetch/config.jsonc new file mode 100644 index 0000000..056fe5f --- /dev/null +++ b/config/fastfetch/config.jsonc @@ -0,0 +1,36 @@ +{ + "$schema": "https://github.com/fastfetch-cli/fastfetch/raw/dev/doc/json_schema.json", + "logo": { + "source": "/home/ocbwoy3/.config/fastfetch/logo.png" + }, + "modules": [ + "title", + "separator", + "os", + "host", + "kernel", + "uptime", + "packages", + "shell", + "display", + "de", + "wm", + "wmtheme", + "theme", + "icons", + "font", + "cursor", + "terminal", + "terminalfont", + "cpu", + "gpu", + "memory", + "swap", + "disk", + "battery", + "poweradapter", + "locale", + "break", + "colors" + ] +} diff --git a/config/fastfetch/logo.png b/config/fastfetch/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..c7bc368608606297640a6bee390871995f056a58 GIT binary patch literal 129287 zcmeAS@N?(olHy`uVBq!ia0y~yV7$!0z$C!I#=yXEE2~9|fq_9PHNrE^*Ovjr=3roC z6k=dzU|?WmU}OLT;RB`585kH_GM$|RJe{2t3X1a6GILTH7%Jw}PPFwn93ax_AAD3v zm#<8q@I=7TgL+zzB31{qa4ihWxO(u(()tTa6g>+IMPj)5{^^9t#>^=#Ef8fnC@)Zc z(DS0J*B*V%Egc^ZJ+7Toe*WR!-wX>QQ)gYB%wTfY%y{LJ8K>8G)vo7IYT!5~IB90; z8P6c8eP2uc_lA@g&UdtUoUL;JMWN6U{bp5iKX zPj)@}DE)lWX{Pf%vu>WTDV!3aQ@Zie(KR_)M=l>R485!wf1+|t(Y;4&LSL_`_5XLM zz%f4ZnblgsB^x?aJp>jm=;K;| ze9u|?=*p7mB7RJJ_4_^>a(#Krw6^VWjl8wrYZeYW=J2ZH@!3q9=Pxn0ih9E#af3~7 zo%O6u>@n{coc-H!POTGJqAJpT;J0LLu$;sm)?e56?A&_3@E1c$X4p&V2M+`!v;)8G zI=|cbZt?H!%We0|J54N_tj+HCn1O+}A~PhSB*NFnDmgz_FEJ%QDOIl`w*VYtHue<- ziOJciB??KY>6v-9O7C~?S5nAKu~iB;^)>JvhzmDRN%7Rq=pw#00(xT*4*Rs^S5@lo~ zQj+2N3rdS}z}`to)=$kz%}vcKDb_dCGeoh{-P1P!t^*VV>6y6&U|kit1t=;@GSd)& zh2k5K4A?u!4ynj3fSZe=8s>MfVsIE)x#TC8f}H2+VygtQ-zp_PIWxry%uF*jHnuc1 zO4K#6G%(jSF-|eoO-eRS(@nNWG)gs1Gc~bDGDR}VGq1QLF)uk4WK>0NfnH{2ij{#` zl7*qMX`-%yrJ;eYNs@7*u7yErs;;4hVUoE)im{1dsu7YA{zaMTnR$sh$gTnzm6Dla zWoc<_l46pYqHB_BZl-IJWR$9FX=ZAwYi5vUYHVU=Zfjmk${aS3DEG)LF3B&d1PeiORB&n`ga_f~WP(&HC@6q4 zg;ioQ#0$lVWvMA(Z@{IJGZORCQ&Vh}pve`cB@;_hu(V7`F|aT+&`nKAGSW3MOES{6 zG)+sLLp8lPKdq!Zu_)CsJvFbyR>?gxw*VYg3L4;u(nM8Vo{21szhq|Q z)i%`qIys(!fkCpwHKN2hKNr+0X8<=AQ&SYmGfOfQK#j%lMm}){1_cIB7srr_TW?~& z7fZX(sh>bfl6e4(g`K!& zEfeKbOl1gl>R6jOD`*uL7Z=xiPUqOBZgwxtLK*jRnd9!7y;gmfy)<*#FF0{@TJ}9= zchFcG>XmtK+goL?myOFZ*;^(!Gq^MOF^JrJZz10uaQ?(|rYyNNO-)To!L8?cdIge% zoSYaY?OL~7_V`QI3r{WljF+15I4qxXtM9Q0gN%^VHxu96YArd8Hmtve%{t<==yST(UeK* zWbM9fZM(c-^;wQ{b+0EYwFG%-DnAuy;A4ZcBq6zPhN; z^1)_V&4&rut+MRzBOZFswCZJkv2e;a<_t!GrBjMNeG_mhapDl(8X{n^^h=AtCiVo` z144=^dJ%4FEz{5;(ExJBl;Vb1MqT}PF?mI@Whus1p|G&(TMTK2K}qBF4&-j|)eLp@QA0^?-21{4}+xjIWTOp{!>uXHt!wo}mzqqB?_MKa4@SoHa7 zx~>dS>hA9T@pO9phfhzvU+n73-~U%^TkhjmS66eiAC6hr6tv24tE_|WncIpJ|JY?c z%vkCNjU?lVZVV>DUX%MCo7~(c>!cgMim_o?=7*}iFJ8Sm^!VJ^lTU=l}ns zuBNVD`1@OK#I)9h3l(Q9wHqOT8E)S|%_lwyZwUm3zCSzFywg z*tp{3Bi6V*6^w@s0yIP(e5?@YKKkHmRppP!y0d#OXfZ0NPJG3gm6+)+s;mhvaVnyf zp0c_pURjlF&8axIWr9l9QA;_7S&uDP7v6yGx(H9^3B3IOvcyN-`e&zCpY)v$B%_Z z=H~5A3mGn(7~0zQrWkcLHZrPA_H%eBRd z!kO9)c?`A;yCe>_$R0P0JSXU&dqtXuZKB`uz?C5hx6OPmA2~f;A7reLTJvo4{6&iw zI}1qoomCL(*|KYfm2J|iFS)<{G-taVcHbW=d%Un{r;M4o`No|)JBxPmoZb|mA!1-_ z+q-e2;gZXlEr%1=O^GY@HTqIT} z%W&a*hpHpT$7WvE>n6Rz$~=c13?y9Q#iV z0)6w?jPzF}jRKo~>%Hoq+wRO!XyRMU5O8{v$I1{Uh8Mf|ju&p&wX199Ov#*_oCTXV z3){`-Z%gdBe!h5l%LJCCTbR#e1za|f-rBS#cTSjmbilP{NN$U9IaNG!kHrhF2AzgD zhP5pd1Qd@XxI~C6skR(2@pVxWtk@eD;8j>q(D3zZ>6!EAAK%+sZNS4^{{Eh8e!l*q ziy9`rtF_%Ondmxm+)VMhP{*xY<99;NiQ~Pts!wK<0MqGB6HcaFxPHC8XlKvQpOt6M zoZ%?d+Iq_2vWZ3C;+xyvUM;ot(%kyPazk9?miPnR6&&fg_D zk&jWrWvzhvsi-6q-^(0JMYiRh{^{oE(dfXiGK9<4*7ih-(T$ro51yW`pBO3j>8Fj? zQlYlCHUX|yj^IOvhYfbk;JW9c>z?^=&a1e}S-grWE}FaxukA~oAa&$D9}mxi`~Uym zpLqId!fi7#F);%}!^VXR6^|qtst9pPv?+et*&@&!^lJGOGeIX4ua$n9UkyUftrav6 zcs=oKq3YTYP;sGjdA+oazm%))lUwISUMgfgyer|?-FKk#%C_7WyY#lt;Be}7QIe35 zIB<7&dEnZxkFTz3_w@E2+?M;J#?Hjt{IH4djAbi@otVy8)C)}NmCrhA@0!M_(b2Us zBacbYHP@rkIBV+hJHNwMJa zQczUHbi7c2ul?cIs)L=~haZ1bn0&G!NULa)va)hSOw5rdPgFMD)LC><uN=Y;_W zPMqM7v#a6oy__&hZPQI1rHLICyg^4d#$PX;EAZ&x%ZlwBuX?}y>K zh0TLkzpkzh|MB&DeCtz1^@??yN@Lag9!s3L9iCnvK5x2IO8fl3J*!`JDTP3qr}MRV zjY4m=UN)Pdwrm%RX5_TiyLV&vRD5LOm$!4#n|^p}_Vo{k`Rx-53Iq-&Y*?qz8Pt_v z(DCnIU4@ODL>r^;Wdkd#E_Qyoj{7ImHXHCboAW3yd0oXGyi{)4zezqnWfxt0?O71D z%YJ-2S1$=EKh# z2?+@Wx&Gr`N;CfDX9JZ63envD^)=Ik zWmC2VdL1^>yt%EnxtST{hI@OfK`GtL%xr?!(hGO)@a(^@e`4}vRqn}60!+sXAAJ6K z;qF~t2BkArrlzgz{Bj2#e{{HPQc_YfAwnnZSIs^S#Um;$EetA}OW9{FlNENdm{}Fb zz4@5L!%u&fzElfZXVEw-c=Ec}AAZ)nc>C7XK*GgDs`dKoqnp#ue|Wuqztd%tA2oJ7 ze0)kmogAgww(|EAJ}7DED;_znRog7Ia@}JSo3)4bfy-3=jasIKv#Ncp`!0KG`daio zE|zhB{P4o!#mYTBJr9n{*B|-&`+H$gQBz|hW6kfk+kd={|KHWu$2VhH21YQ3+ zDN!Qyq|W`rSG4)p7kyf<99-wumiXaSqD0%l^tFece|EfV5;3hc{rtR#2bb3!SS*;WL3!Y zkWBN2Jg>~|#}f_^+P+l%x|NHj+2`5v& zI4CTr+#A;{@M!szTf5d3moDGvoZjA6?6iAR*0l3SO?*wv%^zP|8?7PMtug(ygrwv_ zfBU~JUQ3&@wsvWUuTv1}~`~LsF-R1AOHdovX z`(Wc#EW=*o@%_Pr1sWcgN@csdyJyUw@4hssF*R~Su5@#A^O46NCHfw}@c9`u=hx#? zT2uBUehw(N=u__ME{S#b_U7LA_gl0`w`<7i(7-824&F|?lQn&1s9kKkcCCHzGQ%sM zcG>XkWy)mgRl3r@$??zU{~WJuL4ElTat~@}`L1~CwL8$*jw8tHYt~k;l34eR5l3#_ zl8W0`(>Zgdi_S1@&8PU5eExXi=bkqaOVC_4@=3S!<_3ZZr{EQ%DEF?%gV}%hVGl{ z#TpwMn~|9*SR9Zl`p%-S@A4rPzZHUR%Y5H-Z16Z>m37opHFetmgPl`MZlsv*+80u# zQ(EsoaV@w79a*tsu|LQ1;KW-qCw(f=w)4{b^wS1Z$C{e9E?%r$^ZBg#j>^w!Ml*SA z0vUi`TBP`CbOKA^&_jtzRI+ZvW>) zbH-Xj-_NmA+5`4GtetV{Z?WBjIs5hUy6mm2y5`salbk(!_KVlA4})5utHakTN%daS zjQ)1V=E|FL%_}>+7ye?@S$J)7R7lIOg9`2cJexCE{|d{$d>ym8Bh+!?%BJr40B-MN z1y&5!C&en~N{TE9TA5H?Ev>AqJY(KGHyyFV7cL0=`u%&NhlsVbp8A} zsFB;;%zS5Gt+aXG9S5tqZRejeGhFOcKZwbx^5(2nBgeE~Je z$;qJl;i!lC`s>l=Pmlh+ldlxKQz=}}>(K@sZn=K;xpU|4sQ$iA;l|OUt~vSnj~^ax zS7=!fv{GTN-{P%Xzv^tg(-BhnnkRq$L(vn_3`IFsy^G&nD!(Oj>StDYsrj8HFO>X_ zyDr%F^5*q*$5?s4LO;n@s+8cRd3q-|Qo`s@74ApTdjlXvc2{7fl$ zIb-LkBbkfSA~P48@!Xqa7j@~pOlQc{sL+6vUsEToJb7Zu^N(@GypLSXfB*h{pZlIpIsEaGBn@d9!owT-g>U#f#m)F8kXj=H~M5jNzM>npja0 zA(FiFcEOE>hKv7nh;)7NXzz?l6ngI-+VU$+NpzXyiq><&DQVvY>&8+j=t3-@m$%L6*h7cZ$D}I>{tIs zX4BM@XJ3C^w0bpn`TKjKJ5TT2Y5C{JhFxp&8lRdu zK6huc_+D<=$(%p;V};F(nKKVwx+IiyTkPi@AGP3gu7`EL>$2~+T|O1hU(LT~#n$sH zyzW;$)x5v^kFx%v&zq`u%#6Kk=C6Asur0A;=JJ;%QCn8M*wy#*XJz1&BhDM= z-1+%4a$0NFR;{AVMHx5u20mE-*7wQ#uT>W>UToa|=c#^1X6C^sPgLgF)posnnR#b_ zy?l$nojsMpy1Kd<`T6b|B0{WTMjO4}`7&P7T3OmDQt_f(@=V)=psd&dGB=dq=mj7)7>b$1h*M9yH)_Tp%ng{Nv~I`PtfwA1loD zQsue%0AEn-Zyw=!y2gBn#F}Cya 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 with hyprctl reload." && hyprctl keyword debug:overlay 1 +# bind = $mainMod SHIFT, F3, exec, bash -c "NIXPKGS_ALLOW_UNFREE=1 nix-shell -p osu-lazer-bin --command osu\!" + +bind = $mainMod SHIFT, F, fullscreen, 1 +bind = $mainMod, SPACE, exec, bash $HOME/dotfiles/scripts/toggle_language.sh + +# VM Passtrough +bind = $mainMod, Insert, submap, passthru +submap = passthru +bind = $mainMod, Escape, submap, reset +submap = reset diff --git a/config/hypr/config/variables.conf b/config/hypr/config/variables.conf new file mode 100644 index 0000000..e3c9c25 --- /dev/null +++ b/config/hypr/config/variables.conf @@ -0,0 +1,49 @@ +# Keywords: https://wiki.hyprland.org/Configuring/Keywords + +# Default +$mainMod = SUPER + +# Programs + +$terminal = ghostty +$fileManager = nautilus +$menu = wofi --show drun +$browser = brave + +# Cursor + +exec = hyprctl setcursor HyprCatppuccinMochaMauve 24 + +env = HYPRCURSOR_THEME,HyprCatppuccinMochaMauve +env = HYPRCURSOR_SIZE,24 +env = XCURSOR_THEME,HyprCatppuccinMochaMauve +env = XCURSOR_SIZE,24 + +# Toolkit Env + +env = GDK_BACKEND,wayland,x11,* +env = QT_QPA_PLATFORM,wayland;xcb +env = SDL_VIDEODRIVER,wayland +env = CLUTTER_BACKEND,wayland + +# XDG Env + +env = XDG_CURRENT_DESKTOP,Hyprland +env = XDG_SESSION_TYPE,wayland +env = XDG_SESSION_DESKTOP,Hyprland + +# Qt Env + +env = QT_AUTO_SCREEN_SCALE_FACTOR,1 +env = QT_QPA_PLATFORM,wayland;xcb +env = QT_WAYLAND_DISABLE_WINDOWDECORATION,1 +env = QT_QPA_PLATFORMTHEME,qt5ct + +# NVIDIA Env + +env = LIBVA_DRIVER_NAME,nvidia +env = XDG_SESSION_TYPE,wayland +env = GBM_BACKEND,nvidia-drm +env = __GLX_VENDOR_LIBRARY_NAME,nvidia + +env = NVD_BACKEND,direct diff --git a/config/hypr/hyprland.conf b/config/hypr/hyprland.conf new file mode 100755 index 0000000..4adbf63 --- /dev/null +++ b/config/hypr/hyprland.conf @@ -0,0 +1,15 @@ +# https://wiki.hyprland.org/Configuring/Configuring-Hyprland/ + +exec-once = hyprctl notify 1 5000 0 " Loading OCbwoy3's Dotfiles" + +exec-once = systemctl --user import-environment WAYLAND_DISPLAY XDG_CURRENT_DESKTOP +exec-once = dbus-update-activation-environment --systemd WAYLAND_DISPLAY XDG_CURRENT_DESKTOP +exec-once = dbus-update-activation-environment DISPLAY WAYLAND_DISPLAY + +source = ./config/variables.conf +source = ./config/display.conf +source = ./config/input.conf +source = ./config/keybindings/default.conf +source = ./config/keybindings/other.conf +source = ./config/autoexec.conf + diff --git a/config/hypr/hyprlock.conf b/config/hypr/hyprlock.conf new file mode 100644 index 0000000..d69df30 --- /dev/null +++ b/config/hypr/hyprlock.conf @@ -0,0 +1,30 @@ +general { + ignore_empty_input = true + immediate_render = true + no_fade_in = tue + no_fade_out = true +} + +input-field { + monitor = + rounding = 0 + size = 800, 100 + outline_thickness = 4 + dots_size = 1 + dots_rounding = 0 + dots_spacing = 0.2 + dots_center = true + fade_on_empty = false + placeholder_text = [ LOGIN ] + hide_input = false + fail_text = [ FAILED ] + position = 0, 0 + dots_fade_time = 0 + dots_text_format = 0 + halign = center + valign = center + font_family = Monaspace Neon + outer_color = rgba(0, 0, 0, 0) + inner_color = rgba(0, 0, 0, 0) + font_color = rgb(255, 0, 0) +} diff --git a/config/hypr/hyprpaper.conf b/config/hypr/hyprpaper.conf new file mode 100644 index 0000000..fecb2d0 --- /dev/null +++ b/config/hypr/hyprpaper.conf @@ -0,0 +1,2 @@ +preload = ~/.config/hypr/wallpaper.png +wallpaper = ,~/.config/hypr/wallpaper.png \ No newline at end of file diff --git a/config/hypr/wallpaper.png b/config/hypr/wallpaper.png new file mode 100644 index 0000000000000000000000000000000000000000..43444e55d267460f7c0d78e999e17f3fbbd33c6e GIT binary patch literal 9076 zcmeAS@N?(olHy`uVBq!ia0y~yU~gbxV6os}VqjoM-xwysz`)p&>FgZf>FlgfP?VpR znUl)EpfRy_qOHea2brVs(Mz>N*X(E)XV<1_Lijz}Ld zo;~ec<$Q}XU6Y(@{A?00uy)Gt)Z6{%*vTICOh7Q#Z0fog~LZ>zeEDcpY>eBV?vD`nw z7Ot#s1 z`DbhA*fC_j(yC;ZkzsnwdMfUFMR|C2{{MNI-@Y>^%M>m66}66$fq{Xuz$3Dlfk96h zgc&QA+LtjfFtC?+`ns~eWabo;FsP1O)Xu=bAX(xXQR1ARo12&*>AMg|3*0|pK!R3603slAx)@#3a!u{Z+={3%lb zQ49+b9GF3j2?h&5?qKkcxB%iZsPJTfX(2WfFwMy<1)>{T7@(Q1N$VYG^5U>I#4FffcZ4@R2@pr-O@i+Z$q07?g= z&4bbA0mEqX0F)I*n+K!K15i2`9dsHUJpiSH(a{4cjvoBIwJ{kqq}$;5@7m%U;SwM= z!v+D!@U9LEWLTFQGMszB2{Md3Dm@x33=9mT$ze2?fXd_1(g8d-Hd-o?T7#J8hKw-(i Tz;G#eGKl5r>gTe~DWM4fR|A)1 literal 0 HcmV?d00001 diff --git a/config/qt5ct/colors/catppuccin-mocha-blue.conf b/config/qt5ct/colors/catppuccin-mocha-blue.conf new file mode 100644 index 0000000..be74f7a --- /dev/null +++ b/config/qt5ct/colors/catppuccin-mocha-blue.conf @@ -0,0 +1,4 @@ +[ColorScheme] +active_colors= #ffcdd6f4, #ff45475a, #ff585b70, #ff313244, #ff11111b, #ff181825, #ffcdd6f4, #ffcdd6f4, #ffcdd6f4, #ff1e1e2e, #ff181825, #ff11111b, #ff89b4fa, #ff11111b, #ff89b4fa, #ffb4befe, #ff181825, #ffffffff, #ff1e1e2e, #ffcdd6f4, #806c7086 +inactive_colors=#ff7f849c, #ff1e1e2e, #ff45475a, #ff313244, #ff11111b, #ff181825, #ff7f849c, #ffcdd6f4, #ff7f849c, #ff1e1e2e, #ff181825, #ff11111b, #ff313244, #ff7f849c, #ff7f849c, #ff7f849c, #ff181825, #ffffffff, #ff1e1e2e, #ffcdd6f4, #806c7086 +disabled_colors=#ff6c7086, #ff313244, #ff45475a, #ff313244, #ff11111b, #ff181825, #ff6c7086, #ffcdd6f4, #ff6c7086, #ff1e1e2e, #ff181825, #ff11111b, #ff181825, #ff6c7086, #ffa9bcdb, #ffc7cceb, #ff181825, #ffffffff, #ff1e1e2e, #ffcdd6f4, #806c7086 diff --git a/config/qt5ct/qt5ct.conf b/config/qt5ct/qt5ct.conf new file mode 100644 index 0000000..909d1e9 --- /dev/null +++ b/config/qt5ct/qt5ct.conf @@ -0,0 +1,32 @@ +[Appearance] +color_scheme_path=/home/ocbwoy3/.config/qt5ct/colors/catppuccin-mocha-blue.conf +custom_palette=true +icon_theme=Adwaita +standard_dialogs=xdgdesktopportal +style=Lightly + +[Fonts] +fixed="Sans Serif,9,-1,5,50,0,0,0,0,0" +general="Sans Serif,9,-1,5,50,0,0,0,0,0" + +[Interface] +activate_item_on_single_click=1 +buttonbox_layout=0 +cursor_flash_time=1000 +dialog_buttons_have_icons=1 +double_click_interval=400 +gui_effects=@Invalid() +keyboard_scheme=2 +menus_have_icons=true +show_shortcuts_in_context_menus=true +stylesheets=@Invalid() +toolbutton_style=4 +underline_shortcut=1 +wheel_scroll_lines=3 + +[SettingsWindow] +geometry=@ByteArray(\x1\xd9\xd0\xcb\0\x3\0\0\0\0\0\0\0\0\0\0\0\0\x3\xa2\0\0\x3\xf0\0\0\0\0\0\0\0\0\0\0\x3\xbf\0\0\x2\xfb\0\0\0\0\x2\0\0\0\a\x80\0\0\0\0\0\0\0\0\0\0\x3\xa2\0\0\x3\xf0) + +[Troubleshooting] +force_raster_widgets=1 +ignored_applications=@Invalid() diff --git a/config/qt5ct/style-colors.conf b/config/qt5ct/style-colors.conf new file mode 100644 index 0000000..fa37345 --- /dev/null +++ b/config/qt5ct/style-colors.conf @@ -0,0 +1,4 @@ +[ColorScheme] +active_colors=#ff232629, #fffcfcfc, #ffffffff, #fff9fafa, #ff71757a, #ffbdc1c6, #ff232629, #ffffffff, #ff232629, #ffffffff, #ffeff0f1, #ff3b3d3f, #ff3daee9, #ffffffff, #ff2980b9, #ff9b59b6, #fff7f7f7, #ffffffff, #fff7f7f7, #ff232629, #80ffffff +disabled_colors=#ff808080, #ff424245, #ff979797, #ff5e5c5b, #ff302f2e, #ff4a4947, #ff808080, #ffffffff, #ff808080, #ff3d3d3d, #ff222020, #ffe7e4e0, #ff12608a, #ff808080, #ff0986d3, #ffa70b06, #ff5c5b5a, #ffffffff, #ff3f3f36, #ffffffff, #80ffffff +inactive_colors=#ff232629, #fffcfcfc, #ffffffff, #fff9fafa, #ff71757a, #ffbdc1c6, #ff232629, #ffffffff, #ff232629, #ffffffff, #ffeff0f1, #ff3b3d3f, #ff3daee9, #ffffffff, #ff2980b9, #ff9b59b6, #fff7f7f7, #ffffffff, #fff7f7f7, #ff232629, #80ffffff diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/add-workspace-active.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/add-workspace-active.svg new file mode 100644 index 0000000..7aba93b --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/add-workspace-active.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/add-workspace-hover.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/add-workspace-hover.svg new file mode 100644 index 0000000..8a1d351 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/add-workspace-hover.svg @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/add-workspace.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/add-workspace.svg new file mode 100644 index 0000000..8dba5df --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/add-workspace.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/calendar-arrow-left.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..dcf8298 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/calendar-arrow-left.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/calendar-arrow-right.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..ed66559 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/calendar-arrow-right.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/checkbox-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/checkbox-dark.svg new file mode 100644 index 0000000..c7e5afd --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/checkbox-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/checkbox-off.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/checkbox-off.svg new file mode 100644 index 0000000..b00efa6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/checkbox.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/checkbox.svg new file mode 100644 index 0000000..c7e5afd --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/close-active.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/close-active.svg new file mode 100644 index 0000000..0dde2b9 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/close-active.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/close-hover.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/close-hover.svg new file mode 100644 index 0000000..37f8806 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/close-hover.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/close.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/close.svg new file mode 100644 index 0000000..5dcc697 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/close.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/corner-ripple.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/corner-ripple.svg new file mode 100644 index 0000000..e05575e --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/radiobutton-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/radiobutton-dark.svg new file mode 100644 index 0000000..f53001f --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/radiobutton-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/radiobutton-off.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/radiobutton-off.svg new file mode 100644 index 0000000..b00efa6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/radiobutton-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/radiobutton.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/radiobutton.svg new file mode 100644 index 0000000..f53001f --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/radiobutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/toggle-off.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/toggle-off.svg new file mode 100644 index 0000000..11d27d6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/toggle-off.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/toggle-on-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/toggle-on-dark.svg new file mode 100644 index 0000000..5a5e459 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/toggle-on-dark.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/toggle-on.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/toggle-on.svg new file mode 100644 index 0000000..5a5e459 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/toggle-on.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/trash-icon.svg b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/trash-icon.svg new file mode 100644 index 0000000..d78a123 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/assets/trash-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/cinnamon.css b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/cinnamon.css new file mode 100644 index 0000000..dd52952 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/cinnamon.css @@ -0,0 +1,2343 @@ +stage { + color: #eff1f5; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button { + min-height: 24px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 6px; + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); +} + +.sound-button:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-radius: 6px; +} + +.sound-button:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-radius: 6px; +} + +.sound-button:hover:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); + border-radius: 6px; +} + +.sound-button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); + border-radius: 6px; +} + +.sound-button:insensitive { + color: rgba(239, 241, 245, 0.5); + background-color: rgba(239, 241, 245, 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, .calendar-today-home-button, +.calendar-today-home-button-enabled { + border-radius: 6px; + color: rgba(239, 241, 245, 0.7); + background-color: transparent; +} + +.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover, .calendar-today-home-button:hover, +.calendar-today-home-button-enabled:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-radius: 6px; +} + +.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active, +.calendar-today-home-button-enabled:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); + border-radius: 6px; +} + +.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive, +.calendar-today-home-button-enabled:insensitive { + color: rgba(239, 241, 245, 0.32); + 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(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #89b4fa; +} + +.modal-dialog-button-box .modal-dialog-button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + color: rgba(239, 241, 245, 0.32); + 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: #89b4fa; + selected-color: rgba(17, 17, 27, 0.87); + transition-duration: 300ms; + border-radius: 6px; + color: #eff1f5; + border: 2px solid transparent; + background-color: rgba(239, 241, 245, 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: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid #89b4fa; +} + +#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(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 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: #f9e2af; + 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(30, 30, 46, 0.1); + border-radius: 9999px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 9999px; + background-color: #72727e; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #5d5d6a; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #89b4fa; +} + +.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(239, 241, 245, 0.12); + -slider-border-color: transparent; + -slider-active-background-color: #89b4fa; + -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: .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: .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: 46px; + height: 24px; + background-size: contain; +} + +.toggle-switch, .popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked, .popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on-dark.svg"); +} + +.cinnamon-link { + color: #89dceb; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #b5e9f2; +} + +#Tooltip { + border-radius: 12px; + padding: 6px 12px; + background-color: rgba(11, 11, 18, 0.9); + color: #eff1f5; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12); + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 0; + color: #eff1f5; + border-radius: 12px; + margin: 6px; + box-shadow: none; + border: 1px solid rgba(17, 17, 27, 0.75); +} + +.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: #333342; + color: rgba(239, 241, 245, 0.7); +} + +.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(239, 241, 245, 0.12); + color: #eff1f5; +} + +.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: 6px; + border-radius: 12px; + background-color: #1e1e2e; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; +} + +.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: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(239, 241, 245, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: rgba(239, 241, 245, 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(239, 241, 245, 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(239, 241, 245, 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: 6px; +} + +.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(239, 241, 245, 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: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 36px; + width: 42px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(243, 139, 168, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(243, 139, 168, 0.35); + background-gradient-end: rgba(243, 139, 168, 0.35); +} + +#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(137, 180, 250, 0.35); + background-gradient-end: rgba(137, 180, 250, 0.35); +} + +#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(166, 227, 161, 0.35); + background-gradient-end: rgba(166, 227, 161, 0.35); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: rgba(239, 241, 245, 0.7); + font-size: 1em; + padding: 0px; + background-color: rgba(17, 17, 27, 0.75); + 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: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); +} + +.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: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.panel-dummy { + background-color: rgba(243, 139, 168, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(243, 139, 168, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: rgba(239, 241, 245, 0.7); +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: rgba(239, 241, 245, 0.7); +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(11, 11, 18, 0.9); + border: 1px solid rgba(11, 11, 18, 0.9); + color: #eff1f5; + spacing: 25px; + border-radius: 6px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +.window-caption#selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + border: 1px solid #89b4fa; + spacing: 25px; +} + +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 15px; + border-radius: 6px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid transparent; +} + +.expo-workspaces-name-entry:focus, +.expo-workspaces-name-entry#selected:focus { + border: 1px solid #89b4fa; + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + font-style: italic; + transition-duration: 300; + selection-background-color: rgba(17, 17, 27, 0.87); + selected-color: #89b4fa; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 6px; +} + +.expo-workspace-thumbnail-frame#active { + border: 4px solid #89b4fa; + background-color: black; + border-radius: 6px; +} + +.expo-background { + background-color: #0b0b12; +} + +.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: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 6px; + background-color: #1e1e2e; + 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: #888; +} + +#LookingGlassDialog { + background-color: #1e1e2e; + spacing: 6px; + padding: 6px; + margin: 32px; + border-radius: 12px; + color: #eff1f5; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); + border: none; +} + +.calendar-main-box { + margin: 0 .8em; +} + +.calendar { + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-today-home-button, +.calendar-today-home-button-enabled { + margin: 6px 0; + padding: 6px; +} + +.calendar-today-day-label { + font-size: 1.75em; + color: rgba(239, 241, 245, 0.7); + font-weight: bold; + text-align: center; + padding-bottom: .1em; +} + +.calendar-today-date-label { + font-size: 1.1em; + color: rgba(239, 241, 245, 0.5); + font-weight: bold; + text-align: center; +} + +.calendar-month-label { + color: #eff1f5; + font-weight: bold; + padding-bottom: 8px; + padding-top: 8px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 2.4em; + height: 2.4em; + margin: 2px 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(239, 241, 245, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(239, 241, 245, 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: .4em 1.75em; + font-weight: normal; + text-align: center; + font-size: 14px; + color: #eff1f5; + border-radius: 6px; +} + +.calendar-day-base { + text-align: center; + width: 2.4em; + height: 2.4em; + padding: 0; + margin: 2px; + border-radius: 9999px; +} + +.calendar-day-base:hover { + background-color: rgba(239, 241, 245, 0.04); +} + +.calendar-day-base:active { + background-color: rgba(239, 241, 245, 0.12); +} + +.calendar-day-heading { + color: rgba(239, 241, 245, 0.7); + margin-top: 1em; +} + +.calendar-day { + border-width: 0; + color: rgba(239, 241, 245, 0.7); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #eff1f5; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(239, 241, 245, 0.7); + opacity: 1; +} + +.calendar-week-number { + width: 2.4em; + height: 2.4em; + margin: 0; + color: rgba(239, 241, 245, 0.3); + font-weight: bold; + background-color: transparent; + border-radius: 9999px; +} + +.calendar-week-number StLabel { + padding: 0; + margin-top: 3px; +} + +.calendar-events-main-box { + height: 300px; + margin: 8px 0.8em 0 0; + padding: 8px; + min-width: 350px; + border: none; + border-radius: 6px; + background-gradient-direction: vertical; + background-gradient-start: rgba(239, 241, 245, 0.04); + background-gradient-end: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.7); +} + +.calendar-events-no-events-button { + margin: 6px 0; + padding: 6px; + border-radius: 6px; +} + +.calendar-events-no-events-button:hover { + background-gradient-direction: vertical; + background-gradient-start: rgba(239, 241, 245, 0.04); + background-gradient-end: rgba(239, 241, 245, 0.04); + box-shadow: none; +} + +.calendar-events-no-events-icon { + color: rgba(239, 241, 245, 0.5); +} + +.calendar-events-no-events-label { + font-size: 1.1em; + color: rgba(239, 241, 245, 0.5); + font-weight: bold; + text-align: center; + margin-top: 9px; +} + +.calendar-events-date-label { + padding: 3px 0 12px 3px; + font-size: 1.1em; + color: rgba(239, 241, 245, 0.7); + font-weight: bold; + text-align: center; +} + +.calendar-events-event-container { + padding: 2px; +} + +.calendar-events-main-box .separator { + -margin-horizontal: 1em; + -gradient-height: 1px; + -gradient-start: rgba(239, 241, 245, 0.12); + -gradient-end: rgba(239, 241, 245, 0.12); +} + +.calendar-event-button { + margin: 6px 0 6px 0; + border-radius: 6px; + background-color: rgba(239, 241, 245, 0.04); +} + +.calendar-event-button:hover { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +.calendar-event-color-strip { + width: 4px; + border-radius: 4px 0 0 4px; +} + +.calendar-event-row-content { + margin: 6px; +} + +.calendar-event-time-past { + color: rgba(239, 241, 245, 0.32); + font-weight: bold; + text-align: left; + margin-bottom: .6em; +} + +.calendar-event-time-present { + font-weight: bold; + text-align: left; + margin-bottom: .6em; +} + +.calendar-event-time-present:all-day { + color: rgba(166, 227, 161, 0.6); +} + +.calendar-event-time-future { + text-align: left; + margin-bottom: .6em; +} + +.calendar-event-countdown { + color: rgba(239, 241, 245, 0.5); + font-weight: bold; + text-align: right; + margin-bottom: .6em; +} + +.calendar-event-countdown:soon { + color: white; +} + +.calendar-event-countdown:imminent { + color: rgba(249, 226, 175, 0.6); +} + +.calendar-event-countdown:current { + color: rgba(166, 227, 161, 0.6); +} + +.calendar-event-summary { + color: rgba(239, 241, 245, 0.5); + text-align: left; + width: 200px; +} + +#notification { + border-radius: 12px; + padding: 12px; + spacing-rows: 9px; + spacing-columns: 9px; + margin-from-right-edge-of-screen: 18px; + width: 28em; + color: #eff1f5; + background-color: rgba(11, 11, 18, 0.9); + 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(239, 241, 245, 0.04); + box-shadow: none; + margin: 0; +} + +.menu #notification:hover, .popup-menu #notification:hover { + background-color: rgba(239, 241, 245, 0.12); + 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: #eff1f5; +} + +.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: #eff1f5; +} + +#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: #eff1f5; +} + +.notification-button, .notification-icon-button { + padding: 6px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #eff1f5; + background-color: #1e1e2e; + 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 #89b4fa; +} + +.switcher-list .item-box:selected { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; + border: 0px solid #89b4fa; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #eff1f5; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: rgba(239, 241, 245, 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: white; +} + +.modal-dialog { + color: #eff1f5; + background-color: rgba(5, 5, 8, 0.95); + 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(11, 11, 18, 0.9); + border-radius: 6px; + color: #eff1f5; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #eff1f5; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #f38ba8; +} + +.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: #eff1f5; + selected-color: rgba(17, 17, 27, 0.87); + selection-background-color: #89b4fa; + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid transparent; +} + +.run-dialog-entry:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid #89b4fa; +} + +.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: #f9e2af; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(11, 11, 18, 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(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); +} + +.keyboard-key:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.keyboard-key:active, .keyboard-key:checked { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); +} + +.keyboard-key:grayed { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +.keyboard-subkeys { + color: #eff1f5; + padding: 5px; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(11, 11, 18, 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(239, 241, 245, 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(239, 241, 245, 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: #eff1f5; + background-color: rgba(239, 241, 245, 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: #333342; + color: #eff1f5; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; + margin: 0 3px; + border-radius: 6px; + color: #eff1f5; +} + +.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(239, 241, 245, 0.12); + color: #eff1f5; +} + +.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: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-radius: 6px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(239, 241, 245, 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: #eff1f5; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #eff1f5; +} + +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: rgba(239, 241, 245, 0.7); + background-color: rgba(17, 17, 27, 0.75); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: rgba(239, 241, 245, 0.7); + border-radius: 0; + background-color: rgba(17, 17, 27, 0.75); + 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: #89b4fa; +} + +.osd-window .level-bar { + border-radius: 6px; + background-color: #89b4fa; +} + +.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(243, 139, 168, 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(239, 241, 245, 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(239, 241, 245, 0.7); + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.15); +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: rgba(239, 241, 245, 0.7); + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.25); + border-color: rgba(239, 241, 245, 0.3); +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + background-color: rgba(239, 241, 245, 0.3); +} + +.window-list-item-box:focus { + color: rgba(239, 241, 245, 0.7); + background-gradient-direction: none; + background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(239, 241, 245, 0.7) 0%, rgba(239, 241, 245, 0.7) 100%); + border-color: #89b4fa; + background-color: rgba(239, 241, 245, 0.2); +} + +.window-list-item-box:focus:hover { + background-color: rgba(239, 241, 245, 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: #a6e3a1; + background-gradient-end: #a6e3a1; + border-radius: 6px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #f9e2af; + background-gradient-end: #f9e2af; +} + +.window-list-preview { + padding: 6px; + spacing: 6px; + border: none; + background-color: #1e1e2e; + border-radius: 6px; + color: #eff1f5; + 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(243, 139, 168, 0.5); +} + +.grouped-window-list-thumbnail-menu { + padding: 6px; + margin: 6px; + background-color: #1e1e2e; + border-radius: 12px; + background-clip: border-box; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); + border: 1px solid rgba(17, 17, 27, 0.75); +} + +.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(239, 241, 245, 0.1); +} + +.grouped-window-list-thumbnail-menu .item-box:hover { + background-color: rgba(239, 241, 245, 0.15); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(239, 241, 245, 0.12); +} + +.grouped-window-list-number-label { + z-index: 120; + text-shadow: none; + color: rgba(17, 17, 27, 0.87); + padding: 0 1px; +} + +.grouped-window-list-button-label { + padding-left: 2px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #89b4fa; +} + +.grouped-window-list-item-box { + font-weight: normal; + transition-duration: 100ms; + border: none; + margin: 0; + color: rgba(239, 241, 245, 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(239, 241, 245, 0.7); + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.15); +} + +.grouped-window-list-item-box:active { + color: rgba(239, 241, 245, 0.7); + background-gradient-direction: none; + background-color: transparent; + border-color: rgba(239, 241, 245, 0.3); +} + +.grouped-window-list-item-box:active:hover { + background-color: rgba(239, 241, 245, 0.15); +} + +.grouped-window-list-item-box:focus { + color: rgba(239, 241, 245, 0.7); + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.2); + border-color: #89b4fa; +} + +.grouped-window-list-item-box:focus:hover { + background-color: rgba(239, 241, 245, 0.3); +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #a6e3a1; + background-gradient-end: #a6e3a1; + border-radius: 6px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #f9e2af; + background-gradient-end: #f9e2af; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 0; + margin-top: 6px; + border-radius: 6px; + background-color: #333342; + color: #eff1f5; +} + +.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(239, 241, 245, 0.12); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.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: #eff1f5; + text-shadow: none; +} + +.sound-player-overlay StButton { + width: 16px; + height: 16px; + padding: 8px; + margin: 0 6px 6px; + color: #eff1f5; + border-radius: 9999px; + border: none; + text-shadow: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + background-color: rgba(239, 241, 245, 0.12); +} + +.sound-player-overlay StButton:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.sound-player-overlay StButton:insensitive { + opacty: 0.35; + color: rgba(239, 241, 245, 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(0, 0, 0, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #14141f; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #89b4fa; + -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(239, 241, 245, 0.7); + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #89b4fa; +} + +.workspace-button:hover { + color: #bad3fc; +} + +/* 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 #89b4fa; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(47, 47, 74, 0.75); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(47, 47, 74, 0.75); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(56, 56, 90, 0.75); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(27, 27, 43, 0.75); + -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(239, 241, 245, 0.1); +} + +.panel-launcher:active { + background-color: rgba(239, 241, 245, 0.2); +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; + border-radius: 0; +} + +.launcher:hover { + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.1); +} + +.launcher:active { + background-color: rgba(239, 241, 245, 0.2); +} + +.launcher .icon-box { + padding: 2px; +} + +.applet-separator { + padding: 1px 3px; +} + +.applet-separator-line { + width: 1px; + background: rgba(239, 241, 245, 0.12); +} + +.applet-box { + padding: 0 6px; + color: rgba(239, 241, 245, 0.7); + text-shadow: none; + transition-duration: 100ms; + border-radius: 0; +} + +.applet-box.vertical { + padding: 6px 0; +} + +.applet-box:hover { + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); +} + +.applet-box:checked, .applet-box:checked:hover { + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.12); +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(243, 139, 168, 0.5); +} + +.applet-label { + font-weight: bold; + color: rgba(239, 241, 245, 0.7); +} + +.applet-box:checked .applet-label { + color: rgba(239, 241, 245, 0.7); + text-shadow: none; +} + +.applet-icon { + color: rgba(239, 241, 245, 0.7); + icon-size: 16px; +} + +.applet-box:checked .applet-icon { + color: rgba(239, 241, 245, 0.7); + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #eff1f5; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #eff1f5; +} + +.desklet:highlight { + background-color: rgba(243, 139, 168, 0.5); +} + +.desklet-with-borders { + color: #eff1f5; + background-color: rgba(11, 11, 18, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(243, 139, 168, 0.5); +} + +.desklet-with-borders-and-header { + color: #eff1f5; + background-color: rgba(11, 11, 18, 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(243, 139, 168, 0.5); +} + +.desklet-header { + color: #eff1f5; + background-color: rgba(11, 11, 18, 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 #89b4fa; + background-color: rgba(137, 180, 250, 0.3); +} + +.photoframe-box { + color: #eff1f5; + background-color: rgba(11, 11, 18, 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: .5em 1em; +} + +.notification-applet-container { + max-height: 9999px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(137, 180, 250, 0.3); + border: 1px solid #89b4fa; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/thumbnail.png b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/thumbnail.png new file mode 100644 index 0000000..ad184f9 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/cinnamon/thumbnail.png @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + button + entry + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/calendar-arrow-left.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..ec8b478 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/calendar-arrow-right.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..6fc5556 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/calendar-today.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/calendar-today.svg new file mode 100644 index 0000000..5e77084 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/calendar-today.svg @@ -0,0 +1,178 @@ + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-dark.svg new file mode 100644 index 0000000..c7e5afd --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-off-active.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-off-active.svg new file mode 100644 index 0000000..9cfdefd --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-off-active.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-off-hover.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-off-hover.svg new file mode 100644 index 0000000..ef5123a --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-off-hover.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-off.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-off.svg new file mode 100644 index 0000000..b00efa6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox.svg new file mode 100644 index 0000000..c7e5afd --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/checkbox.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/dash-placeholder.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/dash-placeholder.svg new file mode 100644 index 0000000..172156a --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/dash-placeholder.svg @@ -0,0 +1,4 @@ + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/noise-texture.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/noise-texture.svg new file mode 100644 index 0000000..484f6c8 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/noise-texture.svg @@ -0,0 +1,78 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/process-working.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/process-working.svg new file mode 100644 index 0000000..0f311b0 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/process-working.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/toggle-off.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/toggle-off.svg new file mode 100644 index 0000000..8522010 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/toggle-off.svg @@ -0,0 +1,69 @@ + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/toggle-on-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/toggle-on-dark.svg new file mode 100644 index 0000000..0e92ca9 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/toggle-on-dark.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/toggle-on.svg b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/toggle-on.svg new file mode 100644 index 0000000..0e92ca9 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/assets/toggle-on.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/gnome-shell.css b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/gnome-shell.css new file mode 100644 index 0000000..f26559b --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/gnome-shell.css @@ -0,0 +1,4479 @@ +/* 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: #eff1f5; +} + +/* General Typography */ +.search-statustext, .app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { + font-weight: 800; + font-size: 20pt; +} + +.message-list .message-list-placeholder, .lg-debug-flags-header { + font-weight: 800; + font-size: 15pt; +} + +.quick-toggle-menu .header .title { + font-weight: 700; + font-size: 15pt; +} + +.bt-menu-placeholder.popup-menu-item { + font-weight: 700; + font-size: 13pt; +} + +.background-app-item .title, .message-list-controls, .world-clocks-button .world-clocks-header, .calendar .calendar-month-label, .lg-extension-name { + font-weight: 700; + font-size: 11pt; +} + +.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { + font-weight: 700; + font-size: 9pt; +} + +.icon-label-button-container, .background-app-item .subtitle, .message .message-header .message-header-content .event-time { + font-weight: 400; + font-size: 9pt; +} + +.calendar .calendar-week-number, .calendar .calendar-day-heading { + font-weight: 400; + font-size: 8pt; +} + +.calendar .calendar-day-heading { + font-feature-settings: "tnum"; +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(255, 255, 255, 0.3); + box-shadow: 0 0 2px 2px #ebf2fe; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #89b4fa; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.magnifier-zoom-region { + border: 2px solid #89b4fa; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.shell-link { + border-radius: 6px; + color: #89dceb; +} + +.shell-link:hover { + color: #89dceb; + background-color: rgba(137, 220, 235, 0.15); +} + +.shell-link:active { + color: #89dceb; + background-color: rgba(137, 220, 235, 0.25); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); +} + +/* Buttons */ +.quick-settings-system-item .icon-button, .quick-settings-system-item .background-app-item .close-button, .background-app-item .quick-settings-system-item .close-button, .quick-settings-system-item .message .message-header .message-expand-button, .message .message-header .quick-settings-system-item .message-expand-button, +.quick-settings-system-item .message .message-header .message-close-button, +.message .message-header .quick-settings-system-item .message-close-button, .hotplug-notification-item, .button { + color: #eff1f5; + background-color: #1e1e2e; + box-shadow: none !important; +} + +.quick-settings-system-item .icon-button:focus, .quick-settings-system-item .background-app-item .close-button:focus, .background-app-item .quick-settings-system-item .close-button:focus, .quick-settings-system-item .message .message-header .message-expand-button:focus, .message .message-header .quick-settings-system-item .message-expand-button:focus, +.quick-settings-system-item .message .message-header .message-close-button:focus, +.message .message-header .quick-settings-system-item .message-close-button:focus, .hotplug-notification-item:focus, .button:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.quick-settings-system-item .icon-button:hover, .quick-settings-system-item .background-app-item .close-button:hover, .background-app-item .quick-settings-system-item .close-button:hover, .quick-settings-system-item .message .message-header .message-expand-button:hover, .message .message-header .quick-settings-system-item .message-expand-button:hover, +.quick-settings-system-item .message .message-header .message-close-button:hover, +.message .message-header .quick-settings-system-item .message-close-button:hover, .hotplug-notification-item:hover, .button:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none !important; +} + +.quick-settings-system-item .icon-button:active, .quick-settings-system-item .background-app-item .close-button:active, .background-app-item .quick-settings-system-item .close-button:active, .quick-settings-system-item .message .message-header .message-expand-button:active, .message .message-header .quick-settings-system-item .message-expand-button:active, +.quick-settings-system-item .message .message-header .message-close-button:active, +.message .message-header .quick-settings-system-item .message-close-button:active, .hotplug-notification-item:active, .button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.quick-settings-system-item .icon-button:insensitive, .quick-settings-system-item .background-app-item .close-button:insensitive, .background-app-item .quick-settings-system-item .close-button:insensitive, .quick-settings-system-item .message .message-header .message-expand-button:insensitive, .message .message-header .quick-settings-system-item .message-expand-button:insensitive, +.quick-settings-system-item .message .message-header .message-close-button:insensitive, +.message .message-header .quick-settings-system-item .message-close-button:insensitive, .hotplug-notification-item:insensitive, .button:insensitive { + color: rgba(239, 241, 245, 0.35); + background-color: #1e1e2e; + box-shadow: none !important; +} + +.lg-obj-inspector-button, .candidate-page-button, .modal-dialog-linked-button, .icon-button.flat, .background-app-item .flat.close-button, .message .message-header .flat.message-expand-button, +.message .message-header .flat.message-close-button, .button.flat, .popup-menu .button { + color: #eff1f5; + background-color: transparent; + box-shadow: none !important; +} + +.lg-obj-inspector-button:focus, .candidate-page-button:focus, .modal-dialog-linked-button:focus, .icon-button.flat:focus, .background-app-item .flat.close-button:focus, .message .message-header .flat.message-expand-button:focus, +.message .message-header .flat.message-close-button:focus, .button.flat:focus, .popup-menu .button:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.lg-obj-inspector-button:hover, .candidate-page-button:hover, .modal-dialog-linked-button:hover, .icon-button.flat:hover, .background-app-item .flat.close-button:hover, .message .message-header .flat.message-expand-button:hover, +.message .message-header .flat.message-close-button:hover, .button.flat:hover, .popup-menu .button:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.lg-obj-inspector-button:active, .candidate-page-button:active, .modal-dialog-linked-button:active, .icon-button.flat:active, .background-app-item .flat.close-button:active, .message .message-header .flat.message-expand-button:active, +.message .message-header .flat.message-close-button:active, .button.flat:active, .popup-menu .button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.lg-obj-inspector-button:insensitive, .candidate-page-button:insensitive, .modal-dialog-linked-button:insensitive, .icon-button.flat:insensitive, .background-app-item .flat.close-button:insensitive, .message .message-header .flat.message-expand-button:insensitive, +.message .message-header .flat.message-close-button:insensitive, .button.flat:insensitive, .popup-menu .button:insensitive { + background-color: transparent; + color: rgba(239, 241, 245, 0.35); + box-shadow: none !important; +} + +.icon-button.default, .background-app-item .default.close-button, .message .message-header .default.message-expand-button, +.message .message-header .default.message-close-button, .button.default { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; + box-shadow: none !important; +} + +.icon-button.default:focus, .background-app-item .default.close-button:focus, .message .message-header .default.message-expand-button:focus, +.message .message-header .default.message-close-button:focus, .button.default:focus { + color: rgba(17, 17, 27, 0.87); + background-color: rgba(17, 17, 27, 0.08); + box-shadow: none !important; +} + +.icon-button.default:hover, .background-app-item .default.close-button:hover, .message .message-header .default.message-expand-button:hover, +.message .message-header .default.message-close-button:hover, .button.default:hover { + color: rgba(17, 17, 27, 0.87); + background-color: rgba(17, 17, 27, 0.12); + box-shadow: none !important; +} + +.icon-button.default:insensitive, .background-app-item .default.close-button:insensitive, .message .message-header .default.message-expand-button:insensitive, +.message .message-header .default.message-close-button:insensitive, .button.default:insensitive { + color: rgba(17, 17, 27, 0.35); + background-color: #89b4fa; + box-shadow: none !important; +} + +.icon-button.default:active, .background-app-item .default.close-button:active, .message .message-header .default.message-expand-button:active, +.message .message-header .default.message-close-button:active, .button.default:active { + color: rgba(17, 17, 27, 0.87); + background-color: rgba(17, 17, 27, 0.2); + box-shadow: none !important; +} + +.button { + min-height: 20px; + padding: 6px 12px; + border-radius: 6px; + border: none; +} + +.icon-button, .background-app-item .close-button, .message .message-header .message-expand-button, +.message .message-header .message-close-button { + border-radius: 9999px; + padding: 6px; + min-height: 1.091em; +} + +.icon-button StIcon, .background-app-item .close-button StIcon, .message .message-header .message-expand-button StIcon, +.message .message-header .message-close-button StIcon { + icon-size: 1.091em; + -st-icon-style: symbolic; +} + +.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { + color: #eff1f5; + background-color: transparent; + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { + color: rgba(239, 241, 245, 0.35); + background-color: #11111b; + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; + box-shadow: none !important; +} + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 3px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-image: url("assets/checkbox-off-hover.svg"); +} + +.check-box:active StBin { + background-image: url("assets/checkbox-off-active.svg"); +} + +.check-box:checked StBin, .check-box:focus:checked StBin { + background-image: url("assets/checkbox-dark.svg"); +} + +/* Activities Ripple */ +.ripple-box { + background-color: rgba(137, 180, 250, 0.35); + box-shadow: 0 0 2px 2px #ebf2fe; + width: 52px; + height: 52px; + border-radius: 0 0 52px 0; +} + +.ripple-box:rtl { + border-radius: 0 0 0 52px; +} + +/* Modal Dialogs */ +.modal-dialog { + background-color: #1e1e2e; + border-radius: 15px; + border: 1px solid rgba(17, 17, 27, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.modal-dialog-linked-button:last-child { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +.modal-dialog-linked-button:hover:last-child { + color: rgba(17, 17, 27, 0.87); + background-color: #b5d0fc; +} + +.modal-dialog-linked-button:active:last-child { + color: rgba(17, 17, 27, 0.87); + background-color: #71a4f9; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(137, 180, 250, 0.05); + color: rgba(137, 180, 250, 0.35); +} + +.headline { + font-size: 12pt; +} + +.modal-dialog { + color: rgba(239, 241, 245, 0.7); + padding: 0 6px 6px 6px; +} + +.modal-dialog-linked-button { + min-height: 32px !important; + padding: 6px !important; + margin: 3px !important; + border: none !important; + border-radius: 6px; +} + +.modal-dialog-linked-button:first-child { + background-color: rgba(239, 241, 245, 0.04); +} + +.modal-dialog-linked-button:first-child:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.modal-dialog-linked-button:first-child:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.modal-dialog-linked-button:first-child:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.modal-dialog .modal-dialog-content-box { + margin: 30px 42px; + spacing: 30px; + max-width: 28em; +} + +.end-session-dialog { + width: 30em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #f9e2af; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.lightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: rgba(239, 241, 245, 0.7); + font-size: 10pt; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 12px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: rgba(239, 241, 245, 0.7); + font-size: 10pt; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 10pt; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #f38ba8; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: rgba(239, 241, 245, 0.5); +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #f9e2af; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.audio-selection-device:active { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +.audio-selection-device-box { + padding: 18px; + spacing: 18px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.welcome-dialog-image { + background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); + background-size: contain; + height: 300px; + width: 300px; +} + +/* Entries */ +StEntry, .popup-menu .search-entry { + padding: 6px 12px; + margin: 2px; + border-width: 0; + border-radius: 6px; + color: #eff1f5; + caret-color: #eff1f5; + selection-background-color: #89b4fa; + selected-color: rgba(17, 17, 27, 0.87); + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid transparent !important; + box-shadow: none !important; +} + +StEntry:hover, .popup-menu .search-entry:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid rgba(239, 241, 245, 0.3) !important; + box-shadow: none !important; +} + +StEntry:focus, .popup-menu .search-entry:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid #89b4fa !important; + box-shadow: none !important; +} + +StEntry:insensitive, .popup-menu .search-entry:insensitive { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.35); +} + +StEntry StIcon.capslock-warning, .popup-menu .search-entry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #f9e2af; + padding: 0 0; +} + +StEntry StIcon.peek-password, .popup-menu .search-entry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text, .popup-menu .search-entry StLabel.hint-text { + margin-left: 2px; + color: rgba(239, 241, 245, 0.5); +} + +.hotplug-notification-item { + padding: 12px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 0 4px; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 12px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 3px; + border-radius: 12px; + box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.18); +} + +.candidate-popup-content { + color: rgba(239, 241, 245, 0.7); + box-shadow: none; + border: none; + margin: 0; + padding: 6px; + spacing: 6px; + background-color: #1e1e2e; + border-radius: 12px; + border: 1px solid rgba(17, 17, 27, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.candidate-index { + padding: 0 0.5em 0 0; + color: rgba(239, 241, 245, 0.7); +} + +.candidate-box:selected .candidate-index { + color: rgba(17, 17, 27, 0.6); +} + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + margin-right: 2px; + border-radius: 6px; + color: rgba(239, 241, 245, 0.7); +} + +.candidate-box:hover { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.candidate-box:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +.candidate-box:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +.candidate-box:last-child { + margin-right: 0; +} + +.candidate-page-button-box { + height: 2em; +} + +.vertical .candidate-page-button-box { + padding-top: 0.5em; +} + +.horizontal .candidate-page-button-box { + padding-left: 0.5em; +} + +.candidate-page-button { + padding: 4px 8px; +} + +.candidate-page-button-previous, +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1em; +} + +/* On-screen Keyboard */ +#keyboard { + background-color: #1d1d1d; + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + font-size: 16pt; + font-weight: bold; + min-height: 1.2em; + min-width: 1.2em; + padding: 0 !important; + border-radius: 9px; + border: none; + color: rgba(239, 241, 245, 0.7); + background-color: #707070; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #eff1f5; + background-color: #656565; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #eff1f5; + background-color: #717171; +} + +.keyboard-key:grayed { + background-color: #4b4b4b; + color: rgba(239, 241, 245, 0.7); +} + +.keyboard-key.default-key { + background-color: #4b4b4b; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #eff1f5; + background-color: #585858; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #eff1f5; + background-color: #6a6a6a; +} + +.keyboard-key.enter-key { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: rgba(17, 17, 27, 0.87); + background-color: #a1c4fb; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: rgba(17, 17, 27, 0.87); + background-color: #5895f8; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #89b4fa; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 12px; + -arrow-background-color: #323233; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 6px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85); +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border: none; + background-color: #89b4fa; +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +/* Login Dialog */ +#lockDialogGroup { + background-color: #11111b; +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #89b4fa; + selected-color: rgba(17, 17, 27, 0.87); + padding: 4px 8px; + min-height: 26px; + border-radius: 9999px; + caret-color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border-radius: 0; + border: none !important; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.15) !important; + color: #eff1f5; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none !important; + background-color: rgba(239, 241, 245, 0.04); + box-shadow: inset 0 -2px #89b4fa !important; + color: #eff1f5; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none !important; + box-shadow: none !important; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.35); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(239, 241, 245, 0.5); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: rgba(17, 17, 27, 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(17, 17, 27, 0.87); + background-color: rgba(239, 241, 245, 0.12); +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: rgba(17, 17, 27, 0.87); + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + background-color: transparent; + color: rgba(17, 17, 27, 0.35); + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: rgba(17, 17, 27, 0.87); + background-color: #1e1e2e; + 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(17, 17, 27, 0.87); + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: rgba(17, 17, 27, 0.87); + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(17, 17, 27, 0.35); + background-color: #1e1e2e; + box-shadow: none !important; +} + +.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 { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message { + text-align: center; +} + +.login-dialog-message-warning { + color: #f9e2af; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: #eff1f5; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(239, 241, 245, 0.7); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.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(239, 241, 245, 0.3); + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #89b4fa; +} + +.login-dialog-user-list-item { + border-radius: 12px; + padding: 6px; + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(239, 241, 245, 0.04) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(239, 241, 245, 0.12) !important; + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(239, 241, 245, 0.3) !important; + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(239, 241, 245, 0.12) !important; +} + +.user-widget-label { + color: rgba(239, 241, 245, 0.7); +} + +.user-widget.horizontal .user-widget-label { + font-size: 13pt; + font-weight: bold; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; + text-align: left; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; + text-align: right; +} + +.user-widget.vertical .user-widget-label { + font-size: 16pt; + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 12px; + width: 23em; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-label { + color: rgba(239, 241, 245, 0.7); + font-size: 12pt; + padding-top: 1em; +} + +/* Looking Glass */ +#LookingGlassDialog { + background-color: #1e1e2e; + padding: 0; + spacing: 6px; + margin: 6px; + border-radius: 12px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #eff1f5; + border: 1px solid rgba(17, 17, 27, 0.75); +} + +#LookingGlassDialog > #Toolbar { + padding: 0 6px; + border: none; + border-radius: 12px 12px 0 0; + background-color: rgba(239, 241, 245, 0.04); + box-shadow: inset 0 -1px 0 rgba(239, 241, 245, 0.12); + spacing: 6px; +} + +#LookingGlassDialog .labels { + spacing: 6px; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 12px; + font-weight: bold; + color: rgba(239, 241, 245, 0.5); + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 3px 30px; + transition-duration: 100ms; + border: none; + background-color: transparent; + border-radius: 0; +} + +#LookingGlassDialog .notebook-tab:hover { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-color: transparent; + background-color: rgba(239, 241, 245, 0.12); + box-shadow: inset 0 -2px 0px #89b4fa; + color: #eff1f5; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 6px; + padding: 6px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 6px; + padding: 6px; +} + +.lg-dialog StEntry { + min-height: 22px; + selection-background-color: #89b4fa; + selected-color: rgba(17, 17, 27, 0.87); +} + +.lg-dialog .shell-link { + color: #89dceb; +} + +.lg-dialog .shell-link:hover { + color: #b5e9f2; +} + +.lg-dialog .shell-link:active { + color: #5dcfe4; +} + +.lg-dialog .actor-link { + color: rgba(239, 241, 245, 0.5); +} + +.lg-dialog .actor-link:hover { + color: #eff1f5; +} + +.lg-dialog .actor-link:active { + color: rgba(239, 241, 245, 0.7); +} + +.lg-dialog .actor-link StIcon { + icon-size: 12px; +} + +.lg-completions-text { + font-size: .9em; + font-style: italic; + color: rgba(239, 241, 245, 0.7); +} + +.lg-obj-inspector-title { + spacing: 6px; + color: rgba(239, 241, 245, 0.7); +} + +.lg-obj-inspector-button { + padding: 0 16px; + border: none; + border-radius: 6px; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 6px; + color: rgba(239, 241, 245, 0.7); +} + +.lg-extensions-list { + padding: 6px; + spacing: 6px; + color: rgba(239, 241, 245, 0.7); +} + +.lg-extension { + border: none; + border-radius: 6px; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.7); + padding: 12px; +} + +.lg-extension:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.lg-extension:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); +} + +.lg-extension-meta { + spacing: 6px; + color: rgba(239, 241, 245, 0.7); +} + +#LookingGlassPropertyInspector { + color: rgba(239, 241, 245, 0.7); + background: #1e1e2e; + border: none; + border-radius: 6px; + padding: 6px; + margin: 5px 8px 11px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.lg-debug-flag-button { + color: rgba(239, 241, 245, 0.7); +} + +.lg-debug-flag-button StLabel { + padding: 6px, 12px; +} + +.lg-debug-flag-button:hover { + color: #eff1f5; +} + +.lg-debug-flag-button:active { + color: #eff1f5; +} + +.lg-debug-flags-header { + padding-top: 12px; + padding: 6px; +} + +.select-area-rubberband { + background-color: rgba(137, 180, 250, 0.3); + border: 1px solid #89b4fa; + border-radius: 6px; +} + +.user-icon { + background-size: contain; + color: rgba(239, 241, 245, 0.7); + border-radius: 9999px; + border: none; + box-shadow: none; + icon-size: 64px; +} + +.modal-dialog .user-icon { + box-shadow: none; +} + +.user-icon:hover { + color: #eff1f5; +} + +.user-icon StIcon { + background-color: #eff1f5; + border-radius: 9999px; + padding: 12px; + width: 40px; + height: 40px; +} + +.user-icon.user-avatar { + border: 2px solid #89b4fa; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 10pt; + color: #f9e2af; +} + +/* Network Dialogs */ +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #eff1f5; +} + +.nm-dialog-header { + font-weight: bold; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-scroll-view { + border: none; + padding: 0; + background-color: rgba(239, 241, 245, 0.04); + border-radius: 6px; +} + +.nm-dialog-item { + font-size: 11pt; + border-bottom: none; + padding: 12px; + spacing: 0px; +} + +.nm-dialog-item:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.nm-dialog-icons { + spacing: 12px; +} + +.no-networks-label { + color: rgba(239, 241, 245, 0.5); +} + +.no-networks-box { + spacing: 6px; +} + +/* OSD */ +.screenshot-ui-panel, .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { + color: rgba(239, 241, 245, 0.7); + background-color: #11111b; + border: none; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + margin: 5px 8px 11px; + border-radius: 12px; + padding: 12px; +} + +.osd-window { + text-align: center; + font-weight: bold; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + height: 2px; + border-radius: 2px; + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; + -barlevel-height: 2px; + -barlevel-background-color: rgba(239, 241, 245, 0.12); + -barlevel-active-background-color: #89b4fa; + -barlevel-overdrive-color: #f38ba8; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(239, 241, 245, 0.12); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 2px; +} + +.pad-osd-window { + padding: 32px; + background-color: #11111b; +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview StScrollBar StBin#trough { + background-color: rgba(239, 241, 245, 0.12); +} + +#overview StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(239, 241, 245, 0.5); +} + +#overview StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(239, 241, 245, 0.7); +} + +#overview StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: #eff1f5; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 30px; +} + +/* Top Bar */ +#panel { + font-weight: bold; + color: rgba(239, 241, 245, 0.7); + font-feature-settings: "tnum"; + transition-duration: 250ms; + box-shadow: none; + border: none; + font-size: 10pt; + background-color: #11111b; + height: 34px; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: #11111b; + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; + -panel-corner-opacity: 1; + transition-duration: 250ms; +} + +#panel .panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: rgba(239, 241, 245, 0.7); + transition-duration: 150ms; + border-radius: 9999px; + text-shadow: none; + border: 3px solid transparent; +} + +#panel .panel-button.clock-display { + box-shadow: none; +} + +#panel .panel-button.clock-display .clock { + transition-duration: 150ms; + border-radius: 9999px; + border: 3px solid transparent; +} + +#panel .panel-button.screen-recording-indicator { + box-shadow: inset 0 0 0 100px #f38ba8; +} + +#panel .panel-button.screen-sharing-indicator { + box-shadow: inset 0 0 0 100px #f9e2af; +} + +#panel .panel-button.screen-sharing-indicator StBoxLayout { + margin: 0 6px; +} + +#panel .panel-button.screen-recording-indicator StBoxLayout, #panel .panel-button.screen-sharing-indicator StBoxLayout { + spacing: 6px; +} + +#panel .panel-button.screen-recording-indicator StIcon, #panel .panel-button.screen-sharing-indicator StIcon { + icon-size: 16px; +} + +#panel .panel-button:hover { + color: #eff1f5; + background-color: transparent; + box-shadow: inset 0 0 0 1000px #32333c; +} + +#panel .panel-button:hover.clock-display { + box-shadow: none; + color: rgba(239, 241, 245, 0.7); +} + +#panel .panel-button:hover.clock-display .clock { + color: #eff1f5; + box-shadow: inset 0 0 0 1000px #32333c; +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: transparent; + color: #eff1f5; + box-shadow: inset 0 0 0 1000px #494952; +} + +#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { + box-shadow: none; + color: rgba(239, 241, 245, 0.7); +} + +#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { + box-shadow: inset 0 0 0 1000px #494952; + color: #eff1f5; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #eff1f5; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #eff1f5; +} + +#panel .panel-button .system-status-icon { + icon-size: 16px; + padding: 6px; + margin: 0; + -st-icon-style: symbolic; +} + +#panel .panel-button .appindicator-trayicons-box { + margin: 0 6px; +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; +} + +#panel .panel-button#panelActivities { + -natural-hpadding: 18px; +} + +#panel .panel-button#panelActivities StBoxLayout { + spacing: 6px; +} + +#panel .panel-button#panelActivities .workspace-dot { + border-radius: 9999px; + min-width: 8px; + min-height: 8px; + background-color: #eff1f5; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; + box-shadow: none; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(239, 241, 245, 0.7); +} + +#panel:overview .panel-button.clock-display .clock, #panel.unlock-screen .panel-button.clock-display .clock, #panel.login-screen .panel-button.clock-display .clock, #panel.lock-screen .panel-button.clock-display .clock { + box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.06); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: #eff1f5; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); +} + +#panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display { + box-shadow: none; + color: #eff1f5; +} + +#panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock { + color: #eff1f5; + box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:checked { + color: #eff1f5; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); +} + +#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: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: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: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 { + box-shadow: none; + color: #eff1f5; +} + +#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: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: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: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: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); + color: #eff1f5; +} + +#panel:overview .panel-button#panelActivities .workspace-dot, #panel.unlock-screen .panel-button#panelActivities .workspace-dot, #panel.login-screen .panel-button#panelActivities .workspace-dot, #panel.lock-screen .panel-button#panelActivities .workspace-dot { + background-color: #eff1f5; +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel Gjs_status_keyboard_InputSourceIndicator.panel-button, +#panel Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_IndicatorStatusIcon.panel-button, +#panel Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button { + -natural-hpadding: 18px !important; + -minimum-hpadding: 18px !important; +} + +#panel .screencast-indicator, +#panel .remote-access-indicator { + color: #f9e2af; +} + +/* Popovers/Menus */ +.popup-menu-boxpointer { + -arrow-border-radius: 12px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 18px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu { + min-width: 12em; + color: rgba(239, 241, 245, 0.7) !important; + padding: 0; + font-weight: normal; + border-radius: 24px; + box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.18); + margin: 6px 6px 8px; + font-size: 10pt; +} + +.popup-menu .popup-menu-content { + padding: 6px; + background-color: #1e1e2e; + border-radius: 12px; + margin: 0; + font-weight: normal; + border: 1px solid rgba(17, 17, 27, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.popup-menu .popup-menu-item { + spacing: 6px; + color: rgba(239, 241, 245, 0.7) !important; + text-shadow: none; + border-radius: 6px; + margin: 0; + transition-duration: 100ms; + font-weight: normal; + background-color: transparent; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border: none; + box-shadow: none; + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.12) !important; + border-radius: 6px 6px 0 0 !important; +} + +.popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected { + color: #eff1f5 !important; + background-color: alpha(currentColor, 0.08) !important; +} + +.popup-menu .popup-menu-item:checked:active { + color: #eff1f5 !important; + background-color: alpha(currentColor, 0.12) !important; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(239, 241, 245, 0.32) !important; +} + +.popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item.selected { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.12) !important; + transition-duration: 0; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.3) !important; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(239, 241, 245, 0.32) !important; +} + +.popup-menu .popup-sub-menu { + background-color: rgba(239, 241, 245, 0.12) !important; + color: rgba(239, 241, 245, 0.7) !important; + border: none; + box-shadow: none; + margin: 0; + border-radius: 0 0 6px 6px !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; +} + +.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: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.12) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.3) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:insensitive { + color: rgba(239, 241, 245, 0.32) !important; +} + +.popup-menu .popup-inactive-menu-item { + color: rgba(239, 241, 245, 0.7) !important; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(239, 241, 245, 0.32) !important; +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-ornament { + width: 1.2em; +} + +.popup-menu-ornament:ltr { + text-align: right; +} + +.popup-menu-ornament:rtl { + text-align: left; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0px; +} + +.aggregate-menu { + min-width: 20em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 3px; + -st-icon-style: symbolic; +} + +.app-menu { + max-width: 27.25em; +} + +.app-menu .popup-menu-ornament { + width: 0 !important; +} + +.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { + margin-right: 8px; +} + +.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { + margin-left: 8px; +} + +/* Screen Shield */ +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: #11111b; + color: #eff1f5; + border-radius: 12px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: #212134; +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; + border-radius: 9999px; + margin-right: 12px; +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { + background-color: rgba(30, 30, 46, 0.3); +} + +#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { + background-color: rgba(30, 30, 46, 0.5); +} + +#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { + background-color: rgba(137, 180, 250, 0.5); +} + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 12px; + min-height: 12px; +} + +StScrollBar StBin#trough { + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.12); + margin: 3px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + border: 3px solid transparent; + margin: 3px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: rgba(239, 241, 245, 0.7); +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #eff1f5; +} + +.search-entry { + width: 24em; + padding: 6px 12px; + color: rgba(239, 241, 245, 0.7); + transition-duration: 150ms; + border-radius: 6px; + caret-color: #eff1f5; + selection-background-color: rgba(239, 241, 245, 0.12); + selected-color: rgba(17, 17, 27, 0.87) !important; + color: #eff1f5; + background-color: #1e1e2e; + border: 2px solid transparent !important; + box-shadow: none !important; +} + +.search-entry:hover { + color: #eff1f5; + background-color: #1e1e2e; + border: 2px solid rgba(239, 241, 245, 0.3) !important; + box-shadow: none !important; +} + +.search-entry:focus { + color: #eff1f5; + background-color: #1e1e2e; + border: 2px solid #89b4fa !important; + box-shadow: none !important; +} + +.search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(239, 241, 245, 0.32); +} + +.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(239, 241, 245, 0.7); +} + +.search-entry:insensitive { + border: none; + color: rgba(239, 241, 245, 0.32); +} + +.search-entry StLabel.hint-text { + color: rgba(239, 241, 245, 0.5); +} + +/* Slider */ +.slider { + height: 20px; + color: #1e1e2e; + -slider-height: 2px; + -slider-background-color: rgba(239, 241, 245, 0.3); + -slider-border-color: #89b4fa; + -slider-active-background-color: #89b4fa; + -slider-active-border-color: #89b4fa; + -slider-border-width: 2px; + -slider-handle-radius: 7px; + -slider-handle-border-width: 2px; + -slider-handle-border-color: #89b4fa; + -barlevel-height: 2px; + -barlevel-background-color: rgba(239, 241, 245, 0.3); + -barlevel-border-color: transparent; + -barlevel-active-background-color: #89b4fa; + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f38ba8; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; + border: 1px solid transparent; +} + +.switcher-list .item-box:outlined { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.switcher-list .item-box:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 6px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(239, 241, 245, 0.12); +} + +.switcher-list .switcher-list-item-container { + spacing: 12px; +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: rgba(239, 241, 245, 0.5); +} + +.switcher-arrow:highlighted { + color: #eff1f5; +} + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; +} + +.cycler-highlight { + border: 5px solid #89b4fa; +} + +/* Switches */ +.toggle-switch { + width: 46px; + height: 24px; + background-size: contain; +} + +.toggle-switch, .popup-sub-menu .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked, .popup-sub-menu .toggle-switch:checked { + background-image: url("assets/toggle-on-dark.svg"); +} + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(137, 180, 250, 0.3); + border: 1px solid #89b4fa; +} + +.tile-preview-left.on-primary { + border-radius: 7px 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 7px 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 7px 7px 0 0; +} + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 12px; +} + +.workspace-switcher { + background: transparent; + border: none; + border-radius: 0; + padding: 0; + spacing: 12px; +} + +.ws-switcher-box { + background: transparent; + height: 50px; + background-size: 32px; + background: rgba(239, 241, 245, 0.12); + border-radius: 6px; +} + +.ws-switcher-active-up, +.ws-switcher-active-down, +.ws-switcher-active-left, +.ws-switcher-active-right { + height: 52px; + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + border-radius: 9px; + border: none; +} + +/* App Icons */ +.icon-grid { + row-spacing: 12px; + column-spacing: 12px; + max-row-spacing: 36px; + max-column-spacing: 36px; + page-padding-top: 24px; + page-padding-bottom: 24px; + page-padding-left: 18px; + page-padding-right: 18px; +} + +.overview-tile, .grid-search-result { + color: rgba(239, 241, 245, 0.7); + border-radius: 15px; + padding: 6px; + border: none; + transition-duration: 100ms; + text-align: center; + background-color: transparent; +} + +.overview-tile:hover, .grid-search-result:hover, .overview-tile:focus, .grid-search-result:focus, .overview-tile:selected, .grid-search-result:selected { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-image: none; + background-image: none; +} + +.overview-tile:active, .grid-search-result:active, .overview-tile:checked, .grid-search-result:checked { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); + box-shadow: none; +} + +.app-folder { + background-color: rgba(239, 241, 245, 0.12); + border-radius: 15px; + color: rgba(239, 241, 245, 0.7); +} + +.app-folder .overview-icon { + background-color: transparent; + border-radius: 15px; +} + +.app-folder:hover { + background-color: rgba(239, 241, 245, 0.2); + color: #eff1f5; +} + +.app-folder:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +.app-grid-running-dot { + width: 6px; + height: 3px; + border-radius: 2px; + background-color: rgba(239, 241, 245, 0.3); + margin-bottom: 0; +} + +StWidget.focused .app-grid-running-dot { + width: 24px; + background-color: #89b4fa !important; +} + +.app-folder-dialog-container { + padding-top: 32px; +} + +.app-folder-dialog { + width: 720px; + height: 720px; + border-radius: 36px; + padding: 12px; + background-color: #11111b; + border: 1px solid black; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px; + padding-bottom: 0; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 12em; + border: none; + caret-color: #eff1f5; +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.app-folder-dialog .icon-button, .app-folder-dialog .background-app-item .close-button, .background-app-item .app-folder-dialog .close-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button, +.app-folder-dialog .message .message-header .message-close-button, +.message .message-header .app-folder-dialog .message-close-button { + background-color: rgba(239, 241, 245, 0.06); + color: rgba(239, 241, 245, 0.7); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 9999px; +} + +.app-folder-dialog .icon-button > StIcon, .app-folder-dialog .background-app-item .close-button > StIcon, .background-app-item .app-folder-dialog .close-button > StIcon, .app-folder-dialog .message .message-header .message-expand-button > StIcon, .message .message-header .app-folder-dialog .message-expand-button > StIcon, +.app-folder-dialog .message .message-header .message-close-button > StIcon, +.message .message-header .app-folder-dialog .message-close-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .icon-button:hover, .app-folder-dialog .background-app-item .close-button:hover, .background-app-item .app-folder-dialog .close-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover, +.app-folder-dialog .message .message-header .message-close-button:hover, +.message .message-header .app-folder-dialog .message-close-button:hover { + background-color: rgba(239, 241, 245, 0.12); +} + +.app-folder-dialog .icon-button:checked, .app-folder-dialog .background-app-item .close-button:checked, .background-app-item .app-folder-dialog .close-button:checked, .app-folder-dialog .message .message-header .message-expand-button:checked, .message .message-header .app-folder-dialog .message-expand-button:checked, +.app-folder-dialog .message .message-header .message-close-button:checked, +.message .message-header .app-folder-dialog .message-close-button:checked, .app-folder-dialog .icon-button:active, .app-folder-dialog .background-app-item .close-button:active, .background-app-item .app-folder-dialog .close-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active, +.app-folder-dialog .message .message-header .message-close-button:active, +.message .message-header .app-folder-dialog .message-close-button:active { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 6px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 12px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: #11111b; + color: #eff1f5; + border-radius: 9999px; + icon-size: 48px; +} + +.page-navigation-hint.dnd { + background: rgba(255, 255, 255, 0.1); +} + +.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { + background-gradient-start: rgba(255, 255, 255, 0.05); + background-gradient-end: transparent; + background-gradient-direction: horizontal; + border-radius: 18px 0px 0px 18px; +} + +.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-direction: horizontal; + border-radius: 0px 18px 18px 0px; +} + +.page-navigation-arrow { + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: 9999px; + transition-duration: 100ms; + color: rgba(239, 241, 245, 0.7); + background-color: transparent; +} + +.page-navigation-arrow > StIcon { + color: #eff1f5; +} + +.page-navigation-arrow:insensitive { + background-color: transparent; + color: rgba(239, 241, 245, 0.5); +} + +.page-navigation-arrow:hover { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.page-navigation-arrow:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +/* Date/Time Menu */ +.popup-menu .message, .world-clocks-button, +.weather-button, +.events-button { + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); + border-radius: 6px; + border: none; + box-shadow: none; + text-shadow: none; +} + +.popup-menu .message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, .popup-menu .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +.popup-menu .message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none; +} + +#calendarArea { + padding: 3px; +} + +.datemenu-popover { + border-radius: 18px !important; +} + +.datemenu-calendar-column { + spacing: 6px; + border: none; + padding: 0 !important; + margin: 0 !important; +} + +.datemenu-calendar-column:ltr { + margin-right: 0; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 0; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 6px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: rgba(239, 241, 245, 0.7); + font-weight: bold; +} + +.datemenu-today-button, +.datemenu-displays-box { + margin: 4px 6px; +} + +/* today button (the date) */ +.datemenu-today-button { + border: none; + box-shadow: none; + background: none; + padding: 6px 12px; + margin: 0; + text-shadow: none; + color: rgba(239, 241, 245, 0.7); + border-radius: 6px; + margin: 4px; +} + +.datemenu-today-button:ltr { + margin-left: 4px; +} + +.datemenu-today-button:rtl { + margin-right: 4px; +} + +.datemenu-today-button:hover, .datemenu-today-button:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.datemenu-today-button:active { + background-color: rgba(239, 241, 245, 0.2); +} + +.datemenu-today-button .day-label { + font-size: 12pt; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: normal; +} + +/* Calendar */ +.calendar { + border: none; + box-shadow: none; + background-color: transparent; + padding: 3px !important; + margin: 0 !important; + text-shadow: none; + border-radius: 12px; + color: rgba(239, 241, 245, 0.7); +} + +.calendar .calendar-month-label { + padding: 6px 0; + color: rgba(239, 241, 245, 0.7) !important; + font-weight: bold; + text-align: center; + text-shadow: none; + background-color: transparent; +} + +.calendar .calendar-change-month-back, +.calendar .calendar-change-month-forward { + padding: 0 !important; + margin: 3px 0 !important; +} + +.calendar .calendar-change-month-back StIcon, +.calendar .calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar .pager-button { + width: 32px !important; + height: 32px !important; + margin: 2px !important; + border-radius: 9999px; + background-color: transparent; + color: #eff1f5; + box-shadow: none !important; +} + +.calendar .pager-button:hover, .calendar .pager-button:focus { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none !important; +} + +.calendar .pager-button:active { + background-color: rgba(239, 241, 245, 0.3); + box-shadow: none !important; +} + +.calendar .calendar-day { + font-size: 10pt; + text-align: center; + width: 34px !important; + height: 34px !important; + padding: 0 !important; + margin: 2px !important; + border-radius: 9999px; + color: rgba(239, 241, 245, 0.7) !important; + border: none; + font-feature-settings: "tnum"; + background-color: transparent; +} + +.calendar .calendar-day:hover, .calendar .calendar-day:focus { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none !important; + outline: none !important; +} + +.calendar .calendar-day:active, .calendar .calendar-day:selected { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.3); + border-color: transparent !important; + box-shadow: none !important; + outline: none !important; +} + +.calendar .calendar-day.calendar-weekend { + color: rgba(239, 241, 245, 0.5) !important; +} + +.calendar .calendar-day { + border-width: 0; +} + +.calendar .calendar-day-top { + border-top-width: 0; +} + +.calendar .calendar-day-left { + border-left-width: 0; +} + +.calendar .calendar-nonwork-day { + color: #eff1f5; +} + +.calendar .calendar-today { + font-weight: bold; + color: rgba(239, 241, 245, 0.7) !important; + background-color: rgba(239, 241, 245, 0.06); + border: none; +} + +.calendar .calendar-today:hover, .calendar .calendar-today:focus { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5 !important; +} + +.calendar .calendar-today:active { + background-color: #71a4f9; + color: rgba(17, 17, 27, 0.87) !important; +} + +.calendar .calendar-today:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87) !important; +} + +.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #b0cdfc; + color: rgba(17, 17, 27, 0.87) !important; +} + +.calendar .calendar-day-with-events { + color: rgba(239, 241, 245, 0.7); + background-image: url("assets/calendar-today.svg"); +} + +.calendar .calendar-day-with-events.calendar-work-day { + color: rgba(239, 241, 245, 0.7); + font-weight: bold; +} + +.calendar .calendar-other-month { + color: rgba(239, 241, 245, 0.32) !important; + font-weight: normal; +} + +.calendar .calendar-other-month.calendar-weekend { + color: rgba(239, 241, 245, 0.32) !important; +} + +.calendar .calendar-day-heading { + font-weight: bold; + text-align: center; + margin: 4px; + padding: 3px 6px; + border-radius: 6px; + background-color: transparent; + color: #eff1f5; +} + +.calendar .calendar-week-number { + width: 26px; + height: 20px; + margin: 6px 2px !important; + padding: 0; + border-radius: 6px; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + font-weight: bold; + font-feature-settings: "tnum"; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button { + padding: 12px !important; + margin: 2px 0 !important; +} + +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; + color: rgba(239, 241, 245, 0.7); +} + +.events-button .events-title { + font-weight: bold; + text-shadow: none; + color: rgba(239, 241, 245, 0.5); +} + +.events-button .event-time { + font-feature-settings: "tnum"; + font-size: 10pt; + color: rgba(239, 241, 245, 0.5); +} + +.world-clocks-button .world-clocks-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.world-clocks-button .world-clocks-header { + color: rgba(239, 241, 245, 0.5); +} + +.world-clocks-button .world-clocks-city { + font-weight: bold; + font-size: 11pt; + color: rgba(239, 241, 245, 0.7); +} + +.world-clocks-button .world-clocks-time { + font-feature-settings: "tnum"; + font-size: 11pt; + color: #eff1f5; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + font-feature-settings: "tnum"; + font-size: 10pt; + color: rgba(239, 241, 245, 0.5); +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button .weather-box { + spacing: 10px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + font-weight: bold; + color: rgba(239, 241, 245, 0.7); +} + +.weather-button .weather-header.location { + font-weight: normal; + font-size: 10pt; + color: rgba(239, 241, 245, 0.5); +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; + color: rgba(239, 241, 245, 0.7); +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +/* Dash */ +#dash { + margin-top: 12px; +} + +#dash .dash-background { + background-color: rgba(239, 241, 245, 0.12); + border-radius: 24px; + padding-top: 12px; + padding-bottom: 12px; + padding-left: 10px; + padding-right: 10px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.08); +} + +#dash .dash-item-container .placeholder { + background-image: none; + background-size: contain; + height: 32px; +} + +#dash .dash-item-container .empty-dash-drop-target { + width: 32px; + height: 32px; +} + +#dash .dash-item-container .show-apps, +#dash .dash-item-container .overview-tile, +#dash .dash-item-container .grid-search-result { + background: none; + box-shadow: none; + border: none; + border-radius: 0; + padding: 0; + margin: 0 2px; + padding-bottom: 12px; +} + +#dash .dash-item-container .show-apps .overview-icon, +#dash .dash-item-container .overview-tile .overview-icon, +#dash .dash-item-container .grid-search-result .overview-icon { + border-radius: 12px; + padding: 6px; + spacing: 6px; + text-align: center; + transition-duration: 100ms; + background-color: transparent; + color: #eff1f5; +} + +#dash .dash-item-container .show-apps:focus .overview-icon, +#dash .dash-item-container .overview-tile:focus .overview-icon, +#dash .dash-item-container .grid-search-result:focus .overview-icon { + background-color: rgba(239, 241, 245, 0.12); +} + +#dash .dash-item-container .show-apps:hover .overview-icon, +#dash .dash-item-container .overview-tile:hover .overview-icon, +#dash .dash-item-container .grid-search-result:hover .overview-icon { + background-color: rgba(239, 241, 245, 0.12); +} + +#dash .dash-item-container .show-apps:active .overview-icon, +#dash .dash-item-container .overview-tile:active .overview-icon, +#dash .dash-item-container .grid-search-result:active .overview-icon { + background-color: rgba(239, 241, 245, 0.3); +} + +#dash .dash-item-container .show-apps:checked .overview-icon, +#dash .dash-item-container .overview-tile:checked .overview-icon, +#dash .dash-item-container .grid-search-result:checked .overview-icon { + background-color: rgba(239, 241, 245, 0.12); +} + +#dash .dash-item-container .app-grid-running-dot { + margin-bottom: 18px; +} + +#dash .dash-separator { + width: 1px; + margin-left: 4px; + margin-right: 4px; + background-color: rgba(239, 241, 245, 0.12); +} + +#dash .dash-separator, +#dash .dash-background { + margin-bottom: 12px; +} + +.dash-label { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + border-radius: 9999px; + padding: 6px 12px; + margin: 8px; + box-shadow: none; + border: none; + text-align: center; + -y-offset: 4px; + -x-offset: 8px; +} + +/* Message List */ +.message-list { + width: 29em; + text-shadow: none; + border: solid rgba(239, 241, 245, 0.12); + padding: 0; +} + +.message-list:ltr { + margin-left: 0; + margin-right: 8px; + padding-right: 10px; + border-right-width: 0; +} + +.message-list:rtl { + margin-right: 0; + margin-left: 8px; + padding-left: 10px; + border-left-width: 0; +} + +.message-list .message-list-placeholder { + spacing: 12px; + color: rgba(239, 241, 245, 0.32); +} + +.message-list .message-list-placeholder > StIcon { + icon-size: 96px; + margin-bottom: 12px; + -st-icon-style: symbolic; +} + +.message-list-sections { + margin: 0; + padding-bottom: 6px; +} + +.message-list-sections:ltr { + margin-right: 0; +} + +.message-list-sections:rtl { + margin-left: 0; +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 6px; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 6px; + spacing: 6px; +} + +.message-list-controls .dnd-button { + border-width: 2px; + border-color: transparent; + border-radius: 32px; + border-style: solid; +} + +.message-list-controls .dnd-button:focus { + border-color: rgba(137, 180, 250, 0.6); +} + +.message { + padding: 0; + margin: 3px; + border-radius: 12px; +} + +.popup-menu .message { + border-radius: 6px; +} + +.popup-menu .message .notification-button:first-child:ltr { + border-radius: 0 0 0 6px; +} + +.popup-menu .message .notification-button:last-child:ltr { + border-radius: 0 0 6px; +} + +.popup-menu .message .notification-button:first-child:rtl { + border-radius: 0 0 6px; +} + +.popup-menu .message .notification-button:last-child:rtl { + border-radius: 0 0 0 6px; +} + +.popup-menu .message .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.message .message-header { + padding: 0 0.409em; + margin: 6px; + margin-bottom: 0; + spacing: 6px; + color: rgba(239, 241, 245, 0.5); +} + +.message .message-header .message-source-icon { + icon-size: 1.091em; + -st-icon-style: symbolic; +} + +.message .message-header .message-header-content { + spacing: 6px; + min-height: 1.637em; + padding-bottom: 6px; +} + +.message .message-header .message-header-content .message-source-title { + font-weight: bold; +} + +.message .message-header .message-header-content .event-time { + padding-bottom: 0.068em; + color: rgba(239, 241, 245, 0.5); +} + +.message .message-header .message-header-content .event-time:ltr { + text-align: right; +} + +.message .message-header .message-header-content .event-time:rtl { + text-align: left; +} + +.message .message-header .message-expand-button, +.message .message-header .message-close-button { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + padding: 4px; + border: none; +} + +.message .message-header .message-expand-button, .message .message-header .message-expand-button:hover, .message .message-header .message-expand-button:active, +.message .message-header .message-close-button, +.message .message-header .message-close-button:hover, +.message .message-header .message-close-button:active { + color: #eff1f5; +} + +.message .message-header .message-expand-button:hover, .message .message-header .message-expand-button:focus, +.message .message-header .message-close-button:hover, +.message .message-header .message-close-button:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover, +.message .message-header .message-close-button:active, +.message .message-header .message-close-button:active:hover { + background-color: rgba(239, 241, 245, 0.3); +} + +.message .message-header .message-expand-button:insensitive, +.message .message-header .message-close-button:insensitive { + background-color: rgba(239, 241, 245, 0.04); +} + +.message .message-header .message-expand-button { + padding: 4px; + border: none; +} + +.message .message-header .message-expand-button:ltr { + margin-right: 6px; +} + +.message .message-header .message-expand-button:rtl { + margin-left: 6px; +} + +.message .message-box { + padding: 6px; + margin: 6px; + margin-top: 0; + spacing: 6px; +} + +.message .message-box .message-icon { + icon-size: 48px; + -st-icon-style: symbolic; +} + +.message .message-box .message-icon:ltr { + margin-right: 6px; +} + +.message .message-box .message-icon:rtl { + margin-left: 6px; +} + +.message .message-box .message-icon.message-themed-icon { + border-radius: 9999px; + icon-size: 16px; + min-width: 48px; + min-height: 48px; + color: rgba(239, 241, 245, 0.5); + background-color: rgba(239, 241, 245, 0.12); +} + +.message .message-box:first-child { + margin-top: 12px; +} + +.message .message-box .message-content { + spacing: 4px; +} + +.message .message-box .message-content .message-title { + font-weight: bold; +} + +.url-highlighter { + link-color: #89dceb; +} + +.message-media-control { + margin: 4px 6px; + padding: 12px; + border-radius: 9999px; + border: none; + color: rgba(239, 241, 245, 0.7); +} + +.message-media-control:hover, .message-media-control:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.message-media-control:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.message-media-control:hover, .message-media-control:focus, .message-media-control:active { + color: #eff1f5; +} + +.message-media-control:insensitive { + color: rgba(239, 241, 245, 0.5); +} + +.message-media-control StIcon { + icon-size: 16px; +} + +.media-message .message-icon { + border-radius: 3px !important; +} + +.media-message .message-icon.message-themed-icon { + icon-size: 32px !important; +} + +.workspace-animation { + background-color: #11111b; +} + +.calendar .calendar-change-month-back, +.calendar .calendar-change-month-forward { + padding: 0 2px; +} + +/* Notifications & Message Tray */ +.notification-banner { + min-height: 64px; + width: 34em; + margin: 12px 8px 8px; + border-radius: 6px; + color: rgba(239, 241, 245, 0.7); + background-color: #1e1e2e; + text-shadow: none; + border-radius: 12px; + border: 1px solid rgba(17, 17, 27, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.notification-banner:hover, .notification-banner:active, .notification-banner:focus { + color: #eff1f5; + background-color: #1e1e2e; +} + +.notification-buttons-bin { + background-color: transparent; + padding-top: 0; + border: none; + border-top: 1px solid rgba(239, 241, 245, 0.12); + spacing: 0; +} + +.notification-button { + min-height: 44px; + padding: 0 18px; + background-color: transparent; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; + border: none; +} + +.notification-button:focus { + background-color: transparent; + color: #eff1f5; + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.12); +} + +.notification-button:hover, .notification-button:focus:hover { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; + box-shadow: none; +} + +.notification-button:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +.notification-button:first-child:ltr { + border-radius: 0 0 0 12px; +} + +.notification-button:last-child:ltr { + border-radius: 0 0 12px; + margin-right: 0 !important; +} + +.notification-button:first-child:rtl { + border-radius: 0 0 12px; +} + +.notification-button:last-child:rtl { + border-radius: 0 0 0 12px; + margin-left: 0 !important; +} + +.notification-button:first-child:last-child { + border-radius: 0 0 12px 12px; + margin-left: 0 !important; + margin-right: 0 !important; +} + +.controls-manager, .secondary-monitor-workspaces { + spacing: 12px; +} + +#overviewGroup { + background-color: #11111b; +} + +.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 { + spacing: 6px; +} + +#appMenu .label-shadow { + color: transparent; +} + +#appMenu .panel-status-menu-box { + padding: 0 6px; + spacing: 6px; +} + +.popup-menu .popup-menu-item { + padding: 6px 12px; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 9px !important; + padding-left: 12px !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 12px !important; + padding-left: 9px !important; +} + +.popup-separator-menu-item { + padding: 0; +} + +.popup-separator-menu-item .popup-menu-ornament { + width: 0 !important; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + background-color: rgba(239, 241, 245, 0.12); + margin: 6px 32px; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0; + margin: 0 32px 0 0; + height: 1px; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + padding-left: 12px !important; + margin-left: 0 !important; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + padding-right: 12px !important; + margin-right: 0 !important; +} + +.quick-settings { + padding: 18px !important; + border-radius: 24px !important; + margin-top: 10px !important; +} + +.quick-settings .icon-button, .quick-settings .background-app-item .close-button, .background-app-item .quick-settings .close-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button, +.quick-settings .message .message-header .message-close-button, +.message .message-header .quick-settings .message-close-button, .quick-settings .button { + padding: 10.5px; +} + +.quick-settings .icon-button > StIcon, .quick-settings .background-app-item .close-button > StIcon, .background-app-item .quick-settings .close-button > StIcon, .quick-settings .message .message-header .message-expand-button > StIcon, .message .message-header .quick-settings .message-expand-button > StIcon, +.quick-settings .message .message-header .message-close-button > StIcon, +.message .message-header .quick-settings .message-close-button > StIcon, .quick-settings .button > StIcon { + icon-size: 16px; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle, .quick-menu-toggle { + border-radius: 6px; + min-width: 12em; + max-width: 12em; + min-height: 44px; + border: none; +} + +.quick-toggle { + background-color: rgba(239, 241, 245, 0.08) !important; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle:hover { + background-color: rgba(239, 241, 245, 0.12) !important; +} + +.quick-toggle:active { + background-color: rgba(239, 241, 245, 0.15) !important; +} + +.quick-toggle:checked { + background-color: #89b4fa !important; + color: rgba(17, 17, 27, 0.87); +} + +.quick-toggle:checked:hover { + background-color: #8fb8fa !important; + color: rgba(17, 17, 27, 0.87); +} + +.quick-toggle:checked:active { + background-color: #98bdf9 !important; + color: rgba(17, 17, 27, 0.87); +} + +.quick-toggle > StBoxLayout { + spacing: 6px; +} + +.quick-toggle.button { + padding: 0; +} + +.quick-toggle > StBoxLayout { + padding: 0 12px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-title { + font-weight: bold; +} + +.quick-toggle StBoxLayout > .quick-toggle-subtitle { + font-weight: normal; + font-size: 12px; +} + +.quick-toggle .quick-toggle-icon { + icon-size: 16px; +} + +.quick-menu-toggle .quick-toggle { + min-width: auto; + max-width: auto; +} + +.quick-menu-toggle .quick-toggle:ltr { + border-radius: 6px 0 0 6px; +} + +.quick-menu-toggle .quick-toggle:ltr > StBoxLayout { + padding-right: 9px; +} + +.quick-menu-toggle .quick-toggle:rtl { + border-radius: 0 6px 6px 0; +} + +.quick-menu-toggle .quick-toggle:rtr > StBoxLayout { + padding-left: 9px; +} + +.quick-menu-toggle .quick-toggle:ltr:last-child { + border-radius: 6px; +} + +.quick-menu-toggle .quick-toggle:rtl:last-child { + border-radius: 6px; +} + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(239, 241, 245, 0.08) !important; + padding: 6px 10.5px; + border: none !important; + color: #eff1f5; +} + +.quick-menu-toggle .quick-toggle-arrow:hover { + background-color: rgba(239, 241, 245, 0.12) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:active { + background-color: rgba(239, 241, 245, 0.15) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:checked { + background-color: #89b4fa !important; + color: rgba(17, 17, 27, 0.87); +} + +.quick-menu-toggle .quick-toggle-arrow:checked:hover { + background-color: #8fb8fa !important; + color: rgba(17, 17, 27, 0.87); +} + +.quick-menu-toggle .quick-toggle-arrow:checked:active { + background-color: #98bdf9 !important; + color: rgba(17, 17, 27, 0.87); +} + +.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 > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 9999px; +} + +.quick-slider .slider-bin:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.quick-slider .quick-toggle-icon { + icon-size: 16px; +} + +.quick-slider .icon-button, .quick-slider .background-app-item .close-button, .background-app-item .quick-slider .close-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button, +.quick-slider .message .message-header .message-close-button, +.message .message-header .quick-slider .message-close-button { + background-color: transparent; + color: #eff1f5 !important; + padding: 9px; +} + +.quick-slider .icon-button:hover, .quick-slider .background-app-item .close-button:hover, .background-app-item .quick-slider .close-button:hover, .quick-slider .message .message-header .message-expand-button:hover, .message .message-header .quick-slider .message-expand-button:hover, +.quick-slider .message .message-header .message-close-button:hover, +.message .message-header .quick-slider .message-close-button:hover { + background-color: rgba(239, 241, 245, 0.04); +} + +.quick-slider .icon-button:active, .quick-slider .background-app-item .close-button:active, .background-app-item .quick-slider .close-button:active, .quick-slider .message .message-header .message-expand-button:active, .message .message-header .quick-slider .message-expand-button:active, +.quick-slider .message .message-header .message-close-button:active, +.message .message-header .quick-slider .message-close-button:active { + background-color: rgba(239, 241, 245, 0.12); +} + +.quick-toggle-menu { + background-color: #1e1e2e !important; + color: #eff1f5 !important; + border-radius: 18px !important; + padding: 12px; + margin: 12px 18px 0; +} + +.quick-toggle-menu .popup-menu-item { + border-radius: 6px !important; +} + +.quick-toggle-menu .popup-menu-item:focus, .quick-toggle-menu .popup-menu-item:hover, .quick-toggle-menu .popup-menu-item.selected { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.1) !important; +} + +.quick-toggle-menu .popup-menu-item:active { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 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: rgba(239, 241, 245, 0.12) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: #89b4fa !important; + color: rgba(17, 17, 27, 0.87); +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button, .quick-settings-system-item .background-app-item .close-button, .background-app-item .quick-settings-system-item .close-button, .quick-settings-system-item .message .message-header .message-expand-button, .message .message-header .quick-settings-system-item .message-expand-button, +.quick-settings-system-item .message .message-header .message-close-button, +.message .message-header .quick-settings-system-item .message-close-button { + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; + border-radius: 6px; +} + +.quick-settings-system-item .icon-button > StIcon, .quick-settings-system-item .background-app-item .close-button > StIcon, .background-app-item .quick-settings-system-item .close-button > StIcon, .quick-settings-system-item .message .message-header .message-expand-button > StIcon, .message .message-header .quick-settings-system-item .message-expand-button > StIcon, +.quick-settings-system-item .message .message-header .message-close-button > StIcon, +.message .message-header .quick-settings-system-item .message-close-button > StIcon { + -st-icon-style: symbolic; + icon-size: 16px; +} + +.quick-settings-system-item .power-item { + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #eff1f5; + background-color: #1e1e2e; + box-shadow: none !important; + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + +.bt-device-item .popup-menu-icon { + -st-icon-style: symbolic; +} + +.bt-menu-placeholder.popup-menu-item { + text-align: center; + padding: 2em 4em; +} + +.device-subtitle { + color: rgba(239, 241, 245, 0.5); +} + +.background-apps-quick-toggle { + min-height: 40px; + background-color: transparent; +} + +.background-apps-quick-toggle StIcon { + icon-size: 16px !important; +} + +.background-app-item .popup-menu-icon { + icon-size: 32px !important; + -st-icon-style: regular !important; +} + +.background-app-item .close-button { + padding: 6px; +} + +.background-app-item.popup-inactive-menu-item { + color: #eff1f5; +} + +.search-entry { + margin-top: 24px; + margin-bottom: 6px; +} + +/* Search */ +.list-search-result, .search-provider-icon { + border-radius: 6px; + padding: 6px; + transition-duration: 100ms; + text-align: center; + background-color: transparent; +} + +.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected { + background-color: rgba(239, 241, 245, 0.12); + transition-duration: 0; +} + +.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked { + background-color: rgba(239, 241, 245, 0.2); +} + +#searchResults { + margin: 0 4px; +} + +#searchResultsContent { + max-width: 1044px; +} + +.search-section { + spacing: 18px; +} + +.search-section .search-section-separator { + height: 8px; + background-color: transparent; +} + +.search-section-content { + border-radius: 18px; + padding: 12px; + margin: 0 12px; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.12); +} + +.search-statustext { + color: rgba(239, 241, 245, 0.5); +} + +.grid-search-results { + spacing: 30px; + margin: 0 12px; +} + +.search-provider-icon:ltr { + margin-right: 4px; +} + +.search-provider-icon:rtl { + margin-left: 4px; +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + color: rgba(239, 241, 245, 0.7); +} + +.list-search-results { + spacing: 6px; +} + +.list-search-result .list-search-result-content { + spacing: 6px; +} + +.list-search-result .list-search-result-title { + spacing: 12px; +} + +.list-search-result .list-search-result-description { + color: rgba(239, 241, 245, 0.7); +} + +.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; +} + +.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 #eff1f5; + padding: 4px; +} + +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { + background-color: #eff1f5; + 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(239, 241, 245, 0.12); +} + +.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { + background-color: #c0c8d8; +} + +.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { + background-color: #586a8d; +} + +.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { + background-color: #f38ba8; +} + +.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { + background-color: #f5a2b9; +} + +.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { + background-color: #f06b90; +} + +.screenshot-ui-shot-cast-container { + background-color: #1b1b2b; + 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: #25253a; +} + +.screenshot-ui-shot-cast-button:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.screenshot-ui-shot-cast-button:checked { + background-color: #eff1f5; + color: #11111b; +} + +.screenshot-ui-shot-cast-button:insensitive { + color: rgba(239, 241, 245, 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 solid #eff1f5; +} + +.screenshot-ui-area-selector-handle { + border-radius: 9999px; + background-color: #89b4fa; + box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); + width: 24px; + height: 24px; +} + +.screenshot-ui-window-selector { + background-color: #181825; +} + +.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: 9999px; + border-width: 12px; + icon-size: 24px; +} + +.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { + border-color: #4085f7; +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { + border-color: #89b4fa; + background-color: rgba(137, 180, 250, 0.2); +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +.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 solid #eff1f5; +} + +.screenshot-ui-tooltip { + color: #eff1f5; + background-color: #11111b; + border-radius: 9999px; + padding: 6px 12px; + text-align: center; + -y-offset: 24px; +} + +.window-picker { + spacing: 6px; +} + +.window-caption { + color: #eff1f5; + background-color: #11111b; + border-radius: 9999px; + padding: 6px 12px; +} + +.window-close, .screenshot-ui-close-button { + background-color: #181825; + color: #eff1f5; + border-radius: 21px; + padding: 3px; + height: 30px; + width: 30px; + box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); + transition-duration: 300ms; +} + +.window-close:hover, .screenshot-ui-close-button:hover { + color: #eff1f5; + background-color: #242438; +} + +.window-close:active, .screenshot-ui-close-button:active { + color: #eff1f5; + background-color: #0c0c12; +} + +.workspace-background { + border-radius: 30px; + background-color: #11111b; + box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); +} + +/* Workspace pager */ +.workspace-thumbnails { + visible-width: 32px; + spacing: 6px; + padding: 6px; +} + +.workspace-thumbnails .workspace-thumbnail { + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.12); + border: none; + border-radius: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + width: 18px; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 3px solid #89b4fa; + border-radius: 3px; + padding: 0px; +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .number-overlay { + color: #eff1f5; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 9999px; + margin: 2px; + padding: 0.25em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { + border-radius: 0; +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash, #dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + padding: 0 0; +} + +#dashtodockContainer.extended.top #dash .dash-background, #dashtodockContainer.extended.bottom #dash .dash-background, #dashtodockContainer.extended.right #dash .dash-background, #dashtodockContainer.extended.left #dash .dash-background { + border-radius: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.right #dash { + margin-top: 0; + padding: 12px 0; +} + +#dashtodockContainer.left #dash .dash-background, #dashtodockContainer.right #dash .dash-background { + margin-bottom: 0; +} + +#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps { + padding: 6px; +} + +#dashtodockContainer.left #dash { + margin-left: 6px; +} + +#dashtodockContainer.right #dash { + margin-right: 6px; +} + +#dashtodockContainer.dashtodock #dash .dash-background { + background-color: #11111b; +} + +#dashtodockContainer #dash .dash-background { + background-color: #11111b; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: rgba(239, 241, 245, 0.3) !important; +} + +#dashtodockContainer StWidget.focused .app-well-app-running-dot { + background-color: #89b4fa !important; +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(239, 241, 245, 0.3) !important; +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #89b4fa !important; +} + +#dashtodockContainer .show-apps .overview-icon, +#dashtodockContainer .app-well-app .overview-icon { + color: rgba(239, 241, 245, 0.7); +} + +#dashtodockContainer .show-apps:hover .overview-icon, #dashtodockContainer .show-apps:focus .overview-icon, #dashtodockContainer .show-apps:selected .overview-icon, +#dashtodockContainer .app-well-app:hover .overview-icon, +#dashtodockContainer .app-well-app:focus .overview-icon, +#dashtodockContainer .app-well-app:selected .overview-icon { + background-color: rgba(239, 241, 245, 0.12); +} + +#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: rgba(239, 241, 245, 0.3); +} + +#dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon { + color: rgba(239, 241, 245, 0.7); +} + +#dashtodockContainer:overview #dash .show-apps:hover .overview-icon, #dashtodockContainer:overview #dash .show-apps:focus .overview-icon, #dashtodockContainer:overview #dash .show-apps:selected .overview-icon, #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: rgba(239, 241, 245, 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: rgba(239, 241, 245, 0.3); +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: rgba(239, 241, 245, 0.3); +} + +#dashtodockContainer StWidget.focused .app-well-app-running-dot { + background-color: #89b4fa; +} + +#dashtodockContainer.opaque #dash .dash-background { + background-color: #11111b; +} + +#dashtodockContainer.transparent #dash .dash-background { + background-color: rgba(17, 17, 27, 0.35); +} + +#dashtodockContainer:overview #dash .dash-background { + background-color: rgba(239, 241, 245, 0.12); +} + +#dashtodockContainer.opaque:overview #dash .dash-background, #dashtodockContainer.transparent:overview #dash .dash-background { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background { + background-color: #11111b; +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + border: 1px solid transparent; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #eff1f5; +} + +.openweather-current-databox-values { + background: none; + color: rgba(239, 241, 245, 0.5); +} + +.openweather-current-databox-captions { + background: none; + color: rgba(239, 241, 245, 0.5); +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: rgba(239, 241, 245, 0.7); +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: rgba(239, 241, 245, 0.5); +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: rgba(239, 241, 245, 0.7); +} + +.cosmic-dock #dock { + border-radius: 16px !important; + border: none !important; + margin: 6px !important; + background-color: rgba(239, 241, 245, 0.12) !important; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.08) !important; +} + +.cosmic-dock #dock .dash-background { + background-color: transparent !important; + margin-bottom: 0 !important; + padding: 0; + box-shadow: none !important; +} + +.cosmic-application-dialog { + border-radius: 12px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); + background-color: #1e1e2e; + color: #eff1f5; +} + +.cosmic-application-dialog .overview-icon { + color: #eff1f5; +} + +.cosmic-applications-separator { + background: rgba(239, 241, 245, 0.12); +} + +.cosmic-folder-edit-button { + box-shadow: none; + border-radius: 6px; + border-width: 0; + color: #eff1f5; + background: rgba(239, 241, 245, 0.04); +} + +.cosmic-folder-edit-button .cosmic-folder-edit-button:hover { + background: rgba(239, 241, 245, 0.12); +} + +.cosmic-applications-icon { + color: rgba(239, 241, 245, 0.7); +} + +.cosmic-applications-folder-title { + color: rgba(239, 241, 245, 0.7); +} + +.cosmic-applications-available { + color: #eff1f5; +} + +.pop-shell-active-hint { + border-style: solid; + border-color: #f9e2af; + border-radius: 6px; + box-shadow: none; +} + +.pop-shell-overlay { + background-color: rgba(137, 180, 250, 0.3); +} + +.pop-shell-search-element:select { + background: rgba(239, 241, 245, 0.12); + border-radius: 6px; + color: #eff1f5; +} + +.pop-shell-tab { + border: 1px solid rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.pop-shell-tab-active { + background: #f9e2af; +} + +.pop-shell-tab-inactive { + background: rgba(249, 226, 175, 0.35); +} + +.pop-shell-tab-urgent { + background: #f38ba8; +} + +#panel.light-panel .panel-button, +#panel.dark-panel .panel-button, +#panel.transparent-panel .panel-button { + color: rgba(239, 241, 245, 0.7) !important; +} + +#panel.light-panel .panel-button.clock-display .clock, +#panel.dark-panel .panel-button.clock-display .clock, +#panel.transparent-panel .panel-button.clock-display .clock { + color: rgba(239, 241, 245, 0.7) !important; +} + +#panel.light-panel .panel-button:hover, +#panel.dark-panel .panel-button:hover, +#panel.transparent-panel .panel-button:hover { + color: rgba(239, 241, 245, 0.7) !important; + background-color: rgba(239, 241, 245, 0.12) !important; +} + +#panel.light-panel .panel-button:hover.clock-display .clock, +#panel.dark-panel .panel-button:hover.clock-display .clock, +#panel.transparent-panel .panel-button:hover.clock-display .clock { + background-color: rgba(239, 241, 245, 0.12) !important; +} + +#panel.light-panel .panel-button:active, #panel.light-panel .panel-button:checked, #panel.light-panel .panel-button:focus, +#panel.dark-panel .panel-button:active, +#panel.dark-panel .panel-button:checked, +#panel.dark-panel .panel-button:focus, +#panel.transparent-panel .panel-button:active, +#panel.transparent-panel .panel-button:checked, +#panel.transparent-panel .panel-button:focus { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.3) !important; +} + +#panel.light-panel .panel-button:active.clock-display .clock, #panel.light-panel .panel-button:checked.clock-display .clock, #panel.light-panel .panel-button:focus.clock-display .clock, +#panel.dark-panel .panel-button:active.clock-display .clock, +#panel.dark-panel .panel-button:checked.clock-display .clock, +#panel.dark-panel .panel-button:focus.clock-display .clock, +#panel.transparent-panel .panel-button:active.clock-display .clock, +#panel.transparent-panel .panel-button:checked.clock-display .clock, +#panel.transparent-panel .panel-button:focus.clock-display .clock { + background-color: rgba(239, 241, 245, 0.3) !important; +} + +#panel.light-panel .panel-button:hover.clock-display, #panel.light-panel .panel-button:active.clock-display, #panel.light-panel .panel-button:overview.clock-display, #panel.light-panel .panel-button:focus.clock-display, #panel.light-panel .panel-button:checked.clock-display, +#panel.dark-panel .panel-button:hover.clock-display, +#panel.dark-panel .panel-button:active.clock-display, +#panel.dark-panel .panel-button:overview.clock-display, +#panel.dark-panel .panel-button:focus.clock-display, +#panel.dark-panel .panel-button:checked.clock-display, +#panel.transparent-panel .panel-button:hover.clock-display, +#panel.transparent-panel .panel-button:active.clock-display, +#panel.transparent-panel .panel-button:overview.clock-display, +#panel.transparent-panel .panel-button:focus.clock-display, +#panel.transparent-panel .panel-button:checked.clock-display { + background-color: transparent !important; +} + +#panel.light-panel .panel-button:hover.clock-display .clock, #panel.light-panel .panel-button:active.clock-display .clock, #panel.light-panel .panel-button:overview.clock-display .clock, #panel.light-panel .panel-button:focus.clock-display .clock, #panel.light-panel .panel-button:checked.clock-display .clock, +#panel.dark-panel .panel-button:hover.clock-display .clock, +#panel.dark-panel .panel-button:active.clock-display .clock, +#panel.dark-panel .panel-button:overview.clock-display .clock, +#panel.dark-panel .panel-button:focus.clock-display .clock, +#panel.dark-panel .panel-button:checked.clock-display .clock, +#panel.transparent-panel .panel-button:hover.clock-display .clock, +#panel.transparent-panel .panel-button:active.clock-display .clock, +#panel.transparent-panel .panel-button:overview.clock-display .clock, +#panel.transparent-panel .panel-button:focus.clock-display .clock, +#panel.transparent-panel .panel-button:checked.clock-display .clock { + color: #eff1f5 !important; +} + +.overview-components-transparent .search-entry, +.overview-components-light .search-entry, +.overview-components-dark .search-entry { + caret-color: #eff1f5 !important; +} + +.overview-components-transparent .search-entry .search-entry-icon, +.overview-components-light .search-entry .search-entry-icon, +.overview-components-dark .search-entry .search-entry-icon { + color: rgba(239, 241, 245, 0.7) !important; +} + +.overview-components-transparent .search-entry StLabel.hint-text, +.overview-components-light .search-entry StLabel.hint-text, +.overview-components-dark .search-entry StLabel.hint-text { + color: rgba(239, 241, 245, 0.3) !important; +} + +.overview-components-transparent .search-section-content, +.overview-components-light .search-section-content, +.overview-components-dark .search-section-content { + border-radius: 16px; +} + +.overview-components-transparent .search-section-separator, +.overview-components-light .search-section-separator, +.overview-components-dark .search-section-separator { + height: 0 !important; + background-color: transparent !important; +} + +.dashtopanelMainPanel .show-apps .overview-icon { + color: #eff1f5 !important; +} + +.dashtopanelMainPanel:overview, .dashtopanelMainPanel #panel, .dashtopanelMainPanel .dash-background { + background-color: transparent !important; +} diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/pad-osd.css b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/pad-osd.css new file mode 100644 index 0000000..31c2377 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gnome-shell/pad-osd.css @@ -0,0 +1,30 @@ +.Leader { + stroke-width: .5 !important; + stroke: #535353; + fill: none !important; +} + +.Button { + stroke-width: .25; + stroke: #ededed; + fill: #ededed; +} + +.Ring { + stroke-width: .5 !important; + stroke: #535353 !important; + fill: none !important; +} + +.Label { + stroke: none !important; + stroke-width: .1 !important; + font-size: .1 !important; + fill: transparent !important; +} + +.TouchStrip, .TouchRing { + stroke-width: .1 !important; + stroke: #ededed !important; + fill: #535353 !important; +} diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-checked-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..7b89e88 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-checked-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..17e3c4a --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-mixed-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..b4808a6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-mixed-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-mixed-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..3ea0541 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/close-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/close-symbolic.svg new file mode 100644 index 0000000..06201c3 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/close-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/close-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/close-symbolic@2.svg new file mode 100644 index 0000000..a26e6ff --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/close-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/cursor-handle-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/maximize-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/maximize-symbolic.svg new file mode 100644 index 0000000..39316eb --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/maximize-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/maximize-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/maximize-symbolic@2.svg new file mode 100644 index 0000000..8095f75 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/maximize-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/menu-radio-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/menu-radio-symbolic.svg new file mode 100644 index 0000000..a70839a --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/menu-radio-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/menu-radio-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/menu-radio-symbolic@2.svg new file mode 100644 index 0000000..f55ed39 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/menu-radio-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/minimize-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/minimize-symbolic.svg new file mode 100644 index 0000000..f3683b9 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/minimize-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/minimize-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/minimize-symbolic@2.svg new file mode 100644 index 0000000..741534b --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/minimize-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-checked-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-checked-symbolic.svg new file mode 100644 index 0000000..67beb46 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-checked-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-checked-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..bf51d9e --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-checked-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-mixed-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-mixed-symbolic.svg new file mode 100644 index 0000000..b4808a6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-mixed-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-mixed-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-mixed-symbolic@2.svg new file mode 100644 index 0000000..3ea0541 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/radio-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-dark.svg new file mode 100644 index 0000000..97e5960 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.svg new file mode 100644 index 0000000..43d4f3d --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.svg new file mode 100644 index 0000000..8b33555 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.svg new file mode 100644 index 0000000..07bafcd --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.svg new file mode 100644 index 0000000..cd23929 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.svg new file mode 100644 index 0000000..5f2f6e4 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider.svg new file mode 100644 index 0000000..13ae75a --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider@2.svg new file mode 100644 index 0000000..c273f62 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-after-slider@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-dark.svg new file mode 100644 index 0000000..bf2fd87 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.svg new file mode 100644 index 0000000..dfa462e --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.svg new file mode 100644 index 0000000..7102440 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.svg new file mode 100644 index 0000000..998828d --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.svg new file mode 100644 index 0000000..c787ab6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.svg new file mode 100644 index 0000000..70cb342 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider.svg new file mode 100644 index 0000000..5de149c --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider@2.svg new file mode 100644 index 0000000..9812165 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-horz-marks-before-slider@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-dark.svg new file mode 100644 index 0000000..fd01f5c --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.svg new file mode 100644 index 0000000..b03de16 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.svg new file mode 100644 index 0000000..b891806 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.svg new file mode 100644 index 0000000..34e5122 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.svg new file mode 100644 index 0000000..a9d7cfb --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.svg new file mode 100644 index 0000000..4d87c12 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider.svg new file mode 100644 index 0000000..9dc4239 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider@2.svg new file mode 100644 index 0000000..b294051 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-after-slider@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-dark.svg new file mode 100644 index 0000000..a6e4651 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.svg new file mode 100644 index 0000000..9974748 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.svg new file mode 100644 index 0000000..98037b6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.svg new file mode 100644 index 0000000..e5581fa --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.svg new file mode 100644 index 0000000..29ec99c --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.svg new file mode 100644 index 0000000..730ac5e --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider.svg new file mode 100644 index 0000000..a30f000 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider@2.svg new file mode 100644 index 0000000..94f2da9 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/scale-vert-marks-before-slider@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked-dark.svg new file mode 100644 index 0000000..46dcbe0 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.svg new file mode 100644 index 0000000..8291f3d --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked.svg new file mode 100644 index 0000000..46dcbe0 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked.svg @@ -0,0 +1,4 @@ + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked@2.svg new file mode 100644 index 0000000..8291f3d --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-checked@2.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.svg new file mode 100644 index 0000000..fcef2e3 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.svg new file mode 100644 index 0000000..51bfb54 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked.svg new file mode 100644 index 0000000..e105105 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.svg new file mode 100644 index 0000000..38ae7b6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-checked-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..4759e32 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-checked-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..a44f5c9 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-mixed-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..d621934 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-mixed-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..91c7006 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-checked-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..f2c9cf9 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-checked-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..a06db4c --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-mixed-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-mixed-symbolic.svg new file mode 100644 index 0000000..d621934 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-mixed-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-mixed-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-mixed-symbolic@2.svg new file mode 100644 index 0000000..91c7006 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/small-radio-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/unmaximize-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/unmaximize-symbolic.svg new file mode 100644 index 0000000..492d47a --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/unmaximize-symbolic.svg @@ -0,0 +1,46 @@ + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/unmaximize-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/unmaximize-symbolic@2.svg new file mode 100644 index 0000000..85f4f3a --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/assets/unmaximize-symbolic@2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/gtk-dark.css b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/gtk-dark.css new file mode 100644 index 0000000..24d2d8c --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/gtk-dark.css @@ -0,0 +1,8539 @@ +@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, #89b4fa 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #89b4fa 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 0; + -GtkTextView-error-underline-color: #f38ba8; + -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: #89b4fa; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +.thunar .standard-view.frame widget.view:selected, XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, popover.background modelbutton.flat:selected, +popover.background .menuitem.button.flat:selected, .csd treeview.view:selected, .background.csd .view:selected { + color: #eff1f5; + background-color: alpha(currentColor, 0.1); +} + +.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, label selection, flowbox flowboxchild:selected { + color: #89b4fa; + background-color: rgba(137, 180, 250, 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, .nautilus-window.background.csd notebook widget.view:selected, entry selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +.linked:not(.vertical) > button, .linked:not(.vertical) > entry { + border-radius: 0; +} + +.linked:not(.vertical) > button:first-child, .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) > entry:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > entry:only-child { + border-radius: 6px; +} + +.linked.vertical > button, .linked.vertical > entry { + border-radius: 0; +} + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child { + border-radius: 6px; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #1e1e2e; + color: #eff1f5; +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #1e1e2e; + color: #eff1f5; +} + +.gtkstyle-fallback:hover { + background-color: #14141f; + color: #eff1f5; +} + +.gtkstyle-fallback:active { + background-color: #0a0a0f; + color: #eff1f5; +} + +.gtkstyle-fallback:disabled { + background-color: #1e1e2e; + color: rgba(239, 241, 245, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +.view { + background-color: #1e1e2e; + color: #eff1f5; +} + +.view:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.view:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.view:selected:hover { + box-shadow: none; +} + +window.background.csd > stack.view { + border-radius: 0 0 12px 12px; +} + +textview text { + background-color: #1e1e2e; +} + +textview border { + background-color: #181825; + color: rgba(239, 241, 245, 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 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 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, +treeview.view .content-view flowbox rubberband, +treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view flowbox .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 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 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, +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, +flowbox rubberband, +flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.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, +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, +.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 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, +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, +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, +treeview.view .content-view flowbox rubberband, +treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-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 { + border: 1px solid #89b4fa; + background-color: rgba(137, 180, 250, 0.3); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; + color: #eff1f5; +} + +flowbox flowboxchild button.osd.remove-button { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 6px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: rgba(239, 241, 245, 0.7); +} + +label:disabled { + color: rgba(239, 241, 245, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 6px; + background-color: rgba(11, 11, 18, 0.9); + color: #eff1f5; +} + +.dim-label { + color: rgba(239, 241, 245, 0.7); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(239, 241, 245, 0.5); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: #eff1f5; +} + +/********************* + * 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, 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(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton:focus, entry:focus { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #89b4fa; +} + +spinbutton:drop(active), entry:drop(active) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +spinbutton:disabled, entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); +} + +.background:not(.csd) 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: #282938; + color: #eff1f5; +} + +.background:not(.csd) entry:focus { + background-color: #282938; + box-shadow: inset 0 0 0 2px #89b4fa; +} + +.background:not(.csd) entry:drop(active) { + background-color: #333342; + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.background:not(.csd) entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #242434; + color: rgba(239, 241, 245, 0.5); +} + +entry.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; +} + +entry image { + color: rgba(239, 241, 245, 0.7); +} + +entry image:hover, entry image:active { + color: #eff1f5; +} + +entry image:disabled { + color: rgba(239, 241, 245, 0.5); +} + +entry image.left { + margin-left: 2px; + margin-right: 6px; +} + +entry image.right { + margin-left: 6px; + margin-right: 2px; +} + +entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, rgba(239, 241, 245, 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; +} + +entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, rgba(239, 241, 245, 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; +} + +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, 241, 245, 0.08); + color: #eff1f5; +} + +entry.error:focus { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #f38ba8; +} + +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); +} + +entry.error image { + color: rgba(17, 17, 27, 0.6); +} + +entry.error image:hover, entry.error image:active { + color: rgba(17, 17, 27, 0.87); +} + +entry.error image:disabled { + color: rgba(17, 17, 27, 0.38); +} + +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, 241, 245, 0.08); + color: #eff1f5; +} + +entry.warning:focus { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #f9e2af; +} + +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); +} + +entry.warning image { + color: rgba(17, 17, 27, 0.6); +} + +entry.warning image:hover, entry.warning image:active { + color: rgba(17, 17, 27, 0.87); +} + +entry.warning image:disabled { + color: rgba(17, 17, 27, 0.38); +} + +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #89b4fa; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #1e1e2e; +} + +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(239, 241, 245, 0.12); + color: #eff1f5; +} + +.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(239, 241, 245, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#89b4fa), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#89b4fa), to(transparent)); + } +} + +.raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(239, 241, 245, 0.7); +} + +.raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked { + color: #eff1f5; +} + +.raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { + color: rgba(239, 241, 245, 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(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eff1f5; +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(137, 180, 250, 0.35); +} + +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(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #89b4fa; + color: rgba(17, 17, 27, 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(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +.raven-notifications-group list > row button.flat, .raven .expander-button, .budgie-popover button.flat.switcher, 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.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, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +.raven-notifications-group list > row button.flat label, .raven .expander-button label, .budgie-popover button.flat.switcher 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.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, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton > 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 buttonbox.linked > button, +.budgie-polkit-dialog buttonbox.linked > button, +.budgie-run-dialog buttonbox.linked > 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, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton.flat, +popover.background .menuitem.button.flat, spinbutton > button, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, .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(239, 241, 245, 0.7); +} + +.budgie-session-dialog buttonbox.linked > button:focus, +.budgie-polkit-dialog buttonbox.linked > button:focus, +.budgie-run-dialog buttonbox.linked > 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, placessidebar.sidebar row button.sidebar-button:focus, calendar.button: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, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton.flat:focus, +popover.background .menuitem.button.flat:focus, spinbutton > button:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > 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, .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: #eff1f5; +} + +.budgie-session-dialog buttonbox.linked > button:hover, +.budgie-polkit-dialog buttonbox.linked > button:hover, +.budgie-run-dialog buttonbox.linked > 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, placessidebar.sidebar row button.sidebar-button:hover, calendar.button: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, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton.flat:hover, +popover.background .menuitem.button.flat:hover, spinbutton > button:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > 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, .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: #eff1f5; +} + +.budgie-session-dialog buttonbox.linked > button:active, +.budgie-polkit-dialog buttonbox.linked > button:active, +.budgie-run-dialog buttonbox.linked > 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, placessidebar.sidebar row button.sidebar-button:active, calendar.button: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, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton.flat:active, +popover.background .menuitem.button.flat:active, spinbutton > button:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > 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, .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: #eff1f5; +} + +.budgie-session-dialog buttonbox.linked > button:disabled, +.budgie-polkit-dialog buttonbox.linked > button:disabled, +.budgie-run-dialog buttonbox.linked > 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, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button: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, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton.flat:disabled, +popover.background .menuitem.button.flat:disabled, spinbutton > button:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > 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, .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(239, 241, 245, 0.32); +} + +.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > 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, .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: #eff1f5; +} + +.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .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, .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(239, 241, 245, 0.5); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 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; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 6px; + background-color: #11111b; + color: #eff1f5; +} + +button.osd:focus { + box-shadow: none; +} + +button.osd:hover { + background-color: #35353d; + color: #eff1f5; +} + +button.osd:active { + background-color: #4d4d54; + color: #eff1f5; +} + +button.osd:disabled { + opacity: 0; +} + +button.osd.image-button, button.osd.circular { + padding: 12px; +} + +button.osd.image-button > image, button.osd.circular > image { + padding: 0; +} + +button.suggested-action { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(137, 180, 250, 0.2), 0 4px 3px 0 rgba(137, 180, 250, 0.14), 0 1px 6px 0 rgba(137, 180, 250, 0.12); +} + +button.suggested-action:checked { + background-color: rgba(107, 140, 195, 0.961); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(137, 180, 250, 0.3), 0 2px 3px -1px rgba(137, 180, 250, 0.24), 0 2px 5px 0 rgba(137, 180, 250, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(137, 180, 250, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #89b4fa; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +button.suggested-action.flat:checked { + background-color: rgba(137, 180, 250, 0.3); +} + +button.destructive-action { + background-color: #f38ba8; + color: rgba(17, 17, 27, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(243, 139, 168, 0.2), 0 4px 3px 0 rgba(243, 139, 168, 0.14), 0 1px 6px 0 rgba(243, 139, 168, 0.12); +} + +button.destructive-action:checked { + background-color: rgba(187, 109, 133, 0.961); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(243, 139, 168, 0.3), 0 2px 3px -1px rgba(243, 139, 168, 0.24), 0 2px 5px 0 rgba(243, 139, 168, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(243, 139, 168, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #f38ba8; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +button.destructive-action.flat:checked { + background-color: rgba(243, 139, 168, 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; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/********* + * Links * + *********/ +*:link, link { + color: #89dceb; +} + +*:visited { + color: #cba6f7; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #89dceb; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #cba6f7; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + padding: 0; +} + +spinbutton > entry, .background:not(.csd) spinbutton > entry { + min-width: 32px; + margin: 0; + border-radius: 0; + border-image: none; +} + +spinbutton > entry, spinbutton > entry:focus, spinbutton > entry:disabled, .background:not(.csd) spinbutton > entry, .background:not(.csd) spinbutton > entry:focus, .background:not(.csd) spinbutton > entry:disabled { + border: none; + box-shadow: none; + background-color: transparent; +} + +spinbutton > button { + border: solid 6px transparent; +} + +spinbutton > button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(239, 241, 245, 0.7); +} + +spinbutton > button.up:dir(ltr), spinbutton > button.down:dir(rtl) { + margin-left: -3px; +} + +spinbutton > button.up:dir(rtl), spinbutton > button.down:dir(ltr) { + margin-right: -3px; +} + +spinbutton.vertical { + padding: 3px; +} + +spinbutton.vertical > entry { + margin: 0; + padding: 0; + min-height: 36px; + min-width: 0; +} + +spinbutton.vertical > button.up { + margin: 0; +} + +spinbutton.vertical > button.down { + margin: 0; +} + +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; +} + +combobox > .linked > button.combo { + padding: 6px 10px; +} + +.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(239, 241, 245, 0.08); + color: #eff1f5; +} + +button.combo:only-child:focus { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 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(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #89b4fa; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 2px 3px; + background-color: #1e1e2e; +} + +.osd toolbar { + background-color: transparent; +} + +frame.documents-dropdown, .app-notification, toolbar.osd { + transition: box-shadow 200ms ease-out; + padding: 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; +} + +frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 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 1px; +} + +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; +} + +.toolbar { + background-color: #181825; +} + +frame .toolbar { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.inline-toolbar { + padding: 6px; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(239, 241, 245, 0.12); + background-color: #181825; +} + +.frame .inline-toolbar { + border-width: 1px 0 0; + background-color: transparent; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + 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(239, 241, 245, 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: #eff1f5; +} + +.nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +.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(239, 241, 245, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 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(239, 241, 245, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 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(239, 241, 245, 0.32); +} + +.nemo-window .primary-toolbar entry, .titlebar entry { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; +} + +.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +.nemo-window .primary-toolbar entry image, .titlebar entry image { + color: rgba(239, 241, 245, 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: #eff1f5; +} + +.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #181825; + color: #eff1f5; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.titlebar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar:backdrop { + color: rgba(239, 241, 245, 0.7); +} + +.titlebar:backdrop:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.csd .titlebar:backdrop { + background-color: #1e1e2e; +} + +.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, 241, 245, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar + separator, .titlebar + separator.sidebar { + background-color: #181825; + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop { + background-color: #1e1e2e; +} + +.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { + background-color: #89b4fa; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: #89b4fa; +} + +.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar { + box-shadow: inset 0 -1px rgba(239, 241, 245, 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(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + 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); + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.titlebar.selection-mode:backdrop { + color: rgba(17, 17, 27, 0.6); + background-color: #a6c7fb; +} + +.titlebar.selection-mode .subtitle:link { + color: rgba(17, 17, 27, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(17, 17, 27, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(17, 17, 27, 0.38); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + color: rgba(17, 17, 27, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(17, 17, 27, 0.38); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) { + color: rgba(17, 17, 27, 0.6); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(17, 17, 27, 0.3); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(17, 17, 27, 0.6); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(17, 17, 27, 0.3); +} + +.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"); +} + +.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 12px; + border-radius: 12px 12px 0 0; + border: none; + background-color: #181825; + background-image: none; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); +} + +.titlebar.default-decoration:backdrop { + background-color: #1e1e2e; +} + +.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.csd .titlebar.default-decoration { + padding: 6px; + box-shadow: none; +} + +.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: 0 6px; +} + +box.vertical headerbar { + background-color: #181825; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar button, headerbar button.image-button { + border-radius: 6px; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0 6px; +} + +headerbar separator.titlebutton, headerbar separator.sidebar { + 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: 0; + margin: 0; + min-width: 120px; + padding: 0; +} + +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):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-radius: 3px; + margin-left: 1px; + margin-right: 1px; + background-color: alpha(currentColor, 0.08); +} + +.caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled { + background-color: alpha(currentColor, 0.05); +} + +.caja-pathbar button:first-child, +.path-bar.linked:not(.vertical) > button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.caja-pathbar button:last-child, +.path-bar.linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked { + background-color: alpha(currentColor, 0.16); + color: #eff1f5; +} + +.caja-pathbar button label, .caja-pathbar button image, +.path-bar.linked:not(.vertical) > button label, +.path-bar.linked:not(.vertical) > button image { + margin-left: 3px; + margin-right: 3px; +} + +.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(239, 241, 245, 0.3); + border-top-color: rgba(239, 241, 245, 0.12); +} + +* { + -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; +} + +.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: transparent; +} + +treeview.view:selected { + background-color: #3d3e4c; + color: #eff1f5; +} + +treeview.view.separator { + min-height: 6px; + color: rgba(239, 241, 245, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(239, 241, 245, 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: #eff1f5; +} + +treeview.view.expander:disabled { + color: rgba(239, 241, 245, 0.32); +} + +treeview.view.progressbar { + border: none; + box-shadow: none; + background-color: #89b4fa; + background-image: none; + border-radius: 9999px; + color: rgba(17, 17, 27, 0.87); +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: #98bdf9; + color: rgba(17, 17, 27, 0.87); +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: rgba(17, 17, 27, 0.87); +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: rgba(239, 241, 245, 0.3); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view header button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; + background-clip: border-box; +} + +treeview.view header button:not(:focus):not(:hover):not(:active) { + color: rgba(239, 241, 245, 0.7); +} + +treeview.view header button, treeview.view header button:disabled { + background-color: #1e1e2e; +} + +treeview.view header button:last-child { + border-right-style: none; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #1e1e2e; + background-clip: border-box; + color: #89b4fa; +} + +treeview.view acceleditor > label { + background-color: #89b4fa; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #181825; + color: #eff1f5; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(239, 241, 245, 0.7); + background-color: #1e1e2e; +} + +.csd menubar, .csd .menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: none; + min-height: 20px; + padding: 4px 8px; + color: rgba(239, 241, 245, 0.7); + border-radius: 6px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +menubar > menuitem:backdrop, +.menubar > menuitem:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(239, 241, 245, 0.32); +} + +menubar > menuitem label:disabled, +.menubar > menuitem label:disabled { + color: inherit; +} + +menubar > menuitem > window.popup.background > menu menuitem, +.menubar > menuitem > window.popup.background > menu menuitem { + transition: none; +} + +.background.popup { + background-color: transparent; +} + +menu { + margin: 6px; + padding: 6px; + background-color: #313244; + background-clip: border-box; + border-radius: 12px; + border: 1px solid #393947; +} + +.csd menu { + border: none; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +menu menuitem { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: #eff1f5; + font: initial; + text-shadow: none; + border-radius: 6px; +} + +menu menuitem:hover { + background-color: alpha(currentColor, 0.08); +} + +menu menuitem:active { + background-color: alpha(currentColor, 0.12); +} + +menu menuitem:disabled { + color: rgba(239, 241, 245, 0.5); +} + +menu menuitem accelerator { + color: rgba(239, 241, 245, 0.7); +} + +menu menuitem:disabled accelerator { + color: rgba(239, 241, 245, 0.32); +} + +menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} + +menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 8px; +} + +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) { + color: inherit; +} + +menu .view:selected { + background-color: #444556; +} + +menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #313244; + color: rgba(239, 241, 245, 0.7); +} + +menu > arrow.top { + margin-top: 0; + border-radius: 6px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu > arrow.bottom { + margin-top: 8px; + margin-bottom: -12px; + border-radius: 6px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover { + background-image: image(alpha(currentColor, 0.08)); + color: #eff1f5; +} + +menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: transparent; +} + +menu separator { + margin: 4px 0; +} + +/************ + * Popovers * + ************/ +popover.background { + transition: box-shadow 200ms ease-out; + padding: 0; + background-color: #313244; + border-radius: 12px; +} + +popover.background, .csd popover.background { + border: 1px solid rgba(239, 241, 245, 0.1); + 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(17, 17, 27, 0.75); + background-clip: border-box; +} + +popover.background:backdrop, .csd popover.background:backdrop { + box-shadow: 0 3px 3px -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(17, 17, 27, 0.75); +} + +popover.background > stack { + margin: -4px; +} + +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 > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: 6px; +} + +popover.background > scrolledwindow > viewport.frame > list > row { + border-radius: 6px; + padding: 6px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #313244; +} + +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 modelbutton.flat, +popover.background .menuitem.button.flat { + min-height: 28px; + padding: 0 8px; + border-radius: 6px; + color: #eff1f5; +} + +popover.background modelbutton.flat + modelbutton.flat, +popover.background modelbutton.flat + box.vertical, +popover.background .menuitem.button.flat + .menuitem.button.flat { + margin-top: 2px; +} + +popover.background modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +popover.background modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +popover.background separator { + margin: 3px 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(239, 241, 245, 0.7); + font-weight: 500; + border-radius: 6px; +} + +tabbox > tab:hover, notebook > header tab:hover { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; +} + +tabbox > tab:disabled, notebook > header tab:disabled { + color: rgba(239, 241, 245, 0.32); +} + +tabbox > tab:checked, notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: #eff1f5; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { + color: rgba(239, 241, 245, 0.5); +} + +notebook { + background-color: #1e1e2e; +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(239, 241, 245, 0.04); +} + +notebook.frame { + border-radius: 12px; +} + +notebook.frame scrolledwindow.frame { + border: none; +} + +notebook.frame frame > border { + border: none; + border-radius: 6px; +} + +notebook.frame frame > list row.activatable { + border-radius: 6px; +} + +notebook > header { + border: none; + background-color: rgba(239, 241, 245, 0.04); + 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(239, 241, 245, 0.12); + color: #eff1f5; +} + +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 > tab + tab, notebook > header.bottom tabs > tab + tab { + margin-left: 3px; +} + +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 > tab + tab, notebook > header.right tabs > tab + tab { + margin-top: 3px; +} + +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 > header > button.image-button { + min-height: 24px; + min-width: 24px; + padding: 3px; +} + +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: #1e1e2e; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar.bottom { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar.left { + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar.right { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: rgba(239, 241, 245, 0.5); +} + +scrollbar slider:hover { + background-color: rgba(239, 241, 245, 0.7); +} + +scrollbar slider:active { + background-color: #eff1f5; +} + +scrollbar slider:disabled { + background-color: rgba(239, 241, 245, 0.32); +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +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: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(30, 30, 46, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(30, 30, 46, 0.3); + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(239, 241, 245, 0.32); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: rgba(49, 50, 68, 0.9); +} + +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 { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #89b4fa; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 3px 3px -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); + background-color: white; + border: none; + color: transparent; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); +} + +/************************* + * 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.svg"), url("assets/selectionmode-checkbox-unchecked-dark@2.svg")); +} + +.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.svg"), url("assets/selectionmode-checkbox-checked-dark@2.svg")); +} + +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: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(239, 241, 245, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.04); + background-color: rgba(239, 241, 245, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.2); +} + +check:focus, +radio:focus { + outline: none; +} + +check:disabled, +radio:disabled { + background-color: rgba(239, 241, 245, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(137, 180, 250, 0.15); + background-color: #bad3fc; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(137, 180, 250, 0.2); + background-color: #89b4fa; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(17, 17, 27, 0.38); + background-color: rgba(137, 180, 250, 0.35); +} + +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.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { + box-shadow: none; +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/checkbox-mixed-symbolic.svg")); +} + + +radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/radio-checked-symbolic.svg")); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/radio-mixed-symbolic.svg")); +} + +#MozillaGtkWidget > widget > checkbutton > check, +menu menuitem check { + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > checkbutton > check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/small-checkbox-checked-symbolic.svg")); +} + +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/small-checkbox-mixed-symbolic.svg")); +} + +#MozillaGtkWidget > widget > radiobutton > radio, +menu menuitem radio { + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > radiobutton > radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/small-radio-checked-symbolic.svg")); +} + +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/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); +} + +treeview.view radio, treeview.view check { + padding: 0; + margin: 0; +} + +treeview.view radio:not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view radio:checked, treeview.view radio:indeterminate, treeview.view check:checked, treeview.view check:indeterminate, treeview.view:hover radio:checked, treeview.view:hover radio:indeterminate, treeview.view:hover check:checked, treeview.view:hover check:indeterminate, treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + background-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(239, 241, 245, 0.3); +} + +scale trough:disabled { + background-color: rgba(239, 241, 245, 0.12); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#89b4fa); +} + +scale highlight:disabled { + background-color: #1e1e2e; + background-image: image(rgba(239, 241, 245, 0.32)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #89b4fa; + background-color: #1e1e2e; + box-shadow: inset 0 0 0 2px #89b4fa; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #89b4fa, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #89b4fa, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.32); +} + +scale marks, +scale value { + color: rgba(239, 241, 245, 0.7); +} + +scale indicator { + background-color: rgba(239, 241, 245, 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.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), 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.svg"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.svg")), 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.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), 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.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), 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.svg"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.svg")), 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.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), 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.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), 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.svg"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.svg")), 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.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), 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.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), 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.svg"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.svg")), 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.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), 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(239, 241, 245, 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(239, 241, 245, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #89b4fa; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #89b4fa; +} + +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: #f9e2af; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #89b4fa; +} + +levelbar block.full { + background-color: #a6e3a1; +} + +levelbar block.empty { + background-color: rgba(239, 241, 245, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + color: #eff1f5; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, .frame { + margin: 0; + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 0; + box-shadow: none; +} + +.frame.view { + border-radius: 6px; +} + +.frame.flat { + border-style: none; +} + +frame.flat > border, frame > border.flat, statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + background-clip: border-box; +} + +.background.csd box.vertical > actionbar > revealer > box .background.csd box.vertical > revealer > 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.5, to(rgba(239, 241, 245, 0.12)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-size: 100% 5%, 100% 100%; + 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.5, to(rgba(239, 241, 245, 0.12)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-size: 100% 5%, 100% 100%; + 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.5, to(rgba(239, 241, 245, 0.12)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-size: 5% 100%, 100% 100%; + 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.5, to(rgba(239, 241, 245, 0.12)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-size: 5% 100%, 100% 100%; + 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(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(239, 241, 245, 0.12); +} + +preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list 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 * + *********/ +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 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, list#ListBoxTweakGroup list, .tweak-group-startup, list.content:not(.conversation-listbox) { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #313244; +} + +window.background.csd stack stack stack frame > list > separator, +window.background.csd > stack > stack > box > frame > list > separator, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, +window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, .geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, hdyleaflet overlay scrolledwindow > viewport list > separator, leaflet stack.background scrolledwindow > viewport list > separator, leaflet overlay scrolledwindow > viewport list > separator, box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, list#ListBoxTweakGroup list > separator, .tweak-group-startup > separator, list.content:not(.conversation-listbox) > separator { + background: none; + min-height: 0; +} + +window.background.csd stack stack stack frame > list row, +window.background.csd > stack > stack > box > frame > list row, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row, +window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, .geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, hdyleaflet list.frame row, leaflet list.view row, leaflet list.frame row, box.horizontal > stack.background list.view row, box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, hdyleaflet overlay scrolledwindow > viewport list row, leaflet stack.background scrolledwindow > viewport list row, leaflet overlay scrolledwindow > viewport list row, box.horizontal > stack.background stack.background scrolledwindow > viewport list row, box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, leaflet frame:not(.view) list:not(.contacts-contact-list) row, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list row, list#ListBoxTweakGroup list row, .tweak-group-startup > row, list.content:not(.conversation-listbox) > row { + border-radius: 0; +} + +window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), .geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), hdyleaflet list.frame row:not(:first-child), leaflet list.view row:not(:first-child), leaflet list.frame row:not(:first-child), box.horizontal > stack.background list.view row:not(:first-child), box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), leaflet stack.background scrolledwindow > viewport list row:not(:first-child), leaflet overlay scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list row:not(:first-child), list#ListBoxTweakGroup list row:not(:first-child), .tweak-group-startup > row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, .geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, hdyleaflet list.frame row:first-child, leaflet list.view row:first-child, leaflet list.frame row:first-child, box.horizontal > stack.background list.view row:first-child, box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, hdyleaflet overlay scrolledwindow > viewport list row:first-child, leaflet stack.background scrolledwindow > viewport list row:first-child, leaflet overlay scrolledwindow > viewport list row:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list row:first-child, list#ListBoxTweakGroup list row:first-child, .tweak-group-startup > row: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:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, .geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, hdyleaflet list.frame row:last-child, leaflet list.view row:last-child, leaflet list.frame row:last-child, box.horizontal > stack.background list.view row:last-child, box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, hdyleaflet overlay scrolledwindow > viewport list row:last-child, leaflet stack.background scrolledwindow > viewport list row:last-child, leaflet overlay scrolledwindow > viewport list row:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list row:last-child, list#ListBoxTweakGroup list row:last-child, .tweak-group-startup > row: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:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, .geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, hdyleaflet list.frame row:only-child, leaflet list.view row:only-child, leaflet list.frame row:only-child, box.horizontal > stack.background list.view row:only-child, box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, hdyleaflet overlay scrolledwindow > viewport list row:only-child, leaflet stack.background scrolledwindow > viewport list row:only-child, leaflet overlay scrolledwindow > viewport list row:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list row:only-child, list#ListBoxTweakGroup list row:only-child, .tweak-group-startup > row:only-child, list.content:not(.conversation-listbox) > row:only-child { + border-radius: 6px; +} + +window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, .geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, hdyleaflet list.frame row:focus, leaflet list.view row:focus, leaflet list.frame row:focus, box.horizontal > stack.background list.view row:focus, box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, hdyleaflet overlay scrolledwindow > viewport list row:focus, leaflet stack.background scrolledwindow > viewport list row:focus, leaflet overlay scrolledwindow > viewport list row:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list row:focus, list#ListBoxTweakGroup list row:focus, .tweak-group-startup > row:focus, list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.05); +} + +list { + border-color: rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +list.navigation-sidebar > row { + border-radius: 6px; +} + +paned scrolledwindow > viewport.frame > list { + background-color: transparent; +} + +.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 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.05); +} + +.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.05); +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .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.05); + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; +} + +row:selected { + color: inherit; + background-color: alpha(currentColor, 0.06); +} + +row:selected image, +row:selected label { + color: #eff1f5; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(239, 241, 245, 0.5); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; + padding: 6px 15px; +} + +.app-notification button.flat:last-child { + margin-right: -9px; +} + +.app-notification button.text-button:not(:disabled) { + color: #89b4fa; +} + +.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(239, 241, 245, 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: #eff1f5; +} + +expander title > arrow:disabled { + color: rgba(239, 241, 245, 0.32); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 1px; + border: 1px solid rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +calendar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +calendar:selected { + border-radius: 7px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; +} + +calendar.highlight { + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +calendar:indeterminate { + color: rgba(239, 241, 245, 0.32); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #313244; +} + +messagedialog.background .titlebar, messagedialog.background .titlebar:backdrop { + background-color: #313244; +} + +messagedialog.background.csd { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + background-color: #313244; +} + +messagedialog.background.csd .titlebar, messagedialog.background.csd .titlebar:backdrop { + background-color: #313244; +} + +messagedialog .titlebar, messagedialog.background.csd .titlebar { + border: none; + box-shadow: none; +} + +messagedialog .dialog-action-box { + margin-top: -6px; +} + +messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { + border-radius: 6px; +} + +messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { + margin-right: 6px; +} + +messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { + color: #89b4fa; +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: #f38ba8; +} + +.csd filechooser { + background-color: #1e1e2e; + border-radius: 0 0 12px 12px; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +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; +} + +/*********** + * 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:not(separator).left { + border-right: 1px solid rgba(239, 241, 245, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid rgba(239, 241, 245, 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: #1e1e2e; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 3px; + border-radius: 6px; +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { + color: rgba(17, 17, 27, 0.87); +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(239, 241, 245, 0.7); +} + +row image.sidebar-icon:disabled { + color: rgba(239, 241, 245, 0.32); +} + +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 + row { + margin-top: 3px; +} + +placessidebar.sidebar row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar.sidebar row:selected { + background-color: rgba(239, 241, 245, 0.12); + font-weight: 500; +} + +placessidebar.sidebar row:disabled { + color: rgba(239, 241, 245, 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: #89b4fa; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #89b4fa; +} + +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(239, 241, 245, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #1e1e2e; + background-image: image(rgba(239, 241, 245, 0.12)), image(rgba(239, 241, 245, 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: #1e1e2e; +} + +infobar.info > revealer > box, infobar.info > revealer > box link:link, infobar.info > revealer > box flowboxchild, infobar.info:hover > revealer > box, infobar.info:hover > revealer > box link:link, infobar.info:hover > revealer > box flowboxchild, infobar.info:backdrop > revealer > box, infobar.info:backdrop > revealer > box link:link, infobar.info:backdrop > revealer > box flowboxchild { + color: #89b4fa; +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) { + color: #89b4fa; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #89b4fa; +} + +infobar.action > revealer > box, infobar.action > revealer > box link:link, infobar.action > revealer > box flowboxchild, infobar.action:backdrop > revealer > box, infobar.action:backdrop > revealer > box link:link, infobar.action:backdrop > revealer > box flowboxchild, infobar.question > revealer > box, infobar.question > revealer > box link:link, infobar.question > revealer > box flowboxchild, infobar.question:backdrop > revealer > box, infobar.question:backdrop > revealer > box link:link, infobar.question:backdrop > revealer > box flowboxchild { + color: rgba(17, 17, 27, 0.87); +} + +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(17, 17, 27, 0.87); +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #71a4f9; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #f9e2af; +} + +infobar.warning > revealer > box, infobar.warning > revealer > box link:link, infobar.warning > revealer > box flowboxchild, infobar.warning:backdrop > revealer > box, infobar.warning:backdrop > revealer > box link:link, infobar.warning:backdrop > revealer > box flowboxchild { + color: rgba(17, 17, 27, 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(17, 17, 27, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #f7d997; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #f38ba8; + color: rgba(17, 17, 27, 0.87); +} + +infobar.error > revealer > box, infobar.error > revealer > box link:link, infobar.error > revealer > box flowboxchild, infobar.error:backdrop > revealer > box, infobar.error:backdrop > revealer > box link:link, infobar.error:backdrop > revealer > box flowboxchild { + color: rgba(17, 17, 27, 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(17, 17, 27, 0.87); +} + +infobar.error:hover > revealer > box { + background-color: #f17497; +} + +/************ + * Tooltips * + ************/ +tooltip { + box-shadow: none; +} + +tooltip.background { + background-color: rgba(11, 11, 18, 0.9); + color: #eff1f5; + border-radius: 6px; +} + +tooltip.background.csd { + border-radius: 6px; + box-shadow: 0 3px 3px -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); +} + +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: #eff1f5; +} + +colorswatch.light { + color: rgba(17, 17, 27, 0.87); +} + +colorswatch overlay { + transition: box-shadow 200ms ease-out; +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #89b4fa; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(239, 241, 245, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(239, 241, 245, 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; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 200ms ease-out; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #1e1e2e; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: none; + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75), 0 0 36px transparent; + margin: 10px; +} + +.background.csd decoration { + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; + background-color: #1e1e2e; +} + +decoration:backdrop { + transition: box-shadow 200ms ease-out; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75), 0 0 36px transparent; +} + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; +} + +.maximized decoration, .fullscreen decoration { + border-radius: 0; + box-shadow: none; +} + +.popup decoration { + box-shadow: none; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 0 1px rgba(17, 17, 27, 0.75); +} + +.metacity decoration { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; +} + +.csd.popup decoration { + border-radius: 12px; + border: none; + 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(17, 17, 27, 0.75); +} + +tooltip.csd decoration { + border-radius: 6px; + box-shadow: none; + border: none; +} + +messagedialog.background.csd decoration { + border-radius: 12px; + border: 1px solid rgba(239, 241, 245, 0.1); + background-color: #313244; + background-clip: border-box; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #181825; + border: 1px solid #393947; +} + +.solid-csd decoration:backdrop { + background-color: #1e1e2e; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + min-height: 16px; + min-width: 16px; + padding: 0; + margin: 0 4px; +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + color: transparent; +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: none; +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.12); + background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + color: white; +} + +button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { + background-color: rgba(239, 241, 245, 0.3); +} + +button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.5); +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) { + background-color: #f9e2af; +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) { + background-color: #f7e6c1; +} + +button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) { + background-color: #a6e3a1; +} + +button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) { + background-color: #b8e7b6; +} + +button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + background-color: #f38ba8; +} + +button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + background-color: #f2a5bb; +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + background-repeat: no-repeat; + background-size: 16px 16px; + background-position: center; +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + box-shadow: none; + color: transparent; + animation: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) { + background-image: -gtk-scaled(url("assets/minimize-symbolic.svg"), url("assets/minimize-symbolic@2.svg")); +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) { + background-image: -gtk-scaled(url("assets/maximize-symbolic.svg"), url("assets/maximize-symbolic@2.svg")); +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + background-image: -gtk-scaled(url("assets/close-symbolic.svg"), url("assets/close-symbolic@2.svg")); +} + +.background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active { + background-image: -gtk-scaled(url("assets/unmaximize-symbolic.svg"), url("assets/unmaximize-symbolic@2.svg")); +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #89b4fa; + -gtk-icon-source: -gtk-recolor(url("assets/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(239, 241, 245, 0.12); + border-radius: 7px; + box-shadow: inset 0 -2px rgba(239, 241, 245, 0.12); + background-color: #313244; + color: #eff1f5; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #89b4fa; +} + +stackswitcher { + min-height: 0; + padding: 3px; + border-radius: 9px; + background-color: rgba(239, 241, 245, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: #eff1f5; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 36px; + min-height: 36px; + padding: 0; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker entry { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +button.emoji-section { + margin: 4px; +} + +button.emoji-section:checked { + color: #89b4fa; +} + +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 { + border-radius: 0 0 12px 12px; + background-color: #181825; +} + +.nautilus-window.background.csd:backdrop { + background-color: #1e1e2e; +} + +.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 > viewport.frame > list > separator { + background: none; +} + +.nautilus-window.background.csd.unified notebook { + border-radius: 0; +} + +.nautilus-window.background.csd:not(.unified) .nautilus-list-view { + background-color: transparent; + border-bottom-right-radius: 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook { + background-color: #1e1e2e; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook > stack { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) paned > separator.wide { + min-width: 12px; + box-shadow: 12px 0 #1e1e2e; + background-color: #1e1e2e; + background-image: image(#34343f); +} + +.nautilus-window.maximized, .nautilus-window.maximized placessidebar { + border-radius: 0; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border: none; + border-radius: 6px; + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + box-shadow: 0 3px 3px -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); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(17, 17, 27, 0.87); +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: rgba(239, 241, 245, 0.7); +} + +.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: #eff1f5; +} + +@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(239, 241, 245, 0.04); +} + +.path-bar-box.background.frame { + border-style: none; + background-color: rgba(239, 241, 245, 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:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button 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) { + background-color: rgba(239, 241, 245, 0.08); +} + +.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 { + background-color: transparent; + color: rgba(239, 241, 245, 0.5); +} + +.windowhandle .linked.nautilus-path-bar { + background-color: rgba(239, 241, 245, 0.04); + 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:not(.suggested-action):not(.destructive-action).current-dir { + color: #eff1f5; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { + background: none; + box-shadow: none; +} + +.disk-space-display.unknown { + background-color: rgba(239, 241, 245, 0.3); + color: rgba(239, 241, 245, 0.3); +} + +.disk-space-display.used { + background-color: #89b4fa; + color: #89b4fa; +} + +.disk-space-display.free { + background-color: rgba(239, 241, 245, 0.12); + color: rgba(239, 241, 245, 0.12); +} + +.search-information { + padding: 2px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + color: #eff1f5; +} + +.conflict-row:not(:selected) { + background-color: #605955; +} + +.nautilus-window flowboxchild .icon-item-background { + padding: 4px; + border-radius: 6px; +} + +.nautilus-window flowboxchild:selected { + background-color: transparent; +} + +.nautilus-window notebook :not(treeview).view { + 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(239, 241, 245, 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(239, 241, 245, 0.7); +} + +.nautilus-window paned > separator { + background-color: #181825; +} + +/********* + * 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(239, 241, 245, 0.7); + font-size: smaller; +} + +.open-document-selector-match { + background-color: #f9e2af; + color: rgba(17, 17, 27, 0.87); +} + +.gedit-document-panel { + background-color: #181825; +} + +.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(239, 241, 245, 0.12); +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 0 0 12px 12px; +} + +.gedit-search-slider { + margin: 0 6px 10px; + padding: 6px; + background-color: #313244; + border-radius: 0 0 12px 12px; + 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(17, 17, 27, 0.75); +} + +.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { + all: unset; + color: rgba(239, 241, 245, 0.7); +} + +.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) .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: #313244; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { + color: rgba(17, 17, 27, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: rgba(17, 17, 27, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: rgba(17, 17, 27, 0.3); +} + +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 * + **********/ +.tweak-categories > row + row { + margin-top: 3px; +} + +.csd .tweak-categories { + border-bottom-left-radius: 12px; +} + +leaflet list.navigation-sidebar { + background-color: #181825; +} + +leaflet list.navigation-sidebar > row + row { + margin-top: 3px; +} + +window.background.csd:not(.maximized) leaflet list.navigation-sidebar { + border-bottom-left-radius: 12px; +} + +.tweak-group-white, +.tweak-white, +.tweak-white:hover { + background-image: image(#1e1e2e); +} + +.tweak-group-startup { + padding: 0; +} + +.tweak-group-startup > row.tweak-startup { + background-color: transparent; + background-image: none; +} + +list.tweak-group list, list#ListBoxTweakGroup list { + padding: 0; +} + +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); +} + +/************************ + * 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 frame > border, +window.background.csd > hdyleaflet > stack.background frame > border, +window.background.csd > box.horizontal > stack.background frame > border { + border: 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: #1e1e2e; + 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 frame.view, +window.background.csd > hdyleaflet frame.view, +window.background.csd > box.horizontal frame.view { + border-radius: 6px; + 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: #1e1e2e; + 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; + padding: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable { + border-radius: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable + row, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable + row, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable + row { + margin-top: 3px; +} + +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 stack.background clamp.medium frame > box.vertical > box.vertical > list { + border-top-width: 0; + border-bottom-width: 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row { + border-radius: 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list { + border-top-width: 1px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row { + border-radius: 6px 6px 0 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list { + border-bottom-width: 1px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row { + border-radius: 0 0 6px 6px; +} + +window.background.csd hdycolumn stack frame.view > stack > stack list > separator { + background-color: rgba(239, 241, 245, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook, +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list { + background: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup), leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup), box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) { + padding: 3px; +} + +hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) row.activatable { + border-radius: 6px; +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #1e1e2e; + 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(239, 241, 245, 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; + margin-right: -6px; +} + +/***************** + * 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.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 { + box-shadow: inset 0 1px rgba(239, 241, 245, 0.12); +} + +.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; + margin: -1px 0; + border-bottom: none; + border-top: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: transparent; +} + +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 { + margin: 6px 0; +} + +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 { + padding: 0 12px 0 6px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + 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(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eff1f5; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised: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%; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0 3px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 6px; + margin: -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > box { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 0 6px 6px; + margin: 0 -6px -6px 0; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid rgba(239, 241, 245, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 3px; + margin: -1px -6px -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid rgba(239, 241, 245, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > paned > box:first-child > box { + padding: 0 6px 6px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +/********** + * Polari * + **********/ +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +stack.view.polari-entry-area { + background-color: #1e1e2e; + border-top: 1px solid rgba(239, 241, 245, 0.12); + border-bottom-right-radius: 12px; +} + +stack:disabled.view.polari-entry-area { + background-image: image(#1e1e2e); +} + +/*********** + * Builder * + ***********/ +layouttabbar { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +layouttabbar > box > button { + margin: 2px 0; +} + +layouttab { + margin: 0 8px; + border-style: none solid; + border-width: 1px; + border-color: rgba(17, 17, 27, 0.25); + box-shadow: inset 0 -2px #89b4fa; + background-color: #1e1e2e; +} + +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(17, 17, 27, 0.25); + -PnlDockBin-handle-size: 1; +} + +entry.search-missing { + background-color: #f38ba8; + color: rgba(17, 17, 27, 0.87); +} + +window.workbench treeview.image { + color: rgba(239, 241, 245, 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(239, 241, 245, 0.7); +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +entry.preferences-search { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: #1e1e2e; +} + +preferences stacksidebar.sidebar list { + background-color: #181825; +} + +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(239, 241, 245, 0.12); +} + +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(239, 241, 245, 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(239, 241, 245, 0.12); +} + +popover.transfers list row > box { + padding: 10px; +} + +dockbin { + border: 1px solid rgba(17, 17, 27, 0.25); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(17, 17, 27, 0.25); +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +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, #89b4fa 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +docktab:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +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 #89b4fa; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: #eff1f5; +} + +dockoverlayedge { + background-color: #1e1e2e; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge docktab:checked { + box-shadow: inset -2px 0 #89b4fa; +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 #89b4fa; +} + +pillbox { + background-color: #1e1e2e; + border-radius: 6px; +} + +layoutpane entry.search { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: #1e1e2e; +} + +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: #eff1f5; + font-weight: normal; +} + +button.dzlmenubuttonitem:disabled { + color: rgba(239, 241, 245, 0.5); +} + +idelayoutstackheader { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +idelayoutstackheader button:checked { + color: #eff1f5; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: #1e1e2e; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { + border-left: 1px solid rgba(239, 241, 245, 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(137, 180, 250, 0.7) 10%, transparent 0%); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { + background-color: transparent; + color: #eff1f5; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { + margin-right: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #89b4fa; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #89b4fa; +} + +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover list { + border: 1px solid rgba(239, 241, 245, 0.12); +} + +popover.messagepopover list row:not(:last-child) { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +/********** + * Photos * + **********/ +GdMainIconView.content-view { + -GdMainIconView-icon-size: 48; +} + +.documents-counter { + margin: 8px; + border-radius: 9999px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12); + background-color: #89b4fa; + color: rgba(17, 17, 27, 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: #eff1f5; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: #eff1f5; +} + +button.photos-filter-preview:checked image { + color: #eff1f5; +} + +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(239, 241, 245, 0.12); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: rgba(239, 241, 245, 0.12); +} + +.side-panel .view { + background-image: image(#181825); +} + +.side-panel .view:hover { + background-image: image(#292936); +} + +.side-panel .view:selected { + background-image: image(#89b4fa); +} + +.side-panel .view:selected:hover { + background-image: image(rgba(129, 170, 236, 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(239, 241, 245, 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; +} + +window.background.csd > stack > box > revealer > actionbar > revealer > box { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +/******************* + * Document Viewer * + *******************/ +window.background.csd evview.view.content-view { + border-radius: 0 0 12px 12px; +} + +/********************************* + * Archive Manager (File roller) * + *********************************/ +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #1e1e2e; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: #1e1e2e; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #1e1e2e; +} + +/************ + * Terminal * + ************/ +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +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; + border-radius: 0 0 12px 0; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +.terminal-window { + background-color: #1e1e2e; +} + +.terminal-window tabbar tabbox { + background-color: #181825; + margin: 0; + border-radius: 0; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-clip: border-box; +} + +/********* + * 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(17, 17, 27, 0.25); +} + +list.categories { + background-image: image(#181825); +} + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: 6px; + background-color: #181825; + color: #eff1f5; +} + +/************** + * 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: #eff1f5; + background-color: #1e1e2e; + box-shadow: none; + border-bottom: 1px solid rgba(17, 17, 27, 0.25); +} + +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: #1e1e2e; +} + +.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(239, 241, 245, 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: #181825; + box-shadow: inset 0 -1px rgba(239, 241, 245, 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: #1e1e2e; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { + min-width: 1px; + background-color: rgba(239, 241, 245, 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: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +.geary-main-window.unified separator.geary-sidebar-pane-separator { + min-width: 1px; + background-color: rgba(239, 241, 245, 0.12); +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { + border: 1px solid rgba(239, 241, 245, 0.12); + border-bottom-width: 0; + background-color: #1e1e2e; +} + +.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 > 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: #1e1e2e; +} + +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 { + background-color: #1e1e2e; +} + +window.background.csd.unified headerbar { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +window.background.csd.unified > decoration-overlay { + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +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 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 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(#313244); +} + +.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; +} + +/************** + * Terminator * + **************/ +.terminator-terminal-window paned > separator { + background-color: #1e1e2e; +} + +.terminator-terminal-window notebook.frame { + border-style: none; +} + +/************* + * Ubitquity * + *************/ +#live_installer .menubar progressbar trough { + border-radius: 4px; + background-color: rgba(239, 241, 245, 0.12); +} + +/********* + * Meld * + ********/ +.meld-notebook, .meld-notebook > stack { + background: none; + border-radius: 0 0 12px 12px; +} + +.meld-notebook-child { + background-color: #181825; + border-radius: 0 0 12px 12px; +} + +statusbar.meld-status-bar { + background: none; +} + +/*********** + * 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: #313244; +} + +window.background.chromium entry, +window.background.chromium > button { + border: 1px solid #393947; +} + +window.background.chromium > button { + color: #89b4fa; +} + +window.background.chromium > button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +window.background.chromium menubar, +window.background.chromium headerbar { + color: rgba(239, 241, 245, 0.7); +} + +window.background.chromium headerbar.titlebar { + padding: 0 12px; +} + +window.background.chromium headerbar.titlebar button:active { + background-color: alpha(currentColor, 0.12); +} + +window.background.chromium spinner { + color: #89b4fa; +} + +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +window.background.chromium treeview.view button { + border: 1px solid rgba(239, 241, 245, 0.3); + background-color: #1e1e2e; +} + +window.background.chromium menu { + border-color: #3e3e5f; +} + +window.background.chromium menu menuitem { + border-radius: 0; +} + +tooltip.background.chromium { + background-color: #0b0b12; +} + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget decoration { + border: none; +} + +#MozillaGtkWidget > widget text { + background-color: #313244; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +#MozillaGtkWidget > widget > separator { + color: #393947; +} + +#MozillaGtkWidget > widget > scrollbar { + background-clip: border-box; +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #393947; +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid #393947; + border-radius: 6px; + box-shadow: none; +} + +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(239, 241, 245, 0.12); +} + +#MozillaGtkWidget > widget > entry { + min-height: 30px; + background-color: #1e1e2e; +} + +#MozillaGtkWidget > widget > entry:focus { + border-color: #89b4fa; + box-shadow: inset 0 0 0 1px #89b4fa; +} + +#MozillaGtkWidget > widget > entry:disabled { + background-color: #181825; +} + +#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: red; +} + +#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: red; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(255, 0, 0, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: rgba(239, 241, 245, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: #eff1f5; +} + +#MozillaGtkWidget > widget > menubar:disabled { + color: rgba(239, 241, 245, 0.32); +} + +#MozillaGtkWidget > widget > frame { + color: #393947; +} + +#MozillaGtkWidget menu > separator { + color: #393947; +} + +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(239, 241, 245, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(ltr) { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(rtl) { + border-right: 1px solid rgba(239, 241, 245, 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: #1e1e2e; +} + +/********* + * 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; +} + +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 { + border-radius: 6px; +} + +/********* + * 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: #89b4fa; + -UnityDecoration-title-indent: 4px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration .top { + padding: 0 2px; + border-style: none; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #181825; + color: #eff1f5; +} + +UnityDecoration .top:backdrop { + background-color: #1e1e2e; + color: rgba(239, 241, 245, 0.7); +} + +UnityDecoration .menuitem { + color: rgba(239, 241, 245, 0.7); +} + +UnityDecoration .menuitem:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: #eff1f5; +} + +.background:not(.csd) headerbar:not(.titlebar) { + border-radius: 0; + box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { + border-style: none; +} + +UnityPanelWidget, +.unity-panel { + background-color: #11111b; + color: #eff1f5; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: rgba(239, 241, 245, 0.7); +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + color: rgba(239, 241, 245, 0.7); +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: #eff1f5; +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: spin 1s linear infinite; + color: #89b4fa; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.45); + border: none; + border-radius: 12px; + padding: 0; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo .menu { + background-color: #1e1e2e; + border-radius: 0; + padding: 0; + color: #eff1f5; +} + +/************** + * Mate-Panel * + **************/ +.mate-panel-menu-bar menubar, +#PanelApplet-window-menu-applet-button { + background-color: transparent; +} + +.mate-panel-menu-bar { + background-color: #11111b; + color: rgba(239, 241, 245, 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(239, 241, 245, 0.12); +} + +MatePanelAppletFrameDBus { + border-style: solid; + border-color: rgba(239, 241, 245, 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(239, 241, 245, 0.7); +} + +.mate-panel-menu-bar menubar > menuitem:hover { + color: #eff1f5; +} + +.mate-panel-menu-bar menubar > menuitem:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.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: #89b4fa; +} + +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: #89b4fa; +} + +.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(17, 17, 27, 0.25); + border-radius: 7px; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; +} + +#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(239, 241, 245, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + +#MatePanelPopupWindow button { + padding: 4px 16px; +} + +#MatePanelPopupWindow > frame > box > box > box > widget { + color: rgba(239, 241, 245, 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(17, 17, 27, 0.25); + border-radius: 7px; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; +} + +.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: #eff1f5; +} + +#mate-menu { + border: 1px solid rgba(17, 17, 27, 0.25); + background-color: #313244; +} + +#mate-menu button { + min-height: 24px; + min-width: 24px; + padding: 4px 0; + color: #eff1f5; + 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(239, 241, 245, 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(239, 241, 245, 0.1); + background-color: #313244; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(239, 241, 245, 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(239, 241, 245, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #89b4fa; +} + +.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: #eff1f5; + 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: #1e1e2e; +} + +.caja-side-pane notebook, +.caja-notebook { + border-top: 1px solid rgba(239, 241, 245, 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(239, 241, 245, 0.04); + background-image: none; + color: #eff1f5; +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: alpha(currentColor, 0.06); +} + +.caja-desktop.view .entry { + background-color: #1e1e2e; + color: #eff1f5; + 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(239, 241, 245, 0.12); +} + +.caja-notebook frame > border { + border-style: none; +} + +#caja-extra-view-widget { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +#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(239, 241, 245, 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(239, 241, 245, 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(239, 241, 245, 0.12); +} + +.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { + border-bottom: 1px solid rgba(239, 241, 245, 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(239, 241, 245, 0.12); +} + +/* mate-screensaver lock dialog */ +.lock-dialog { + border: 1px solid rgba(17, 17, 27, 0.25); + border-radius: 7px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; +} + +.lock-dialog frame > border { + border-style: none; +} + +.lock-dialog button:not(:disabled) { + color: #89b4fa; +} + +/* multimedia OSD */ +MsdOsdWindow.background.osd { + border-radius: 6px; + background-color: rgba(11, 11, 18, 0.9); + color: #eff1f5; +} + +MsdOsdWindow.background.osd .trough { + border-radius: 0; + background-color: rgba(239, 241, 245, 0.12); +} + +MsdOsdWindow.background.osd .progressbar { + border-radius: 0; + background-color: #89b4fa; +} + +/****************** + * Budgie Desktop * + ******************/ +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window list.sidebar { + background: none; + border-radius: 0 0 0 12px; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border: none; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; +} + +dialog.background > .dialog-vbox > scrolledwindow > viewport.frame > list { + border-right: 1px solid #393947; +} + +.budgie-popover { + border: 1px solid rgba(239, 241, 245, 0.1); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75); + background-clip: border-box; + background-color: #1e1e2e; + border-radius: 12px; +} + +.budgie-popover frame.container { + padding: 6px; + border: none; +} + +.budgie-popover frame.container .container { + padding: 0; +} + +.budgie-popover list, .budgie-popover row { + padding: 0; +} + +.budgie-popover separator.horizontal { + margin: 3px 0; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row:hover { + box-shadow: none; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) { + background: none; + border-right: none; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list { + background-color: rgba(239, 241, 245, 0.04); + border-radius: 3px; + padding: 3px 0; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable { + padding: 6px 8px; +} + +.budgie-popover scrolledwindow.sidebar + separator { + margin: 0; + background-color: transparent; + min-width: 0; + min-height: 0; +} + +.budgie-popover scrolledwindow.sidebar + separator + scrolledwindow { + margin-left: 3px; +} + +.budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable { + border-radius: 3px; +} + +.budgie-popover treeview.view.sidebar { + border-right: none; + background: none; +} + +.budgie-popover treeview.view.sidebar:hover { + background-color: alpha(currentColor, 0.08); +} + +.budgie-popover treeview.view.sidebar:selected { + background-color: alpha(currentColor, 0.12); +} + +.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(239, 241, 245, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-popover.budgie-menu scrolledwindow.sidebar.categories { + background-color: rgba(239, 241, 245, 0.04); + padding-bottom: 12px; +} + +.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button { + border-radius: 0; +} + +.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat { + border-radius: 0; +} + +.budgie-popover.budgie-menu list.left-overlay-menu { + border-radius: 12px; + background-color: #1e1e2e; + padding: 6px; + margin: 6px; + border: 1px solid rgba(239, 241, 245, 0.1); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75); + background-clip: border-box; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable { + border-radius: 6px; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable:not(:last-child) { + margin-bottom: 3px; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable button.menuitem { + border-radius: 6px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer { + border-top: 1px solid rgba(239, 241, 245, 0.12); + padding: 6px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat { + padding: 3px; + border-radius: 6px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat.user-icon-button { + padding-right: 9px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat.image-button { + border-radius: 9999px; + padding: 6px; + min-height: 16px; + min-width: 16px; + margin-left: 9px; + background-clip: border-box; +} + +.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: 0; + 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.sound-popover .container { + padding: 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.night-light-indicator .view-header { + margin: 0 6px; +} + +.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(239, 241, 245, 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(239, 241, 245, 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 { + border: 0 solid rgba(239, 241, 245, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item { + 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 { + border-radius: 6px; +} + +.budgie-panel .workspace-switcher .workspace-add-button { + min-height: 24px; + min-width: 24px; + padding: 0; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-panel { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #11111b; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: rgba(17, 17, 27, 0.75); +} + +.budgie-panel .icon-tasklist button.launcher:checked, .budgie-panel .icon-tasklist button.launcher:active { + color: #eff1f5; +} + +.top .budgie-panel.dock-mode { + border-radius: 0 0 18px 18px; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 18px 18px 0 0; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-left-radius: 18px; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-top-right-radius: 18px; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 18px 18px 0; +} + +.left .budgie-panel.dock-mode .icon-tasklist .launcher:first-child { + border-top-right-radius: 18px; +} + +.left .budgie-panel.dock-mode .icon-tasklist .launcher:last-child { + border-bottom-right-radius: 18px; +} + +.right .budgie-panel.dock-mode { + border-radius: 18px 0 0 18px; +} + +.right .budgie-panel.dock-mode .icon-tasklist .launcher:first-child { + border-top-left-radius: 18px; +} + +.right .budgie-panel.dock-mode .icon-tasklist .launcher:last-child { + border-bottom-left-radius: 18px; +} + +.budgie-panel button { + color: rgba(239, 241, 245, 0.7); + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 0; +} + +.budgie-panel button:hover { + color: #eff1f5; +} + +.budgie-panel button:active { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel button.budgie-menu-launcher { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel button.budgie-menu-launcher:focus { + box-shadow: none; + border: none; + color: #eff1f5; +} + +.budgie-panel button.raven-trigger { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel.horizontal button { + padding: 0 6px; +} + +.budgie-panel.vertical button { + padding: 6px 0; +} + +.budgie-panel separator { + background-color: rgba(239, 241, 245, 0.12); +} + +.budgie-panel .alert { + color: #f38ba8; +} + +.budgie-panel > box > widget > widget > image, +.budgie-panel > box > widget > widget > stack > image, +.budgie-panel > box > widget > widget > box > image { + margin-left: 6px; + margin-right: 6px; +} + +.budgie-panel > box > widget > widget > box > image + label { + margin-left: -4px; +} + +.budgie-panel > box > widget > widget > box > widget > image { + margin-left: 6px; +} + +.budgie-panel > box > widget > widget > box > stack > widget > label { + margin-right: 6px; +} + +.budgie-panel > box > widget > widget > box > widget > widget > image { + margin-left: 2px; + margin-right: 2px; +} + +.budgie-panel .budgie-clock-applet > widget > box, +.budgie-panel .budgie-calendar-applet > widget > box { + padding-left: 3px; + padding-right: 3px; +} + +.budgie-panel .titlebar:not(headerbar) { + min-height: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + color: #eff1f5; +} + +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 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: #eff1f5; +} + +.budgie-panel menubar, +.budgie-panel .menubar { + color: rgba(239, 241, 245, 0.7); + box-shadow: none; + border: none; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active, +.budgie-panel .menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:active { + color: #eff1f5; +} + +.budgie-panel menubar menu separator, +.budgie-panel .menubar menu separator { + background-color: rgba(239, 241, 245, 0.12); +} + +.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(239, 241, 245, 0.5); +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled { + color: rgba(239, 241, 245, 0.32); +} + +.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: #313244; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 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(239, 241, 245, 0.12); +} + +.raven .raven-header.top stackswitcher button { + margin: -4px 0 -5px; + padding: 0 16px; + min-height: 24px; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(239, 241, 245, 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(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +.raven .raven-background > overlay > widget > image { + color: rgba(239, 241, 245, 0.12); +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .powerstrip button { + margin: 2px 0 1px; + padding: 12px; + border-radius: 9999px; +} + +.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(239, 241, 245, 0.06); + color: #eff1f5; +} + +.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: #eff1f5; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +.raven levelbar, .raven levelbar trough, .raven levelbar block { + border-radius: 9999px; +} + +calendar.raven-calendar { + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 6px; +} + +.raven-mpris { + background-color: #181825; + color: #eff1f5; +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 12px; +} + +image.raven-mpris { + background-color: rgba(239, 241, 245, 0.12); + color: rgba(239, 241, 245, 0.7); + border-radius: 6px; +} + +.raven-notifications-view > .raven-background > viewport.frame { + padding: 0; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable { + margin-left: -6px; + margin-right: -3px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header { + padding: 0 12px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list { + padding: 6px; + background: none; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border: none; + padding: 6px; + padding-left: 12px; + margin: 3px; + border-radius: 6px; + background-color: rgba(239, 241, 245, 0.04); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(239, 241, 245, 0.12); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus { + background: none; + box-shadow: none; +} + +.raven-notifications-group .raven-notifications-group-header { + padding-left: 6px; +} + +.raven-notifications-group list > row { + border-radius: 6px; + padding: 6px; +} + +.raven-notifications-group list > row .notification-clone { + padding-left: 6px; +} + +.drop-shadow { + margin: 12px; + padding: 6px; + border-radius: 12px; + background-color: #313244; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(239, 241, 245, 0.1), 0 0 0 1px rgba(17, 17, 27, 0.75); +} + +.budgie-notification-window, .budgie-switcher-window { + background: none; +} + +.budgie-notification .notification-title, .budgie-switcher .notification-title { + font-size: 110%; + color: #eff1f5; +} + +.budgie-notification .notification-body, .budgie-switcher .notification-body { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-osd-window { + background: none; +} + +.budgie-osd-window > box { + border-radius: 12px; + padding: 3px; + margin: 0; +} + +.budgie-osd { + color: #eff1f5; +} + +.budgie-osd .budgie-osd-text { + font-size: 110%; +} + +.budgie-switcher-window .drop-shadow { + border-radius: 12px; + padding: 0; +} + +.budgie-switcher-window > box { + padding: 6px; + border-radius: 12px; +} + +.budgie-switcher-window flowbox { + color: #eff1f5; + padding: 0; +} + +.budgie-switcher-window flowboxchild { + padding: 6px; + margin: 0; + color: #eff1f5; + border-radius: 6px; + transition: background-color 75ms ease-out; +} + +.budgie-switcher-window flowboxchild:hover { + color: #eff1f5; + background-color: alpha(currentColor, 0.08); +} + +.budgie-switcher-window flowboxchild:active { + color: #eff1f5; + background-color: alpha(currentColor, 0.12); +} + +.budgie-switcher-window flowboxchild:selected { + color: #eff1f5; + background-color: alpha(currentColor, 0.1); +} + +.budgie-panel .lock-keys image:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.budgie-session-dialog, +.budgie-polkit-dialog, +.budgie-run-dialog { + background-color: #313244; + border: none; + box-shadow: none; + padding: 0; +} + +.budgie-session-dialog > box > grid, +.budgie-polkit-dialog > box > grid, +.budgie-run-dialog > box > grid { + padding: 24px; +} + +.budgie-session-dialog.background, .budgie-session-dialog.background.csd > decoration, +.budgie-polkit-dialog.background, +.budgie-polkit-dialog.background.csd > decoration, +.budgie-run-dialog.background, +.budgie-run-dialog.background.csd > decoration { + border-radius: 12px; +} + +.budgie-session-dialog.background, +.budgie-polkit-dialog.background, +.budgie-run-dialog.background { + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.budgie-session-dialog.background.csd > decoration, +.budgie-polkit-dialog.background.csd > decoration, +.budgie-run-dialog.background.csd > decoration { + border: none; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75); +} + +.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: 110%; +} + +.budgie-session-dialog buttonbox.linked > button, +.budgie-polkit-dialog buttonbox.linked > button, +.budgie-run-dialog buttonbox.linked > button { + padding: 8px 16px; + border-top: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 0; +} + +.budgie-session-dialog buttonbox.linked > button.suggested-action:not(:disabled), +.budgie-polkit-dialog buttonbox.linked > button.suggested-action:not(:disabled), +.budgie-run-dialog buttonbox.linked > button.suggested-action:not(:disabled) { + color: #89b4fa; +} + +.budgie-session-dialog buttonbox.linked > button.destructive-action:not(:disabled), +.budgie-polkit-dialog buttonbox.linked > button.destructive-action:not(:disabled), +.budgie-run-dialog buttonbox.linked > button.destructive-action:not(:disabled) { + color: #f38ba8; +} + +.budgie-session-dialog buttonbox.linked > button:first-child, +.budgie-polkit-dialog buttonbox.linked > button:first-child, +.budgie-run-dialog buttonbox.linked > button:first-child { + border-bottom-left-radius: 12px; + border-top-left-radius: 0; +} + +.budgie-session-dialog buttonbox.linked > button:last-child, +.budgie-polkit-dialog buttonbox.linked > button:last-child, +.budgie-run-dialog buttonbox.linked > button:last-child { + border-bottom-right-radius: 12px; + border-top-right-radius: 0; +} + +.budgie-power-dialog .titlebar, .budgie-power-dialog .titlebar:backdrop { + background-color: transparent; + box-shadow: none; + border: none; +} + +.budgie-power-dialog.background { + border-radius: 18px; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.budgie-power-dialog.background.csd > decoration { + border: none; + border-radius: 18px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75); +} + +.budgie-polkit-dialog .message { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-polkit-dialog .failure { + color: #f38ba8; +} + +.budgie-polkit-dialog > box > grid { + padding-bottom: 0; +} + +.budgie-run-dialog entry.search { + font-size: 110%; + padding: 6px 14px; + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + color: #eff1f5; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +/************** + * Xfce4 Apps * + **************/ +.XfceHeading { + background-color: #1e1e2e; +} + +/*************** + * xfce4-panel * + ***************/ +.xfce4-panel.background { + border: none; + background-color: #11111b; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +.xfce4-panel.background button { + min-height: 16px; + min-width: 16px; + padding: 0 6px; + border-radius: 0; + color: rgba(239, 241, 245, 0.7); +} + +.xfce4-panel.background button:hover, .xfce4-panel.background button:active, .xfce4-panel.background button:checked { + color: #eff1f5; +} + +.xfce4-panel.background button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.xfce4-panel.background button.flat.toggle { + padding: 0 6px; +} + +.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: #89b4fa; +} + +#xfce4-mpc-plugin-26 > frame > border { + border: none; +} + +#xfce-panel-button { + -gtk-icon-style: symbolic; +} + +XfdesktopIconView.view { + border-radius: 6px; + background-color: transparent; + color: #eff1f5; +} + +XfdesktopIconView.view:active { + box-shadow: none; +} + +XfdesktopIconView.view .rubberband { + border-radius: 0; +} + +window#whiskermenu-window { + border-radius: 12px; + background-color: transparent; + border: none; +} + +window#whiskermenu-window entry.search:focus { + background-color: #1e1e2e; +} + +window#whiskermenu-window > frame > border { + border-radius: 12px; + padding: 6px 8px 6px 9px; + margin: 6px; + border: none; + background-color: #1e1e2e; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75), inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +window#whiskermenu-window box.categories > button.radio { + padding: 3px 6px; + margin: 1px 0; +} + +window#whiskermenu-window box.categories > button.radio:hover { + background-color: rgba(239, 241, 245, 0.12); +} + +window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow.frame { + padding: 3px; + background-color: #1e1e2e; + border-radius: 6px; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view { + border-radius: 6px; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +#XfceNotifyWindow { + background-color: #1e1e2e; + border-radius: 12px; + border: 1px solid rgba(17, 17, 27, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +#XfceNotifyWindow buttonbox { + padding: 0; +} + +#XfceNotifyWindow label#summary { + font-weight: bold; +} + +dialog.xfsm-logout-dialog { + border-radius: 12px; + background-color: rgba(30, 30, 46, 0.97); + border: 1px solid rgba(17, 17, 27, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +#xfwm-tabwin { + padding: 12px; + border-radius: 6px; + -XfwmTabwinWidget-icon-size: 64px; + -XfwmTabwinWidget-preview-size: 64px; +} + +/********** + * Thunar * + **********/ +.thunar toolbar { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.thunar .standard-view.frame { + border: none; +} + +.thunar scrolledwindow.frame.sidebar { + border-top: none; +} + +.thunar .path-bar.linked:not(.vertical) > button.path-bar-button { + margin-left: 2px; + margin-right: 2px; +} + +.thunar statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(239, 241, 245, 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; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; + animation: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: rgba(239, 241, 245, 0.7); + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #eff1f5; + border-radius: 0; +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(239, 241, 245, 0.32); +} + +/************************ + * LightDM GTK+ Greeter * + ************************/ +#panel_window { + background-color: #1e1e2e; + color: #eff1f5; +} + +#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(239, 241, 245, 0.7); +} + +#panel_window menubar > menuitem:hover { + color: #eff1f5; +} + +#panel_window menubar > menuitem:disabled label { + color: rgba(239, 241, 245, 0.32); +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; + color: #eff1f5; +} + +#content_frame { + padding-bottom: 16px; +} + +#login_window GtkComboBox { + background: none; +} + +#login_window GtkComboBox .button, #login_window GtkComboBox .button:hover, #login_window GtkComboBox .button:active, #login_window GtkComboBox .button:focus { + padding: 0; + background: none; + border-style: none; + box-shadow: none; +} + +#user_image { + padding: 3px; + border-radius: 3px; +} + +#user_image_border { + border-radius: 3px; +} + +#buttonbox_frame { + padding-top: 24px; +} + +#buttonbox_frame > box, +#buttonbox_frame > buttonbox { + margin: -16px; +} + +#buttonbox_frame button:not(:disabled) { + color: #89b4fa; +} + +#greeter_infobar { + font-weight: bold; +} + +/******** + * Nemo * + ********/ +.nemo-window .primary-toolbar { + background-color: #181825; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 2px 3px; +} + +.nemo-window .primary-toolbar entry { + min-height: 0; + margin: 0; +} + +.nemo-window .primary-toolbar > toolitem > box > button.image-button, +.nemo-window .primary-toolbar > toolitem > .linked > button.image-button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar button.text-button { + padding-left: 8px; + padding-right: 8px; + color: rgba(239, 241, 245, 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: #eff1f5; +} + +.nemo-window .primary-toolbar button.text-button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.nemo-window .primary-toolbar button.text-button:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button { + border-radius: 3px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.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: #181825; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 6px; + background-color: rgba(239, 241, 245, 0.04); +} + +.nemo-window .toolbar { + padding: 2px; + margin: -2px; +} + +.nemo-window .toolbar button { + margin: 3px 0; + padding: 3px; +} + +.nemo-window .toolbar separator { + margin: 6px 0; +} + +.nemo-window.background.csd .toolbar { + border-radius: 0 0 12px 12px; +} + +.nemo-window.background.csd.maximized .toolbar { + border-radius: 0; +} + +.places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #5d5d6a; + -NemoPlacesTreeView-disk-full-fg-color: #89b4fa; + -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; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #eff1f5; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #eff1f5; +/* +widget base background color */ +@define-color theme_bg_color #1e1e2e; +/* +text widgets and the like base background color */ +@define-color theme_base_color #1e1e2e; +/* +base background color of selections */ +@define-color theme_selected_bg_color #89b4fa; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color rgba(17, 17, 27, 0.87); +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #1e1e2e; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(239, 241, 245, 0.5); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #181825; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #eff1f5; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #eff1f5; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1e2e; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #1e1e2e; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #89b4fa; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color rgba(17, 17, 27, 0.87); +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(239, 241, 245, 0.5); +/* +widgets main borders color */ +@define-color borders rgba(239, 241, 245, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(239, 241, 245, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #f9e2af; +@define-color error_color #f38ba8; +@define-color success_color #a6e3a1; +/* +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 #eff1f5; +@define-color wm_unfocused_title rgba(239, 241, 245, 0.7); +@define-color wm_highlight rgba(239, 241, 245, 0.1); +@define-color wm_border #060609; +@define-color wm_bg #181825; +@define-color wm_unfocused_bg #1e1e2e; +@define-color wm_button_icon white; +@define-color wm_button_close_hover_bg #f38ba8; +@define-color wm_button_close_active_bg #ed547e; +@define-color wm_button_max_hover_bg #a6e3a1; +@define-color wm_button_max_active_bg #79d572; +@define-color wm_button_min_hover_bg #f9e2af; +@define-color wm_button_min_active_bg #f5cd76; +/* +FIXME this is really an API */ +@define-color content_view_bg #1e1e2e; +@define-color placeholder_text_color #b0b2b9; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1e1e2e; +@define-color budgie_tasklist_indicator_color rgba(239, 241, 245, 0.3); +@define-color budgie_tasklist_indicator_color_active #89b4fa; +@define-color budgie_tasklist_indicator_color_active_window #526993; +@define-color budgie_tasklist_indicator_color_attention #f9e2af; +@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; diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/gtk.css b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/gtk.css new file mode 100644 index 0000000..24d2d8c --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/gtk.css @@ -0,0 +1,8539 @@ +@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, #89b4fa 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #89b4fa 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 0; + -GtkTextView-error-underline-color: #f38ba8; + -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: #89b4fa; +} + +*:focus { + outline-color: alpha(currentColor, 0.1); +} + +.thunar .standard-view.frame widget.view:selected, XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget:selected, calendar:selected, popover.background modelbutton.flat:selected, +popover.background .menuitem.button.flat:selected, .csd treeview.view:selected, .background.csd .view:selected { + color: #eff1f5; + background-color: alpha(currentColor, 0.1); +} + +.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, label selection, flowbox flowboxchild:selected { + color: #89b4fa; + background-color: rgba(137, 180, 250, 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, .nautilus-window.background.csd notebook widget.view:selected, entry selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +.linked:not(.vertical) > button, .linked:not(.vertical) > entry { + border-radius: 0; +} + +.linked:not(.vertical) > button:first-child, .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) > entry:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > entry:only-child { + border-radius: 6px; +} + +.linked.vertical > button, .linked.vertical > entry { + border-radius: 0; +} + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child { + border-radius: 6px; +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #1e1e2e; + color: #eff1f5; +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #1e1e2e; + color: #eff1f5; +} + +.gtkstyle-fallback:hover { + background-color: #14141f; + color: #eff1f5; +} + +.gtkstyle-fallback:active { + background-color: #0a0a0f; + color: #eff1f5; +} + +.gtkstyle-fallback:disabled { + background-color: #1e1e2e; + color: rgba(239, 241, 245, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +.view { + background-color: #1e1e2e; + color: #eff1f5; +} + +.view:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.view:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.view:selected:hover { + box-shadow: none; +} + +window.background.csd > stack.view { + border-radius: 0 0 12px 12px; +} + +textview text { + background-color: #1e1e2e; +} + +textview border { + background-color: #181825; + color: rgba(239, 241, 245, 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 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 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, +treeview.view .content-view flowbox rubberband, +treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-view flowbox .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 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 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, +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, +flowbox rubberband, +flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.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, +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, +.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 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, +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, +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, +treeview.view .content-view flowbox rubberband, +treeview.view .content-view flowbox XfdesktopIconView.view .rubberband, +XfdesktopIconView.view treeview.view .content-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 { + border: 1px solid #89b4fa; + background-color: rgba(137, 180, 250, 0.3); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; + color: #eff1f5; +} + +flowbox flowboxchild button.osd.remove-button { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 6px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: rgba(239, 241, 245, 0.7); +} + +label:disabled { + color: rgba(239, 241, 245, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 6px; + background-color: rgba(11, 11, 18, 0.9); + color: #eff1f5; +} + +.dim-label { + color: rgba(239, 241, 245, 0.7); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(239, 241, 245, 0.5); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: #eff1f5; +} + +/********************* + * 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, 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(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton:focus, entry:focus { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #89b4fa; +} + +spinbutton:drop(active), entry:drop(active) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +spinbutton:disabled, entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); +} + +.background:not(.csd) 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: #282938; + color: #eff1f5; +} + +.background:not(.csd) entry:focus { + background-color: #282938; + box-shadow: inset 0 0 0 2px #89b4fa; +} + +.background:not(.csd) entry:drop(active) { + background-color: #333342; + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +.background:not(.csd) entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: #242434; + color: rgba(239, 241, 245, 0.5); +} + +entry.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; +} + +entry image { + color: rgba(239, 241, 245, 0.7); +} + +entry image:hover, entry image:active { + color: #eff1f5; +} + +entry image:disabled { + color: rgba(239, 241, 245, 0.5); +} + +entry image.left { + margin-left: 2px; + margin-right: 6px; +} + +entry image.right { + margin-left: 6px; + margin-right: 2px; +} + +entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, rgba(239, 241, 245, 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; +} + +entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, rgba(239, 241, 245, 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; +} + +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, 241, 245, 0.08); + color: #eff1f5; +} + +entry.error:focus { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #f38ba8; +} + +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); +} + +entry.error image { + color: rgba(17, 17, 27, 0.6); +} + +entry.error image:hover, entry.error image:active { + color: rgba(17, 17, 27, 0.87); +} + +entry.error image:disabled { + color: rgba(17, 17, 27, 0.38); +} + +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, 241, 245, 0.08); + color: #eff1f5; +} + +entry.warning:focus { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #f9e2af; +} + +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); +} + +entry.warning image { + color: rgba(17, 17, 27, 0.6); +} + +entry.warning image:hover, entry.warning image:active { + color: rgba(17, 17, 27, 0.87); +} + +entry.warning image:disabled { + color: rgba(17, 17, 27, 0.38); +} + +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #89b4fa; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #1e1e2e; +} + +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(239, 241, 245, 0.12); + color: #eff1f5; +} + +.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(239, 241, 245, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#89b4fa), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#89b4fa), to(transparent)); + } +} + +.raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(239, 241, 245, 0.7); +} + +.raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked { + color: #eff1f5; +} + +.raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { + color: rgba(239, 241, 245, 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(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eff1f5; +} + +actionbar > revealer > box .linked > button:focus:not(.suggested-action):not(.destructive-action), button:focus { + box-shadow: 0 0 0 2px rgba(137, 180, 250, 0.35); +} + +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(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +actionbar > revealer > box .linked > button:checked:not(.suggested-action):not(.destructive-action), button:checked { + background-color: #89b4fa; + color: rgba(17, 17, 27, 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(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +.raven-notifications-group list > row button.flat, .raven .expander-button, .budgie-popover button.flat.switcher, 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.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, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +.raven-notifications-group list > row button.flat label, .raven .expander-button label, .budgie-popover button.flat.switcher 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.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, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, spinbutton > 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 buttonbox.linked > button, +.budgie-polkit-dialog buttonbox.linked > button, +.budgie-run-dialog buttonbox.linked > 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, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, scrollbar button, notebook > header > tabs > arrow, popover.background modelbutton.flat, +popover.background .menuitem.button.flat, spinbutton > button, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .dialog-action-box button, messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button, +popover.background button.model, .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(239, 241, 245, 0.7); +} + +.budgie-session-dialog buttonbox.linked > button:focus, +.budgie-polkit-dialog buttonbox.linked > button:focus, +.budgie-run-dialog buttonbox.linked > 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, placessidebar.sidebar row button.sidebar-button:focus, calendar.button: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, scrollbar button:focus, notebook > header > tabs > arrow:focus, popover.background modelbutton.flat:focus, +popover.background .menuitem.button.flat:focus, spinbutton > button:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .dialog-action-box button:focus, messagedialog .dialog-action-box .linked:not(.vertical) > 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, .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: #eff1f5; +} + +.budgie-session-dialog buttonbox.linked > button:hover, +.budgie-polkit-dialog buttonbox.linked > button:hover, +.budgie-run-dialog buttonbox.linked > 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, placessidebar.sidebar row button.sidebar-button:hover, calendar.button: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, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover.background modelbutton.flat:hover, +popover.background .menuitem.button.flat:hover, spinbutton > button:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .dialog-action-box button:hover, messagedialog .dialog-action-box .linked:not(.vertical) > 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, .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: #eff1f5; +} + +.budgie-session-dialog buttonbox.linked > button:active, +.budgie-polkit-dialog buttonbox.linked > button:active, +.budgie-run-dialog buttonbox.linked > 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, placessidebar.sidebar row button.sidebar-button:active, calendar.button: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, scrollbar button:active, notebook > header > tabs > arrow:active, popover.background modelbutton.flat:active, +popover.background .menuitem.button.flat:active, spinbutton > button:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .dialog-action-box button:active, messagedialog .dialog-action-box .linked:not(.vertical) > 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, .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: #eff1f5; +} + +.budgie-session-dialog buttonbox.linked > button:disabled, +.budgie-polkit-dialog buttonbox.linked > button:disabled, +.budgie-run-dialog buttonbox.linked > 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, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button: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, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover.background modelbutton.flat:disabled, +popover.background .menuitem.button.flat:disabled, spinbutton > button:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .dialog-action-box button:disabled, messagedialog .dialog-action-box .linked:not(.vertical) > 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, .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(239, 241, 245, 0.32); +} + +.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .dialog-action-box button:checked, messagedialog .dialog-action-box .linked:not(.vertical) > 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, .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: #eff1f5; +} + +.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-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 .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, .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(239, 241, 245, 0.5); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 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; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 6px; + background-color: #11111b; + color: #eff1f5; +} + +button.osd:focus { + box-shadow: none; +} + +button.osd:hover { + background-color: #35353d; + color: #eff1f5; +} + +button.osd:active { + background-color: #4d4d54; + color: #eff1f5; +} + +button.osd:disabled { + opacity: 0; +} + +button.osd.image-button, button.osd.circular { + padding: 12px; +} + +button.osd.image-button > image, button.osd.circular > image { + padding: 0; +} + +button.suggested-action { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(137, 180, 250, 0.2), 0 4px 3px 0 rgba(137, 180, 250, 0.14), 0 1px 6px 0 rgba(137, 180, 250, 0.12); +} + +button.suggested-action:checked { + background-color: rgba(107, 140, 195, 0.961); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(137, 180, 250, 0.3), 0 2px 3px -1px rgba(137, 180, 250, 0.24), 0 2px 5px 0 rgba(137, 180, 250, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(137, 180, 250, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #89b4fa; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +button.suggested-action.flat:checked { + background-color: rgba(137, 180, 250, 0.3); +} + +button.destructive-action { + background-color: #f38ba8; + color: rgba(17, 17, 27, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(243, 139, 168, 0.2), 0 4px 3px 0 rgba(243, 139, 168, 0.14), 0 1px 6px 0 rgba(243, 139, 168, 0.12); +} + +button.destructive-action:checked { + background-color: rgba(187, 109, 133, 0.961); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(243, 139, 168, 0.3), 0 2px 3px -1px rgba(243, 139, 168, 0.24), 0 2px 5px 0 rgba(243, 139, 168, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(243, 139, 168, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #f38ba8; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +button.destructive-action.flat:checked { + background-color: rgba(243, 139, 168, 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; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/********* + * Links * + *********/ +*:link, link { + color: #89dceb; +} + +*:visited { + color: #cba6f7; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #89dceb; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #cba6f7; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + padding: 0; +} + +spinbutton > entry, .background:not(.csd) spinbutton > entry { + min-width: 32px; + margin: 0; + border-radius: 0; + border-image: none; +} + +spinbutton > entry, spinbutton > entry:focus, spinbutton > entry:disabled, .background:not(.csd) spinbutton > entry, .background:not(.csd) spinbutton > entry:focus, .background:not(.csd) spinbutton > entry:disabled { + border: none; + box-shadow: none; + background-color: transparent; +} + +spinbutton > button { + border: solid 6px transparent; +} + +spinbutton > button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(239, 241, 245, 0.7); +} + +spinbutton > button.up:dir(ltr), spinbutton > button.down:dir(rtl) { + margin-left: -3px; +} + +spinbutton > button.up:dir(rtl), spinbutton > button.down:dir(ltr) { + margin-right: -3px; +} + +spinbutton.vertical { + padding: 3px; +} + +spinbutton.vertical > entry { + margin: 0; + padding: 0; + min-height: 36px; + min-width: 0; +} + +spinbutton.vertical > button.up { + margin: 0; +} + +spinbutton.vertical > button.down { + margin: 0; +} + +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; +} + +combobox > .linked > button.combo { + padding: 6px 10px; +} + +.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(239, 241, 245, 0.08); + color: #eff1f5; +} + +button.combo:only-child:focus { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 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(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #89b4fa; +} + +button.combo:only-child:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); +} + +/************ + * Toolbars * + ************/ +toolbar { + -GtkWidget-window-dragging: true; + padding: 2px 3px; + background-color: #1e1e2e; +} + +.osd toolbar { + background-color: transparent; +} + +frame.documents-dropdown, .app-notification, toolbar.osd { + transition: box-shadow 200ms ease-out; + padding: 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; +} + +frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 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 1px; +} + +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; +} + +.toolbar { + background-color: #181825; +} + +frame .toolbar { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.inline-toolbar { + padding: 6px; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(239, 241, 245, 0.12); + background-color: #181825; +} + +.frame .inline-toolbar { + border-width: 1px 0 0; + background-color: transparent; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + 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(239, 241, 245, 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: #eff1f5; +} + +.nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +.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(239, 241, 245, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 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(239, 241, 245, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 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(239, 241, 245, 0.32); +} + +.nemo-window .primary-toolbar entry, .titlebar entry { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; +} + +.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +.nemo-window .primary-toolbar entry image, .titlebar entry image { + color: rgba(239, 241, 245, 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: #eff1f5; +} + +.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #181825; + color: #eff1f5; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.titlebar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar:backdrop { + color: rgba(239, 241, 245, 0.7); +} + +.titlebar:backdrop:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.csd .titlebar:backdrop { + background-color: #1e1e2e; +} + +.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, 241, 245, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar + separator, .titlebar + separator.sidebar { + background-color: #181825; + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.titlebar + separator:backdrop, .titlebar + separator.sidebar:backdrop { + background-color: #1e1e2e; +} + +.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { + background-color: #89b4fa; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: #89b4fa; +} + +.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar { + box-shadow: inset 0 -1px rgba(239, 241, 245, 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(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + 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); + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.titlebar.selection-mode:backdrop { + color: rgba(17, 17, 27, 0.6); + background-color: #a6c7fb; +} + +.titlebar.selection-mode .subtitle:link { + color: rgba(17, 17, 27, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(17, 17, 27, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(17, 17, 27, 0.38); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + color: rgba(17, 17, 27, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(17, 17, 27, 0.38); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) { + color: rgba(17, 17, 27, 0.6); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(17, 17, 27, 0.3); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(17, 17, 27, 0.6); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(17, 17, 27, 0.3); +} + +.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"); +} + +.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 12px; + border-radius: 12px 12px 0 0; + border: none; + background-color: #181825; + background-image: none; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); +} + +.titlebar.default-decoration:backdrop { + background-color: #1e1e2e; +} + +.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.csd .titlebar.default-decoration { + padding: 6px; + box-shadow: none; +} + +.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: 0 6px; +} + +box.vertical headerbar { + background-color: #181825; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar button, headerbar button.image-button { + border-radius: 6px; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0 6px; +} + +headerbar separator.titlebutton, headerbar separator.sidebar { + 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: 0; + margin: 0; + min-width: 120px; + padding: 0; +} + +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):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-radius: 3px; + margin-left: 1px; + margin-right: 1px; + background-color: alpha(currentColor, 0.08); +} + +.caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled { + background-color: alpha(currentColor, 0.05); +} + +.caja-pathbar button:first-child, +.path-bar.linked:not(.vertical) > button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.caja-pathbar button:last-child, +.path-bar.linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked { + background-color: alpha(currentColor, 0.16); + color: #eff1f5; +} + +.caja-pathbar button label, .caja-pathbar button image, +.path-bar.linked:not(.vertical) > button label, +.path-bar.linked:not(.vertical) > button image { + margin-left: 3px; + margin-right: 3px; +} + +.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(239, 241, 245, 0.3); + border-top-color: rgba(239, 241, 245, 0.12); +} + +* { + -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; +} + +.csd treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: transparent; +} + +treeview.view:selected { + background-color: #3d3e4c; + color: #eff1f5; +} + +treeview.view.separator { + min-height: 6px; + color: rgba(239, 241, 245, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(239, 241, 245, 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: #eff1f5; +} + +treeview.view.expander:disabled { + color: rgba(239, 241, 245, 0.32); +} + +treeview.view.progressbar { + border: none; + box-shadow: none; + background-color: #89b4fa; + background-image: none; + border-radius: 9999px; + color: rgba(17, 17, 27, 0.87); +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: #98bdf9; + color: rgba(17, 17, 27, 0.87); +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: rgba(17, 17, 27, 0.87); +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: rgba(239, 241, 245, 0.3); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view header button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; + background-clip: border-box; +} + +treeview.view header button:not(:focus):not(:hover):not(:active) { + color: rgba(239, 241, 245, 0.7); +} + +treeview.view header button, treeview.view header button:disabled { + background-color: #1e1e2e; +} + +treeview.view header button:last-child { + border-right-style: none; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #1e1e2e; + background-clip: border-box; + color: #89b4fa; +} + +treeview.view acceleditor > label { + background-color: #89b4fa; +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #181825; + color: #eff1f5; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(239, 241, 245, 0.7); + background-color: #1e1e2e; +} + +.csd menubar, .csd .menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: none; + min-height: 20px; + padding: 4px 8px; + color: rgba(239, 241, 245, 0.7); + border-radius: 6px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +menubar > menuitem:backdrop, +.menubar > menuitem:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(239, 241, 245, 0.32); +} + +menubar > menuitem label:disabled, +.menubar > menuitem label:disabled { + color: inherit; +} + +menubar > menuitem > window.popup.background > menu menuitem, +.menubar > menuitem > window.popup.background > menu menuitem { + transition: none; +} + +.background.popup { + background-color: transparent; +} + +menu { + margin: 6px; + padding: 6px; + background-color: #313244; + background-clip: border-box; + border-radius: 12px; + border: 1px solid #393947; +} + +.csd menu { + border: none; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +menu menuitem { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: #eff1f5; + font: initial; + text-shadow: none; + border-radius: 6px; +} + +menu menuitem:hover { + background-color: alpha(currentColor, 0.08); +} + +menu menuitem:active { + background-color: alpha(currentColor, 0.12); +} + +menu menuitem:disabled { + color: rgba(239, 241, 245, 0.5); +} + +menu menuitem accelerator { + color: rgba(239, 241, 245, 0.7); +} + +menu menuitem:disabled accelerator { + color: rgba(239, 241, 245, 0.32); +} + +menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} + +menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 8px; +} + +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) { + color: inherit; +} + +menu .view:selected { + background-color: #444556; +} + +menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #313244; + color: rgba(239, 241, 245, 0.7); +} + +menu > arrow.top { + margin-top: 0; + border-radius: 6px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu > arrow.bottom { + margin-top: 8px; + margin-bottom: -12px; + border-radius: 6px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover { + background-image: image(alpha(currentColor, 0.08)); + color: #eff1f5; +} + +menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: transparent; +} + +menu separator { + margin: 4px 0; +} + +/************ + * Popovers * + ************/ +popover.background { + transition: box-shadow 200ms ease-out; + padding: 0; + background-color: #313244; + border-radius: 12px; +} + +popover.background, .csd popover.background { + border: 1px solid rgba(239, 241, 245, 0.1); + 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(17, 17, 27, 0.75); + background-clip: border-box; +} + +popover.background:backdrop, .csd popover.background:backdrop { + box-shadow: 0 3px 3px -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(17, 17, 27, 0.75); +} + +popover.background > stack { + margin: -4px; +} + +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 > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: 6px; +} + +popover.background > scrolledwindow > viewport.frame > list > row { + border-radius: 6px; + padding: 6px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #313244; +} + +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 modelbutton.flat, +popover.background .menuitem.button.flat { + min-height: 28px; + padding: 0 8px; + border-radius: 6px; + color: #eff1f5; +} + +popover.background modelbutton.flat + modelbutton.flat, +popover.background modelbutton.flat + box.vertical, +popover.background .menuitem.button.flat + .menuitem.button.flat { + margin-top: 2px; +} + +popover.background modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +popover.background modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +popover.background separator { + margin: 3px 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(239, 241, 245, 0.7); + font-weight: 500; + border-radius: 6px; +} + +tabbox > tab:hover, notebook > header tab:hover { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; +} + +tabbox > tab:disabled, notebook > header tab:disabled { + color: rgba(239, 241, 245, 0.32); +} + +tabbox > tab:checked, notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: #eff1f5; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { + color: rgba(239, 241, 245, 0.5); +} + +notebook { + background-color: #1e1e2e; +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(239, 241, 245, 0.04); +} + +notebook.frame { + border-radius: 12px; +} + +notebook.frame scrolledwindow.frame { + border: none; +} + +notebook.frame frame > border { + border: none; + border-radius: 6px; +} + +notebook.frame frame > list row.activatable { + border-radius: 6px; +} + +notebook > header { + border: none; + background-color: rgba(239, 241, 245, 0.04); + 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(239, 241, 245, 0.12); + color: #eff1f5; +} + +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 > tab + tab, notebook > header.bottom tabs > tab + tab { + margin-left: 3px; +} + +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 > tab + tab, notebook > header.right tabs > tab + tab { + margin-top: 3px; +} + +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 > header > button.image-button { + min-height: 24px; + min-width: 24px; + padding: 3px; +} + +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: #1e1e2e; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar.top { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar.bottom { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar.left { + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar.right { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: rgba(239, 241, 245, 0.5); +} + +scrollbar slider:hover { + background-color: rgba(239, 241, 245, 0.7); +} + +scrollbar slider:active { + background-color: #eff1f5; +} + +scrollbar slider:disabled { + background-color: rgba(239, 241, 245, 0.32); +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +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: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(30, 30, 46, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 3px; + border: 1px solid rgba(30, 30, 46, 0.3); + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(239, 241, 245, 0.32); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: rgba(49, 50, 68, 0.9); +} + +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 { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #89b4fa; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 3px 3px -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); + background-color: white; + border: none; + color: transparent; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); +} + +/************************* + * 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.svg"), url("assets/selectionmode-checkbox-unchecked-dark@2.svg")); +} + +.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.svg"), url("assets/selectionmode-checkbox-checked-dark@2.svg")); +} + +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: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(239, 241, 245, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.04); + background-color: rgba(239, 241, 245, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.2); +} + +check:focus, +radio:focus { + outline: none; +} + +check:disabled, +radio:disabled { + background-color: rgba(239, 241, 245, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(137, 180, 250, 0.15); + background-color: #bad3fc; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(137, 180, 250, 0.2); + background-color: #89b4fa; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(17, 17, 27, 0.38); + background-color: rgba(137, 180, 250, 0.35); +} + +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.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { + box-shadow: none; +} + + +check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/checkbox-checked-symbolic.svg")); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/checkbox-mixed-symbolic.svg")); +} + + +radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/radio-checked-symbolic.svg")); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/radio-mixed-symbolic.svg")); +} + +#MozillaGtkWidget > widget > checkbutton > check, +menu menuitem check { + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > checkbutton > check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-recolor(url("assets/small-checkbox-checked-symbolic.svg")); +} + +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/small-checkbox-mixed-symbolic.svg")); +} + +#MozillaGtkWidget > widget > radiobutton > radio, +menu menuitem radio { + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > radiobutton > radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-recolor(url("assets/small-radio-checked-symbolic.svg")); +} + +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-recolor(url("assets/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); +} + +treeview.view radio, treeview.view check { + padding: 0; + margin: 0; +} + +treeview.view radio:not(:disabled):not(:checked):not(:indeterminate), treeview.view check:not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view radio:checked, treeview.view radio:indeterminate, treeview.view check:checked, treeview.view check:indeterminate, treeview.view:hover radio:checked, treeview.view:hover radio:indeterminate, treeview.view:hover check:checked, treeview.view:hover check:indeterminate, treeview.view:selected radio:checked, treeview.view:selected radio:indeterminate, treeview.view:selected check:checked, treeview.view:selected check:indeterminate { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + background-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(239, 241, 245, 0.3); +} + +scale trough:disabled { + background-color: rgba(239, 241, 245, 0.12); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#89b4fa); +} + +scale highlight:disabled { + background-color: #1e1e2e; + background-image: image(rgba(239, 241, 245, 0.32)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #89b4fa; + background-color: #1e1e2e; + box-shadow: inset 0 0 0 2px #89b4fa; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #89b4fa, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #89b4fa, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.32); +} + +scale marks, +scale value { + color: rgba(239, 241, 245, 0.7); +} + +scale indicator { + background-color: rgba(239, 241, 245, 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.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), 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.svg"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.svg")), 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.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), 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.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), 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.svg"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.svg")), 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.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), 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.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), 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.svg"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.svg")), 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.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), 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.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), 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.svg"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.svg")), 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.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), 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(239, 241, 245, 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(239, 241, 245, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #89b4fa; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #89b4fa; +} + +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: #f9e2af; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #89b4fa; +} + +levelbar block.full { + background-color: #a6e3a1; +} + +levelbar block.empty { + background-color: rgba(239, 241, 245, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + color: #eff1f5; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, .frame { + margin: 0; + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 0; + box-shadow: none; +} + +.frame.view { + border-radius: 6px; +} + +.frame.flat { + border-style: none; +} + +frame.flat > border, frame > border.flat, statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + background-clip: border-box; +} + +.background.csd box.vertical > actionbar > revealer > box .background.csd box.vertical > revealer > 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.5, to(rgba(239, 241, 245, 0.12)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-size: 100% 5%, 100% 100%; + 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.5, to(rgba(239, 241, 245, 0.12)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-size: 100% 5%, 100% 100%; + 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.5, to(rgba(239, 241, 245, 0.12)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-size: 5% 100%, 100% 100%; + 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.5, to(rgba(239, 241, 245, 0.12)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-size: 5% 100%, 100% 100%; + 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(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(239, 241, 245, 0.12); +} + +preferences stacksidebar.sidebar list separator, hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) separator, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) separator, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) separator, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list 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 * + *********/ +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 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, list#ListBoxTweakGroup list, .tweak-group-startup, list.content:not(.conversation-listbox) { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #313244; +} + +window.background.csd stack stack stack frame > list > separator, +window.background.csd > stack > stack > box > frame > list > separator, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, +window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, .geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, hdyleaflet overlay scrolledwindow > viewport list > separator, leaflet stack.background scrolledwindow > viewport list > separator, leaflet overlay scrolledwindow > viewport list > separator, box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, list#ListBoxTweakGroup list > separator, .tweak-group-startup > separator, list.content:not(.conversation-listbox) > separator { + background: none; + min-height: 0; +} + +window.background.csd stack stack stack frame > list row, +window.background.csd > stack > stack > box > frame > list row, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row, +window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, .geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, hdyleaflet list.frame row, leaflet list.view row, leaflet list.frame row, box.horizontal > stack.background list.view row, box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, hdyleaflet overlay scrolledwindow > viewport list row, leaflet stack.background scrolledwindow > viewport list row, leaflet overlay scrolledwindow > viewport list row, box.horizontal > stack.background stack.background scrolledwindow > viewport list row, box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, leaflet frame:not(.view) list:not(.contacts-contact-list) row, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list row, list#ListBoxTweakGroup list row, .tweak-group-startup > row, list.content:not(.conversation-listbox) > row { + border-radius: 0; +} + +window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), .geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), hdyleaflet list.frame row:not(:first-child), leaflet list.view row:not(:first-child), leaflet list.frame row:not(:first-child), box.horizontal > stack.background list.view row:not(:first-child), box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), leaflet stack.background scrolledwindow > viewport list row:not(:first-child), leaflet overlay scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list row:not(:first-child), list#ListBoxTweakGroup list row:not(:first-child), .tweak-group-startup > row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, .geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, hdyleaflet list.frame row:first-child, leaflet list.view row:first-child, leaflet list.frame row:first-child, box.horizontal > stack.background list.view row:first-child, box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, hdyleaflet overlay scrolledwindow > viewport list row:first-child, leaflet stack.background scrolledwindow > viewport list row:first-child, leaflet overlay scrolledwindow > viewport list row:first-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list row:first-child, list#ListBoxTweakGroup list row:first-child, .tweak-group-startup > row: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:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, .geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, hdyleaflet list.frame row:last-child, leaflet list.view row:last-child, leaflet list.frame row:last-child, box.horizontal > stack.background list.view row:last-child, box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, hdyleaflet overlay scrolledwindow > viewport list row:last-child, leaflet stack.background scrolledwindow > viewport list row:last-child, leaflet overlay scrolledwindow > viewport list row:last-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list row:last-child, list#ListBoxTweakGroup list row:last-child, .tweak-group-startup > row: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:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, .geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, hdyleaflet list.frame row:only-child, leaflet list.view row:only-child, leaflet list.frame row:only-child, box.horizontal > stack.background list.view row:only-child, box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, hdyleaflet overlay scrolledwindow > viewport list row:only-child, leaflet stack.background scrolledwindow > viewport list row:only-child, leaflet overlay scrolledwindow > viewport list row:only-child, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list row:only-child, list#ListBoxTweakGroup list row:only-child, .tweak-group-startup > row:only-child, list.content:not(.conversation-listbox) > row:only-child { + border-radius: 6px; +} + +window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, .geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, hdyleaflet list.frame row:focus, leaflet list.view row:focus, leaflet list.frame row:focus, box.horizontal > stack.background list.view row:focus, box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, hdyleaflet overlay scrolledwindow > viewport list row:focus, leaflet stack.background scrolledwindow > viewport list row:focus, leaflet overlay scrolledwindow > viewport list row:focus, box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list row:focus, list#ListBoxTweakGroup list row:focus, .tweak-group-startup > row:focus, list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.05); +} + +list { + border-color: rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +list row { + padding: 3px; +} + +list.navigation-sidebar { + padding: 3px; +} + +list.navigation-sidebar > row { + border-radius: 6px; +} + +paned scrolledwindow > viewport.frame > list { + background-color: transparent; +} + +.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 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.05); +} + +.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.05); +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .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.05); + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; +} + +row:selected { + color: inherit; + background-color: alpha(currentColor, 0.06); +} + +row:selected image, +row:selected label { + color: #eff1f5; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(239, 241, 245, 0.5); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; + padding: 6px 15px; +} + +.app-notification button.flat:last-child { + margin-right: -9px; +} + +.app-notification button.text-button:not(:disabled) { + color: #89b4fa; +} + +.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(239, 241, 245, 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: #eff1f5; +} + +expander title > arrow:disabled { + color: rgba(239, 241, 245, 0.32); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 1px; + border: 1px solid rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +calendar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +calendar:selected { + border-radius: 7px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; +} + +calendar.highlight { + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +calendar:indeterminate { + color: rgba(239, 241, 245, 0.32); +} + +/*********** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #313244; +} + +messagedialog.background .titlebar, messagedialog.background .titlebar:backdrop { + background-color: #313244; +} + +messagedialog.background.csd { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + background-color: #313244; +} + +messagedialog.background.csd .titlebar, messagedialog.background.csd .titlebar:backdrop { + background-color: #313244; +} + +messagedialog .titlebar, messagedialog.background.csd .titlebar { + border: none; + box-shadow: none; +} + +messagedialog .dialog-action-box { + margin-top: -6px; +} + +messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, messagedialog .dialog-action-box .linked:not(.vertical) > button, messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { + border-radius: 6px; +} + +messagedialog .dialog-action-box button:not(:last-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { + margin-right: 6px; +} + +messagedialog .dialog-action-box button.suggested-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { + color: #89b4fa; +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: #f38ba8; +} + +.csd filechooser { + background-color: #1e1e2e; + border-radius: 0 0 12px 12px; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +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; +} + +/*********** + * 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:not(separator).left { + border-right: 1px solid rgba(239, 241, 245, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid rgba(239, 241, 245, 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: #1e1e2e; +} + +stacksidebar.sidebar row { + min-height: 32px; + padding: 0 3px; + border-radius: 6px; +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, stacksidebar.sidebar row:selected image { + color: rgba(17, 17, 27, 0.87); +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(239, 241, 245, 0.7); +} + +row image.sidebar-icon:disabled { + color: rgba(239, 241, 245, 0.32); +} + +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 + row { + margin-top: 3px; +} + +placessidebar.sidebar row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar.sidebar row:selected { + background-color: rgba(239, 241, 245, 0.12); + font-weight: 500; +} + +placessidebar.sidebar row:disabled { + color: rgba(239, 241, 245, 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: #89b4fa; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #89b4fa; +} + +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(239, 241, 245, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #1e1e2e; + background-image: image(rgba(239, 241, 245, 0.12)), image(rgba(239, 241, 245, 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: #1e1e2e; +} + +infobar.info > revealer > box, infobar.info > revealer > box link:link, infobar.info > revealer > box flowboxchild, infobar.info:hover > revealer > box, infobar.info:hover > revealer > box link:link, infobar.info:hover > revealer > box flowboxchild, infobar.info:backdrop > revealer > box, infobar.info:backdrop > revealer > box link:link, infobar.info:backdrop > revealer > box flowboxchild { + color: #89b4fa; +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) { + color: #89b4fa; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #89b4fa; +} + +infobar.action > revealer > box, infobar.action > revealer > box link:link, infobar.action > revealer > box flowboxchild, infobar.action:backdrop > revealer > box, infobar.action:backdrop > revealer > box link:link, infobar.action:backdrop > revealer > box flowboxchild, infobar.question > revealer > box, infobar.question > revealer > box link:link, infobar.question > revealer > box flowboxchild, infobar.question:backdrop > revealer > box, infobar.question:backdrop > revealer > box link:link, infobar.question:backdrop > revealer > box flowboxchild { + color: rgba(17, 17, 27, 0.87); +} + +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(17, 17, 27, 0.87); +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #71a4f9; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #f9e2af; +} + +infobar.warning > revealer > box, infobar.warning > revealer > box link:link, infobar.warning > revealer > box flowboxchild, infobar.warning:backdrop > revealer > box, infobar.warning:backdrop > revealer > box link:link, infobar.warning:backdrop > revealer > box flowboxchild { + color: rgba(17, 17, 27, 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(17, 17, 27, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #f7d997; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #f38ba8; + color: rgba(17, 17, 27, 0.87); +} + +infobar.error > revealer > box, infobar.error > revealer > box link:link, infobar.error > revealer > box flowboxchild, infobar.error:backdrop > revealer > box, infobar.error:backdrop > revealer > box link:link, infobar.error:backdrop > revealer > box flowboxchild { + color: rgba(17, 17, 27, 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(17, 17, 27, 0.87); +} + +infobar.error:hover > revealer > box { + background-color: #f17497; +} + +/************ + * Tooltips * + ************/ +tooltip { + box-shadow: none; +} + +tooltip.background { + background-color: rgba(11, 11, 18, 0.9); + color: #eff1f5; + border-radius: 6px; +} + +tooltip.background.csd { + border-radius: 6px; + box-shadow: 0 3px 3px -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); +} + +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: #eff1f5; +} + +colorswatch.light { + color: rgba(17, 17, 27, 0.87); +} + +colorswatch overlay { + transition: box-shadow 200ms ease-out; +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #89b4fa; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(239, 241, 245, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(239, 241, 245, 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; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 200ms ease-out; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #1e1e2e; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: none; + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75), 0 0 36px transparent; + margin: 10px; +} + +.background.csd decoration { + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; + background-color: #1e1e2e; +} + +decoration:backdrop { + transition: box-shadow 200ms ease-out; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75), 0 0 36px transparent; +} + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; +} + +.maximized decoration, .fullscreen decoration { + border-radius: 0; + box-shadow: none; +} + +.popup decoration { + box-shadow: none; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 0 1px rgba(17, 17, 27, 0.75); +} + +.metacity decoration { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; +} + +.csd.popup decoration { + border-radius: 12px; + border: none; + 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(17, 17, 27, 0.75); +} + +tooltip.csd decoration { + border-radius: 6px; + box-shadow: none; + border: none; +} + +messagedialog.background.csd decoration { + border-radius: 12px; + border: 1px solid rgba(239, 241, 245, 0.1); + background-color: #313244; + background-clip: border-box; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #181825; + border: 1px solid #393947; +} + +.solid-csd decoration:backdrop { + background-color: #1e1e2e; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + min-height: 16px; + min-width: 16px; + padding: 0; + margin: 0 4px; +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + color: transparent; +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { + box-shadow: none; +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.12); + background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%); +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + color: white; +} + +button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { + background-color: rgba(239, 241, 245, 0.3); +} + +button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.minimize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.5); +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) { + background-color: #f9e2af; +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) { + background-color: #f7e6c1; +} + +button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) { + background-color: #a6e3a1; +} + +button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) { + background-color: #b8e7b6; +} + +button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + background-color: #f38ba8; +} + +button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + background-color: #f2a5bb; +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + background-repeat: no-repeat; + background-size: 16px 16px; + background-position: center; +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + box-shadow: none; + color: transparent; + animation: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.minimize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action) { + background-image: -gtk-scaled(url("assets/minimize-symbolic.svg"), url("assets/minimize-symbolic@2.svg")); +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.maximize.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action) { + background-image: -gtk-scaled(url("assets/maximize-symbolic.svg"), url("assets/maximize-symbolic@2.svg")); +} + +#MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:hover, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action), #MozillaGtkWidget.background headerbar.titlebar.default-decoration button.close.titlebutton:active, .background.csd headerbar.titlebar.default-decoration button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + background-image: -gtk-scaled(url("assets/close-symbolic.svg"), url("assets/close-symbolic@2.svg")); +} + +.background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:hover, .background.csd.maximized headerbar.titlebar.default-decoration button.titlebutton:not(.suggested-action):not(.destructive-action).maximize:active { + background-image: -gtk-scaled(url("assets/unmaximize-symbolic.svg"), url("assets/unmaximize-symbolic@2.svg")); +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #89b4fa; + -gtk-icon-source: -gtk-recolor(url("assets/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(239, 241, 245, 0.12); + border-radius: 7px; + box-shadow: inset 0 -2px rgba(239, 241, 245, 0.12); + background-color: #313244; + color: #eff1f5; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #89b4fa; +} + +stackswitcher { + min-height: 0; + padding: 3px; + border-radius: 9px; + background-color: rgba(239, 241, 245, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.15); + color: #eff1f5; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 36px; + min-height: 36px; + padding: 0; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker entry { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +button.emoji-section { + margin: 4px; +} + +button.emoji-section:checked { + color: #89b4fa; +} + +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 { + border-radius: 0 0 12px 12px; + background-color: #181825; +} + +.nautilus-window.background.csd:backdrop { + background-color: #1e1e2e; +} + +.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 > viewport.frame > list > separator { + background: none; +} + +.nautilus-window.background.csd.unified notebook { + border-radius: 0; +} + +.nautilus-window.background.csd:not(.unified) .nautilus-list-view { + background-color: transparent; + border-bottom-right-radius: 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook { + background-color: #1e1e2e; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook > stack { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) paned > separator.wide { + min-width: 12px; + box-shadow: 12px 0 #1e1e2e; + background-color: #1e1e2e; + background-image: image(#34343f); +} + +.nautilus-window.maximized, .nautilus-window.maximized placessidebar { + border-radius: 0; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border: none; + border-radius: 6px; + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + box-shadow: 0 3px 3px -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); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(17, 17, 27, 0.87); +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: rgba(239, 241, 245, 0.7); +} + +.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: #eff1f5; +} + +@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(239, 241, 245, 0.04); +} + +.path-bar-box.background.frame { + border-style: none; + background-color: rgba(239, 241, 245, 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:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button 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) { + background-color: rgba(239, 241, 245, 0.08); +} + +.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 { + background-color: transparent; + color: rgba(239, 241, 245, 0.5); +} + +.windowhandle .linked.nautilus-path-bar { + background-color: rgba(239, 241, 245, 0.04); + 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:not(.suggested-action):not(.destructive-action).current-dir { + color: #eff1f5; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { + background: none; + box-shadow: none; +} + +.disk-space-display.unknown { + background-color: rgba(239, 241, 245, 0.3); + color: rgba(239, 241, 245, 0.3); +} + +.disk-space-display.used { + background-color: #89b4fa; + color: #89b4fa; +} + +.disk-space-display.free { + background-color: rgba(239, 241, 245, 0.12); + color: rgba(239, 241, 245, 0.12); +} + +.search-information { + padding: 2px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + color: #eff1f5; +} + +.conflict-row:not(:selected) { + background-color: #605955; +} + +.nautilus-window flowboxchild .icon-item-background { + padding: 4px; + border-radius: 6px; +} + +.nautilus-window flowboxchild:selected { + background-color: transparent; +} + +.nautilus-window notebook :not(treeview).view { + 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(239, 241, 245, 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(239, 241, 245, 0.7); +} + +.nautilus-window paned > separator { + background-color: #181825; +} + +/********* + * 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(239, 241, 245, 0.7); + font-size: smaller; +} + +.open-document-selector-match { + background-color: #f9e2af; + color: rgba(17, 17, 27, 0.87); +} + +.gedit-document-panel { + background-color: #181825; +} + +.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(239, 241, 245, 0.12); +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 0 0 12px 12px; +} + +.gedit-search-slider { + margin: 0 6px 10px; + padding: 6px; + background-color: #313244; + border-radius: 0 0 12px 12px; + 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(17, 17, 27, 0.75); +} + +.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { + all: unset; + color: rgba(239, 241, 245, 0.7); +} + +.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) .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: #313244; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { + color: rgba(17, 17, 27, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: rgba(17, 17, 27, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: rgba(17, 17, 27, 0.3); +} + +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 * + **********/ +.tweak-categories > row + row { + margin-top: 3px; +} + +.csd .tweak-categories { + border-bottom-left-radius: 12px; +} + +leaflet list.navigation-sidebar { + background-color: #181825; +} + +leaflet list.navigation-sidebar > row + row { + margin-top: 3px; +} + +window.background.csd:not(.maximized) leaflet list.navigation-sidebar { + border-bottom-left-radius: 12px; +} + +.tweak-group-white, +.tweak-white, +.tweak-white:hover { + background-image: image(#1e1e2e); +} + +.tweak-group-startup { + padding: 0; +} + +.tweak-group-startup > row.tweak-startup { + background-color: transparent; + background-image: none; +} + +list.tweak-group list, list#ListBoxTweakGroup list { + padding: 0; +} + +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); +} + +/************************ + * 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 frame > border, +window.background.csd > hdyleaflet > stack.background frame > border, +window.background.csd > box.horizontal > stack.background frame > border { + border: 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: #1e1e2e; + 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 frame.view, +window.background.csd > hdyleaflet frame.view, +window.background.csd > box.horizontal frame.view { + border-radius: 6px; + 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: #1e1e2e; + 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; + padding: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable { + border-radius: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable + row, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable + row, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row.activatable + row { + margin-top: 3px; +} + +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 stack.background clamp.medium frame > box.vertical > box.vertical > list { + border-top-width: 0; + border-bottom-width: 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row { + border-radius: 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list { + border-top-width: 1px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row { + border-radius: 6px 6px 0 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list { + border-bottom-width: 1px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row { + border-radius: 0 0 6px 6px; +} + +window.background.csd hdycolumn stack frame.view > stack > stack list > separator { + background-color: rgba(239, 241, 245, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook, +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list { + background: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup), leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup), box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) { + padding: 3px; +} + +hdyleaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame list:not(.view):not(.tweak-group):not(.tweak-group-startup) row.activatable { + border-radius: 6px; +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #1e1e2e; + 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(239, 241, 245, 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; + margin-right: -6px; +} + +/***************** + * 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.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 { + box-shadow: inset 0 1px rgba(239, 241, 245, 0.12); +} + +.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; + margin: -1px 0; + border-bottom: none; + border-top: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: transparent; +} + +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 { + margin: 6px 0; +} + +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 { + padding: 0 12px 0 6px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + 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(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eff1f5; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised: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%; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0 3px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 6px; + margin: -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > box { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 0 6px 6px; + margin: 0 -6px -6px 0; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid rgba(239, 241, 245, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 3px; + margin: -1px -6px -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid rgba(239, 241, 245, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > paned > box:first-child > box { + padding: 0 6px 6px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +/********** + * Polari * + **********/ +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +stack.view.polari-entry-area { + background-color: #1e1e2e; + border-top: 1px solid rgba(239, 241, 245, 0.12); + border-bottom-right-radius: 12px; +} + +stack:disabled.view.polari-entry-area { + background-image: image(#1e1e2e); +} + +/*********** + * Builder * + ***********/ +layouttabbar { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +layouttabbar > box > button { + margin: 2px 0; +} + +layouttab { + margin: 0 8px; + border-style: none solid; + border-width: 1px; + border-color: rgba(17, 17, 27, 0.25); + box-shadow: inset 0 -2px #89b4fa; + background-color: #1e1e2e; +} + +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(17, 17, 27, 0.25); + -PnlDockBin-handle-size: 1; +} + +entry.search-missing { + background-color: #f38ba8; + color: rgba(17, 17, 27, 0.87); +} + +window.workbench treeview.image { + color: rgba(239, 241, 245, 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(239, 241, 245, 0.7); +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +entry.preferences-search { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: #1e1e2e; +} + +preferences stacksidebar.sidebar list { + background-color: #181825; +} + +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(239, 241, 245, 0.12); +} + +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(239, 241, 245, 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(239, 241, 245, 0.12); +} + +popover.transfers list row > box { + padding: 10px; +} + +dockbin { + border: 1px solid rgba(17, 17, 27, 0.25); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(17, 17, 27, 0.25); +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +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, #89b4fa 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +docktab:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +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 #89b4fa; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: #eff1f5; +} + +dockoverlayedge { + background-color: #1e1e2e; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge docktab:checked { + box-shadow: inset -2px 0 #89b4fa; +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 #89b4fa; +} + +pillbox { + background-color: #1e1e2e; + border-radius: 6px; +} + +layoutpane entry.search { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: #1e1e2e; +} + +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: #eff1f5; + font-weight: normal; +} + +button.dzlmenubuttonitem:disabled { + color: rgba(239, 241, 245, 0.5); +} + +idelayoutstackheader { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +idelayoutstackheader button:checked { + color: #eff1f5; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: #1e1e2e; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { + border-left: 1px solid rgba(239, 241, 245, 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(137, 180, 250, 0.7) 10%, transparent 0%); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { + background-color: transparent; + color: #eff1f5; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { + margin-right: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #89b4fa; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #89b4fa; +} + +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover list { + border: 1px solid rgba(239, 241, 245, 0.12); +} + +popover.messagepopover list row:not(:last-child) { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +/********** + * Photos * + **********/ +GdMainIconView.content-view { + -GdMainIconView-icon-size: 48; +} + +.documents-counter { + margin: 8px; + border-radius: 9999px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12); + background-color: #89b4fa; + color: rgba(17, 17, 27, 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: #eff1f5; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: #eff1f5; +} + +button.photos-filter-preview:checked image { + color: #eff1f5; +} + +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(239, 241, 245, 0.12); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: rgba(239, 241, 245, 0.12); +} + +.side-panel .view { + background-image: image(#181825); +} + +.side-panel .view:hover { + background-image: image(#292936); +} + +.side-panel .view:selected { + background-image: image(#89b4fa); +} + +.side-panel .view:selected:hover { + background-image: image(rgba(129, 170, 236, 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(239, 241, 245, 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; +} + +window.background.csd > stack > box > revealer > actionbar > revealer > box { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +/******************* + * Document Viewer * + *******************/ +window.background.csd evview.view.content-view { + border-radius: 0 0 12px 12px; +} + +/********************************* + * Archive Manager (File roller) * + *********************************/ +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #1e1e2e; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not(.progressbar):not(.expander):not(.trough):not(.separator) { + background-color: #1e1e2e; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #1e1e2e; +} + +/************ + * Terminal * + ************/ +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +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; + border-radius: 0 0 12px 0; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +.terminal-window { + background-color: #1e1e2e; +} + +.terminal-window tabbar tabbox { + background-color: #181825; + margin: 0; + border-radius: 0; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-clip: border-box; +} + +/********* + * 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(17, 17, 27, 0.25); +} + +list.categories { + background-image: image(#181825); +} + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: 6px; + background-color: #181825; + color: #eff1f5; +} + +/************** + * 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: #eff1f5; + background-color: #1e1e2e; + box-shadow: none; + border-bottom: 1px solid rgba(17, 17, 27, 0.25); +} + +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: #1e1e2e; +} + +.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(239, 241, 245, 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: #181825; + box-shadow: inset 0 -1px rgba(239, 241, 245, 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: #1e1e2e; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { + min-width: 1px; + background-color: rgba(239, 241, 245, 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: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +.geary-main-window.unified separator.geary-sidebar-pane-separator { + min-width: 1px; + background-color: rgba(239, 241, 245, 0.12); +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { + border: 1px solid rgba(239, 241, 245, 0.12); + border-bottom-width: 0; + background-color: #1e1e2e; +} + +.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 > 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: #1e1e2e; +} + +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 { + background-color: #1e1e2e; +} + +window.background.csd.unified headerbar { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +window.background.csd.unified > decoration-overlay { + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +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 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 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(#313244); +} + +.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; +} + +/************** + * Terminator * + **************/ +.terminator-terminal-window paned > separator { + background-color: #1e1e2e; +} + +.terminator-terminal-window notebook.frame { + border-style: none; +} + +/************* + * Ubitquity * + *************/ +#live_installer .menubar progressbar trough { + border-radius: 4px; + background-color: rgba(239, 241, 245, 0.12); +} + +/********* + * Meld * + ********/ +.meld-notebook, .meld-notebook > stack { + background: none; + border-radius: 0 0 12px 12px; +} + +.meld-notebook-child { + background-color: #181825; + border-radius: 0 0 12px 12px; +} + +statusbar.meld-status-bar { + background: none; +} + +/*********** + * 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: #313244; +} + +window.background.chromium entry, +window.background.chromium > button { + border: 1px solid #393947; +} + +window.background.chromium > button { + color: #89b4fa; +} + +window.background.chromium > button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +window.background.chromium menubar, +window.background.chromium headerbar { + color: rgba(239, 241, 245, 0.7); +} + +window.background.chromium headerbar.titlebar { + padding: 0 12px; +} + +window.background.chromium headerbar.titlebar button:active { + background-color: alpha(currentColor, 0.12); +} + +window.background.chromium spinner { + color: #89b4fa; +} + +window.background.chromium textview.view { + background-color: transparent; +} + +window.background.chromium treeview.view.cell:selected:focus { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +window.background.chromium treeview.view button { + border: 1px solid rgba(239, 241, 245, 0.3); + background-color: #1e1e2e; +} + +window.background.chromium menu { + border-color: #3e3e5f; +} + +window.background.chromium menu menuitem { + border-radius: 0; +} + +tooltip.background.chromium { + background-color: #0b0b12; +} + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget decoration { + border: none; +} + +#MozillaGtkWidget > widget text { + background-color: #313244; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +#MozillaGtkWidget > widget > separator { + color: #393947; +} + +#MozillaGtkWidget > widget > scrollbar { + background-clip: border-box; +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #393947; +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid #393947; + border-radius: 6px; + box-shadow: none; +} + +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(239, 241, 245, 0.12); +} + +#MozillaGtkWidget > widget > entry { + min-height: 30px; + background-color: #1e1e2e; +} + +#MozillaGtkWidget > widget > entry:focus { + border-color: #89b4fa; + box-shadow: inset 0 0 0 1px #89b4fa; +} + +#MozillaGtkWidget > widget > entry:disabled { + background-color: #181825; +} + +#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: red; +} + +#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: red; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(255, 0, 0, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: rgba(239, 241, 245, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: #eff1f5; +} + +#MozillaGtkWidget > widget > menubar:disabled { + color: rgba(239, 241, 245, 0.32); +} + +#MozillaGtkWidget > widget > frame { + color: #393947; +} + +#MozillaGtkWidget menu > separator { + color: #393947; +} + +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(239, 241, 245, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(ltr) { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(rtl) { + border-right: 1px solid rgba(239, 241, 245, 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: #1e1e2e; +} + +/********* + * 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; +} + +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 { + border-radius: 6px; +} + +/********* + * 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: #89b4fa; + -UnityDecoration-title-indent: 4px; + -UnityDecoration-title-fade: 32px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration .top { + padding: 0 2px; + border-style: none; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #181825; + color: #eff1f5; +} + +UnityDecoration .top:backdrop { + background-color: #1e1e2e; + color: rgba(239, 241, 245, 0.7); +} + +UnityDecoration .menuitem { + color: rgba(239, 241, 245, 0.7); +} + +UnityDecoration .menuitem:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: #eff1f5; +} + +.background:not(.csd) headerbar:not(.titlebar) { + border-radius: 0; + box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { + border-style: none; +} + +UnityPanelWidget, +.unity-panel { + background-color: #11111b; + color: #eff1f5; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: rgba(239, 241, 245, 0.7); +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + color: rgba(239, 241, 245, 0.7); +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + box-shadow: inset 0 -2px currentColor; + background-color: transparent; + color: #eff1f5; +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: spin 1s linear infinite; + color: #89b4fa; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.45); + border: none; + border-radius: 12px; + padding: 0; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo .menu { + background-color: #1e1e2e; + border-radius: 0; + padding: 0; + color: #eff1f5; +} + +/************** + * Mate-Panel * + **************/ +.mate-panel-menu-bar menubar, +#PanelApplet-window-menu-applet-button { + background-color: transparent; +} + +.mate-panel-menu-bar { + background-color: #11111b; + color: rgba(239, 241, 245, 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(239, 241, 245, 0.12); +} + +MatePanelAppletFrameDBus { + border-style: solid; + border-color: rgba(239, 241, 245, 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(239, 241, 245, 0.7); +} + +.mate-panel-menu-bar menubar > menuitem:hover { + color: #eff1f5; +} + +.mate-panel-menu-bar menubar > menuitem:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.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: #89b4fa; +} + +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: #89b4fa; +} + +.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(17, 17, 27, 0.25); + border-radius: 7px; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; +} + +#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(239, 241, 245, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + +#MatePanelPopupWindow button { + padding: 4px 16px; +} + +#MatePanelPopupWindow > frame > box > box > box > widget { + color: rgba(239, 241, 245, 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(17, 17, 27, 0.25); + border-radius: 7px; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; +} + +.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: #eff1f5; +} + +#mate-menu { + border: 1px solid rgba(17, 17, 27, 0.25); + background-color: #313244; +} + +#mate-menu button { + min-height: 24px; + min-width: 24px; + padding: 4px 0; + color: #eff1f5; + 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(239, 241, 245, 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(239, 241, 245, 0.1); + background-color: #313244; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(239, 241, 245, 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(239, 241, 245, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #89b4fa; +} + +.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: #eff1f5; + 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: #1e1e2e; +} + +.caja-side-pane notebook, +.caja-notebook { + border-top: 1px solid rgba(239, 241, 245, 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(239, 241, 245, 0.04); + background-image: none; + color: #eff1f5; +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: alpha(currentColor, 0.06); +} + +.caja-desktop.view .entry { + background-color: #1e1e2e; + color: #eff1f5; + 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(239, 241, 245, 0.12); +} + +.caja-notebook frame > border { + border-style: none; +} + +#caja-extra-view-widget { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +#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(239, 241, 245, 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(239, 241, 245, 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(239, 241, 245, 0.12); +} + +.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { + border-bottom: 1px solid rgba(239, 241, 245, 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(239, 241, 245, 0.12); +} + +/* mate-screensaver lock dialog */ +.lock-dialog { + border: 1px solid rgba(17, 17, 27, 0.25); + border-radius: 7px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; +} + +.lock-dialog frame > border { + border-style: none; +} + +.lock-dialog button:not(:disabled) { + color: #89b4fa; +} + +/* multimedia OSD */ +MsdOsdWindow.background.osd { + border-radius: 6px; + background-color: rgba(11, 11, 18, 0.9); + color: #eff1f5; +} + +MsdOsdWindow.background.osd .trough { + border-radius: 0; + background-color: rgba(239, 241, 245, 0.12); +} + +MsdOsdWindow.background.osd .progressbar { + border-radius: 0; + background-color: #89b4fa; +} + +/****************** + * Budgie Desktop * + ******************/ +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window list.sidebar { + background: none; + border-radius: 0 0 0 12px; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border: none; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; +} + +dialog.background > .dialog-vbox > scrolledwindow > viewport.frame > list { + border-right: 1px solid #393947; +} + +.budgie-popover { + border: 1px solid rgba(239, 241, 245, 0.1); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75); + background-clip: border-box; + background-color: #1e1e2e; + border-radius: 12px; +} + +.budgie-popover frame.container { + padding: 6px; + border: none; +} + +.budgie-popover frame.container .container { + padding: 0; +} + +.budgie-popover list, .budgie-popover row { + padding: 0; +} + +.budgie-popover separator.horizontal { + margin: 3px 0; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row:hover { + box-shadow: none; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) { + background: none; + border-right: none; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list { + background-color: rgba(239, 241, 245, 0.04); + border-radius: 3px; + padding: 3px 0; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable { + padding: 6px 8px; +} + +.budgie-popover scrolledwindow.sidebar + separator { + margin: 0; + background-color: transparent; + min-width: 0; + min-height: 0; +} + +.budgie-popover scrolledwindow.sidebar + separator + scrolledwindow { + margin-left: 3px; +} + +.budgie-popover scrolledwindow.sidebar + separator + scrolledwindow list > row.activatable { + border-radius: 3px; +} + +.budgie-popover treeview.view.sidebar { + border-right: none; + background: none; +} + +.budgie-popover treeview.view.sidebar:hover { + background-color: alpha(currentColor, 0.08); +} + +.budgie-popover treeview.view.sidebar:selected { + background-color: alpha(currentColor, 0.12); +} + +.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(239, 241, 245, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-popover.budgie-menu scrolledwindow.sidebar.categories { + background-color: rgba(239, 241, 245, 0.04); + padding-bottom: 12px; +} + +.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button { + border-radius: 0; +} + +.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat { + border-radius: 0; +} + +.budgie-popover.budgie-menu list.left-overlay-menu { + border-radius: 12px; + background-color: #1e1e2e; + padding: 6px; + margin: 6px; + border: 1px solid rgba(239, 241, 245, 0.1); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75); + background-clip: border-box; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable { + border-radius: 6px; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable:not(:last-child) { + margin-bottom: 3px; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable button.menuitem { + border-radius: 6px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer { + border-top: 1px solid rgba(239, 241, 245, 0.12); + padding: 6px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat { + padding: 3px; + border-radius: 6px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat.user-icon-button { + padding-right: 9px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat.image-button { + border-radius: 9999px; + padding: 6px; + min-height: 16px; + min-width: 16px; + margin-left: 9px; + background-clip: border-box; +} + +.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: 0; + 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.sound-popover .container { + padding: 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.night-light-indicator .view-header { + margin: 0 6px; +} + +.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(239, 241, 245, 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(239, 241, 245, 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 { + border: 0 solid rgba(239, 241, 245, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item { + 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 { + border-radius: 6px; +} + +.budgie-panel .workspace-switcher .workspace-add-button { + min-height: 24px; + min-width: 24px; + padding: 0; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-panel { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #11111b; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: rgba(17, 17, 27, 0.75); +} + +.budgie-panel .icon-tasklist button.launcher:checked, .budgie-panel .icon-tasklist button.launcher:active { + color: #eff1f5; +} + +.top .budgie-panel.dock-mode { + border-radius: 0 0 18px 18px; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 18px 18px 0 0; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-left-radius: 18px; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-top-right-radius: 18px; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 18px 18px 0; +} + +.left .budgie-panel.dock-mode .icon-tasklist .launcher:first-child { + border-top-right-radius: 18px; +} + +.left .budgie-panel.dock-mode .icon-tasklist .launcher:last-child { + border-bottom-right-radius: 18px; +} + +.right .budgie-panel.dock-mode { + border-radius: 18px 0 0 18px; +} + +.right .budgie-panel.dock-mode .icon-tasklist .launcher:first-child { + border-top-left-radius: 18px; +} + +.right .budgie-panel.dock-mode .icon-tasklist .launcher:last-child { + border-bottom-left-radius: 18px; +} + +.budgie-panel button { + color: rgba(239, 241, 245, 0.7); + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 0; +} + +.budgie-panel button:hover { + color: #eff1f5; +} + +.budgie-panel button:active { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel button.budgie-menu-launcher { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel button.budgie-menu-launcher:focus { + box-shadow: none; + border: none; + color: #eff1f5; +} + +.budgie-panel button.raven-trigger { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel.horizontal button { + padding: 0 6px; +} + +.budgie-panel.vertical button { + padding: 6px 0; +} + +.budgie-panel separator { + background-color: rgba(239, 241, 245, 0.12); +} + +.budgie-panel .alert { + color: #f38ba8; +} + +.budgie-panel > box > widget > widget > image, +.budgie-panel > box > widget > widget > stack > image, +.budgie-panel > box > widget > widget > box > image { + margin-left: 6px; + margin-right: 6px; +} + +.budgie-panel > box > widget > widget > box > image + label { + margin-left: -4px; +} + +.budgie-panel > box > widget > widget > box > widget > image { + margin-left: 6px; +} + +.budgie-panel > box > widget > widget > box > stack > widget > label { + margin-right: 6px; +} + +.budgie-panel > box > widget > widget > box > widget > widget > image { + margin-left: 2px; + margin-right: 2px; +} + +.budgie-panel .budgie-clock-applet > widget > box, +.budgie-panel .budgie-calendar-applet > widget > box { + padding-left: 3px; + padding-right: 3px; +} + +.budgie-panel .titlebar:not(headerbar) { + min-height: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + color: #eff1f5; +} + +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 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: #eff1f5; +} + +.budgie-panel menubar, +.budgie-panel .menubar { + color: rgba(239, 241, 245, 0.7); + box-shadow: none; + border: none; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active, +.budgie-panel .menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:active { + color: #eff1f5; +} + +.budgie-panel menubar menu separator, +.budgie-panel .menubar menu separator { + background-color: rgba(239, 241, 245, 0.12); +} + +.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(239, 241, 245, 0.5); +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled { + color: rgba(239, 241, 245, 0.32); +} + +.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: #313244; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 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(239, 241, 245, 0.12); +} + +.raven .raven-header.top stackswitcher button { + margin: -4px 0 -5px; + padding: 0 16px; + min-height: 24px; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(239, 241, 245, 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(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +.raven .raven-background > overlay > widget > image { + color: rgba(239, 241, 245, 0.12); +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .powerstrip button { + margin: 2px 0 1px; + padding: 12px; + border-radius: 9999px; +} + +.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(239, 241, 245, 0.06); + color: #eff1f5; +} + +.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: #eff1f5; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +.raven levelbar, .raven levelbar trough, .raven levelbar block { + border-radius: 9999px; +} + +calendar.raven-calendar { + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 6px; +} + +.raven-mpris { + background-color: #181825; + color: #eff1f5; +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 12px; +} + +image.raven-mpris { + background-color: rgba(239, 241, 245, 0.12); + color: rgba(239, 241, 245, 0.7); + border-radius: 6px; +} + +.raven-notifications-view > .raven-background > viewport.frame { + padding: 0; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable { + margin-left: -6px; + margin-right: -3px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header { + padding: 0 12px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list { + padding: 6px; + background: none; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border: none; + padding: 6px; + padding-left: 12px; + margin: 3px; + border-radius: 6px; + background-color: rgba(239, 241, 245, 0.04); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(239, 241, 245, 0.12); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus { + background: none; + box-shadow: none; +} + +.raven-notifications-group .raven-notifications-group-header { + padding-left: 6px; +} + +.raven-notifications-group list > row { + border-radius: 6px; + padding: 6px; +} + +.raven-notifications-group list > row .notification-clone { + padding-left: 6px; +} + +.drop-shadow { + margin: 12px; + padding: 6px; + border-radius: 12px; + background-color: #313244; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(239, 241, 245, 0.1), 0 0 0 1px rgba(17, 17, 27, 0.75); +} + +.budgie-notification-window, .budgie-switcher-window { + background: none; +} + +.budgie-notification .notification-title, .budgie-switcher .notification-title { + font-size: 110%; + color: #eff1f5; +} + +.budgie-notification .notification-body, .budgie-switcher .notification-body { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-osd-window { + background: none; +} + +.budgie-osd-window > box { + border-radius: 12px; + padding: 3px; + margin: 0; +} + +.budgie-osd { + color: #eff1f5; +} + +.budgie-osd .budgie-osd-text { + font-size: 110%; +} + +.budgie-switcher-window .drop-shadow { + border-radius: 12px; + padding: 0; +} + +.budgie-switcher-window > box { + padding: 6px; + border-radius: 12px; +} + +.budgie-switcher-window flowbox { + color: #eff1f5; + padding: 0; +} + +.budgie-switcher-window flowboxchild { + padding: 6px; + margin: 0; + color: #eff1f5; + border-radius: 6px; + transition: background-color 75ms ease-out; +} + +.budgie-switcher-window flowboxchild:hover { + color: #eff1f5; + background-color: alpha(currentColor, 0.08); +} + +.budgie-switcher-window flowboxchild:active { + color: #eff1f5; + background-color: alpha(currentColor, 0.12); +} + +.budgie-switcher-window flowboxchild:selected { + color: #eff1f5; + background-color: alpha(currentColor, 0.1); +} + +.budgie-panel .lock-keys image:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.budgie-session-dialog, +.budgie-polkit-dialog, +.budgie-run-dialog { + background-color: #313244; + border: none; + box-shadow: none; + padding: 0; +} + +.budgie-session-dialog > box > grid, +.budgie-polkit-dialog > box > grid, +.budgie-run-dialog > box > grid { + padding: 24px; +} + +.budgie-session-dialog.background, .budgie-session-dialog.background.csd > decoration, +.budgie-polkit-dialog.background, +.budgie-polkit-dialog.background.csd > decoration, +.budgie-run-dialog.background, +.budgie-run-dialog.background.csd > decoration { + border-radius: 12px; +} + +.budgie-session-dialog.background, +.budgie-polkit-dialog.background, +.budgie-run-dialog.background { + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.budgie-session-dialog.background.csd > decoration, +.budgie-polkit-dialog.background.csd > decoration, +.budgie-run-dialog.background.csd > decoration { + border: none; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75); +} + +.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: 110%; +} + +.budgie-session-dialog buttonbox.linked > button, +.budgie-polkit-dialog buttonbox.linked > button, +.budgie-run-dialog buttonbox.linked > button { + padding: 8px 16px; + border-top: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 0; +} + +.budgie-session-dialog buttonbox.linked > button.suggested-action:not(:disabled), +.budgie-polkit-dialog buttonbox.linked > button.suggested-action:not(:disabled), +.budgie-run-dialog buttonbox.linked > button.suggested-action:not(:disabled) { + color: #89b4fa; +} + +.budgie-session-dialog buttonbox.linked > button.destructive-action:not(:disabled), +.budgie-polkit-dialog buttonbox.linked > button.destructive-action:not(:disabled), +.budgie-run-dialog buttonbox.linked > button.destructive-action:not(:disabled) { + color: #f38ba8; +} + +.budgie-session-dialog buttonbox.linked > button:first-child, +.budgie-polkit-dialog buttonbox.linked > button:first-child, +.budgie-run-dialog buttonbox.linked > button:first-child { + border-bottom-left-radius: 12px; + border-top-left-radius: 0; +} + +.budgie-session-dialog buttonbox.linked > button:last-child, +.budgie-polkit-dialog buttonbox.linked > button:last-child, +.budgie-run-dialog buttonbox.linked > button:last-child { + border-bottom-right-radius: 12px; + border-top-right-radius: 0; +} + +.budgie-power-dialog .titlebar, .budgie-power-dialog .titlebar:backdrop { + background-color: transparent; + box-shadow: none; + border: none; +} + +.budgie-power-dialog.background { + border-radius: 18px; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.budgie-power-dialog.background.csd > decoration { + border: none; + border-radius: 18px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75); +} + +.budgie-polkit-dialog .message { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-polkit-dialog .failure { + color: #f38ba8; +} + +.budgie-polkit-dialog > box > grid { + padding-bottom: 0; +} + +.budgie-run-dialog entry.search { + font-size: 110%; + padding: 6px 14px; + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + color: #eff1f5; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +/************** + * Xfce4 Apps * + **************/ +.XfceHeading { + background-color: #1e1e2e; +} + +/*************** + * xfce4-panel * + ***************/ +.xfce4-panel.background { + border: none; + background-color: #11111b; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +.xfce4-panel.background button { + min-height: 16px; + min-width: 16px; + padding: 0 6px; + border-radius: 0; + color: rgba(239, 241, 245, 0.7); +} + +.xfce4-panel.background button:hover, .xfce4-panel.background button:active, .xfce4-panel.background button:checked { + color: #eff1f5; +} + +.xfce4-panel.background button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.xfce4-panel.background button.flat.toggle { + padding: 0 6px; +} + +.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: #89b4fa; +} + +#xfce4-mpc-plugin-26 > frame > border { + border: none; +} + +#xfce-panel-button { + -gtk-icon-style: symbolic; +} + +XfdesktopIconView.view { + border-radius: 6px; + background-color: transparent; + color: #eff1f5; +} + +XfdesktopIconView.view:active { + box-shadow: none; +} + +XfdesktopIconView.view .rubberband { + border-radius: 0; +} + +window#whiskermenu-window { + border-radius: 12px; + background-color: transparent; + border: none; +} + +window#whiskermenu-window entry.search:focus { + background-color: #1e1e2e; +} + +window#whiskermenu-window > frame > border { + border-radius: 12px; + padding: 6px 8px 6px 9px; + margin: 6px; + border: none; + background-color: #1e1e2e; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(17, 17, 27, 0.75), inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +window#whiskermenu-window box.categories > button.radio { + padding: 3px 6px; + margin: 1px 0; +} + +window#whiskermenu-window box.categories > button.radio:hover { + background-color: rgba(239, 241, 245, 0.12); +} + +window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow.frame { + padding: 3px; + background-color: #1e1e2e; + border-radius: 6px; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view { + border-radius: 6px; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +#XfceNotifyWindow { + background-color: #1e1e2e; + border-radius: 12px; + border: 1px solid rgba(17, 17, 27, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +#XfceNotifyWindow buttonbox { + padding: 0; +} + +#XfceNotifyWindow label#summary { + font-weight: bold; +} + +dialog.xfsm-logout-dialog { + border-radius: 12px; + background-color: rgba(30, 30, 46, 0.97); + border: 1px solid rgba(17, 17, 27, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +#xfwm-tabwin { + padding: 12px; + border-radius: 6px; + -XfwmTabwinWidget-icon-size: 64px; + -XfwmTabwinWidget-preview-size: 64px; +} + +/********** + * Thunar * + **********/ +.thunar toolbar { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.thunar .standard-view.frame { + border: none; +} + +.thunar scrolledwindow.frame.sidebar { + border-top: none; +} + +.thunar .path-bar.linked:not(.vertical) > button.path-bar-button { + margin-left: 2px; + margin-right: 2px; +} + +.thunar statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(239, 241, 245, 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; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; + animation: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: rgba(239, 241, 245, 0.7); + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #eff1f5; + border-radius: 0; +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(239, 241, 245, 0.32); +} + +/************************ + * LightDM GTK+ Greeter * + ************************/ +#panel_window { + background-color: #1e1e2e; + color: #eff1f5; +} + +#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(239, 241, 245, 0.7); +} + +#panel_window menubar > menuitem:hover { + color: #eff1f5; +} + +#panel_window menubar > menuitem:disabled label { + color: rgba(239, 241, 245, 0.32); +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; + color: #eff1f5; +} + +#content_frame { + padding-bottom: 16px; +} + +#login_window GtkComboBox { + background: none; +} + +#login_window GtkComboBox .button, #login_window GtkComboBox .button:hover, #login_window GtkComboBox .button:active, #login_window GtkComboBox .button:focus { + padding: 0; + background: none; + border-style: none; + box-shadow: none; +} + +#user_image { + padding: 3px; + border-radius: 3px; +} + +#user_image_border { + border-radius: 3px; +} + +#buttonbox_frame { + padding-top: 24px; +} + +#buttonbox_frame > box, +#buttonbox_frame > buttonbox { + margin: -16px; +} + +#buttonbox_frame button:not(:disabled) { + color: #89b4fa; +} + +#greeter_infobar { + font-weight: bold; +} + +/******** + * Nemo * + ********/ +.nemo-window .primary-toolbar { + background-color: #181825; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 2px 3px; +} + +.nemo-window .primary-toolbar entry { + min-height: 0; + margin: 0; +} + +.nemo-window .primary-toolbar > toolitem > box > button.image-button, +.nemo-window .primary-toolbar > toolitem > .linked > button.image-button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar button.text-button { + padding-left: 8px; + padding-right: 8px; + color: rgba(239, 241, 245, 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: #eff1f5; +} + +.nemo-window .primary-toolbar button.text-button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.nemo-window .primary-toolbar button.text-button:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button { + border-radius: 3px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.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: #181825; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 6px; + background-color: rgba(239, 241, 245, 0.04); +} + +.nemo-window .toolbar { + padding: 2px; + margin: -2px; +} + +.nemo-window .toolbar button { + margin: 3px 0; + padding: 3px; +} + +.nemo-window .toolbar separator { + margin: 6px 0; +} + +.nemo-window.background.csd .toolbar { + border-radius: 0 0 12px 12px; +} + +.nemo-window.background.csd.maximized .toolbar { + border-radius: 0; +} + +.places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #5d5d6a; + -NemoPlacesTreeView-disk-full-fg-color: #89b4fa; + -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; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #eff1f5; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #eff1f5; +/* +widget base background color */ +@define-color theme_bg_color #1e1e2e; +/* +text widgets and the like base background color */ +@define-color theme_base_color #1e1e2e; +/* +base background color of selections */ +@define-color theme_selected_bg_color #89b4fa; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color rgba(17, 17, 27, 0.87); +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #1e1e2e; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(239, 241, 245, 0.5); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #181825; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #eff1f5; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #eff1f5; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1e2e; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #1e1e2e; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #89b4fa; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color rgba(17, 17, 27, 0.87); +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(239, 241, 245, 0.5); +/* +widgets main borders color */ +@define-color borders rgba(239, 241, 245, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(239, 241, 245, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #f9e2af; +@define-color error_color #f38ba8; +@define-color success_color #a6e3a1; +/* +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 #eff1f5; +@define-color wm_unfocused_title rgba(239, 241, 245, 0.7); +@define-color wm_highlight rgba(239, 241, 245, 0.1); +@define-color wm_border #060609; +@define-color wm_bg #181825; +@define-color wm_unfocused_bg #1e1e2e; +@define-color wm_button_icon white; +@define-color wm_button_close_hover_bg #f38ba8; +@define-color wm_button_close_active_bg #ed547e; +@define-color wm_button_max_hover_bg #a6e3a1; +@define-color wm_button_max_active_bg #79d572; +@define-color wm_button_min_hover_bg #f9e2af; +@define-color wm_button_min_active_bg #f5cd76; +/* +FIXME this is really an API */ +@define-color content_view_bg #1e1e2e; +@define-color placeholder_text_color #b0b2b9; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1e1e2e; +@define-color budgie_tasklist_indicator_color rgba(239, 241, 245, 0.3); +@define-color budgie_tasklist_indicator_color_active #89b4fa; +@define-color budgie_tasklist_indicator_color_active_window #526993; +@define-color budgie_tasklist_indicator_color_attention #f9e2af; +@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; diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/thumbnail.png b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/thumbnail.png new file mode 100644 index 0000000..b4f8165 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-3.0/thumbnail.png @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-checked-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..7b89e88 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-checked-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..17e3c4a --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-mixed-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..b4808a6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-mixed-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..3ea0541 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/close-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/close-symbolic.svg new file mode 100644 index 0000000..06201c3 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/close-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/close-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/close-symbolic@2.svg new file mode 100644 index 0000000..a26e6ff --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/close-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/cursor-handle-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/maximize-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/maximize-symbolic.svg new file mode 100644 index 0000000..39316eb --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/maximize-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/maximize-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/maximize-symbolic@2.svg new file mode 100644 index 0000000..8095f75 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/maximize-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/menu-radio-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/menu-radio-symbolic.svg new file mode 100644 index 0000000..a70839a --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/menu-radio-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/menu-radio-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/menu-radio-symbolic@2.svg new file mode 100644 index 0000000..f55ed39 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/menu-radio-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/minimize-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/minimize-symbolic.svg new file mode 100644 index 0000000..f3683b9 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/minimize-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/minimize-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/minimize-symbolic@2.svg new file mode 100644 index 0000000..741534b --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/minimize-symbolic@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-checked-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-checked-symbolic.svg new file mode 100644 index 0000000..67beb46 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-checked-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-checked-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..bf51d9e --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-checked-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-mixed-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-mixed-symbolic.svg new file mode 100644 index 0000000..b4808a6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-mixed-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-mixed-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-mixed-symbolic@2.svg new file mode 100644 index 0000000..3ea0541 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/radio-mixed-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-dark.svg new file mode 100644 index 0000000..97e5960 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.svg new file mode 100644 index 0000000..43d4f3d --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.svg new file mode 100644 index 0000000..8b33555 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.svg new file mode 100644 index 0000000..07bafcd --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.svg new file mode 100644 index 0000000..cd23929 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.svg new file mode 100644 index 0000000..5f2f6e4 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider.svg new file mode 100644 index 0000000..13ae75a --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider@2.svg new file mode 100644 index 0000000..c273f62 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-after-slider@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-dark.svg new file mode 100644 index 0000000..bf2fd87 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.svg new file mode 100644 index 0000000..dfa462e --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.svg new file mode 100644 index 0000000..7102440 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.svg new file mode 100644 index 0000000..998828d --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.svg new file mode 100644 index 0000000..c787ab6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.svg new file mode 100644 index 0000000..70cb342 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider.svg new file mode 100644 index 0000000..5de149c --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider@2.svg new file mode 100644 index 0000000..9812165 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-horz-marks-before-slider@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-dark.svg new file mode 100644 index 0000000..fd01f5c --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.svg new file mode 100644 index 0000000..b03de16 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.svg new file mode 100644 index 0000000..b891806 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.svg new file mode 100644 index 0000000..34e5122 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.svg new file mode 100644 index 0000000..a9d7cfb --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.svg new file mode 100644 index 0000000..4d87c12 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider.svg new file mode 100644 index 0000000..9dc4239 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider@2.svg new file mode 100644 index 0000000..b294051 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-after-slider@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-dark.svg new file mode 100644 index 0000000..a6e4651 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.svg new file mode 100644 index 0000000..9974748 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.svg new file mode 100644 index 0000000..98037b6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.svg new file mode 100644 index 0000000..e5581fa --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.svg new file mode 100644 index 0000000..29ec99c --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.svg new file mode 100644 index 0000000..730ac5e --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider.svg new file mode 100644 index 0000000..a30f000 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider@2.svg new file mode 100644 index 0000000..94f2da9 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/scale-vert-marks-before-slider@2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked-dark.svg new file mode 100644 index 0000000..46dcbe0 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.svg new file mode 100644 index 0000000..8291f3d --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked.svg new file mode 100644 index 0000000..46dcbe0 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked.svg @@ -0,0 +1,4 @@ + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked@2.svg new file mode 100644 index 0000000..8291f3d --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-checked@2.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.svg new file mode 100644 index 0000000..fcef2e3 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.svg new file mode 100644 index 0000000..51bfb54 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked.svg new file mode 100644 index 0000000..e105105 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.svg new file mode 100644 index 0000000..38ae7b6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.svg @@ -0,0 +1,3 @@ + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-checked-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..4759e32 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-checked-symbolic.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..a44f5c9 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..d621934 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..91c7006 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-checked-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..f2c9cf9 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-checked-symbolic.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-checked-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..a06db4c --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-checked-symbolic@2.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-mixed-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-mixed-symbolic.svg new file mode 100644 index 0000000..d621934 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-mixed-symbolic.svg @@ -0,0 +1,42 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg new file mode 100644 index 0000000..91c7006 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg @@ -0,0 +1,43 @@ + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/unmaximize-symbolic.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/unmaximize-symbolic.svg new file mode 100644 index 0000000..492d47a --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/unmaximize-symbolic.svg @@ -0,0 +1,46 @@ + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/unmaximize-symbolic@2.svg b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/unmaximize-symbolic@2.svg new file mode 100644 index 0000000..85f4f3a --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/assets/unmaximize-symbolic@2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/gtk-dark.css b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/gtk-dark.css new file mode 100644 index 0000000..7bbb951 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/gtk-dark.css @@ -0,0 +1,8502 @@ +@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, #89b4fa 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #89b4fa 100%, transparent 100%); + } +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #1e1e2e; + color: #eff1f5; +} + +#desktopwindow.background { + background-color: transparent; +} + +dnd { + color: #eff1f5; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +.aboutdialog .large-icons { + -gtk-icon-size: 128px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, .view { + background-color: #1e1e2e; + color: #eff1f5; +} + +iconview:disabled, .view:disabled { + color: rgba(239, 241, 245, 0.5); +} + +iconview:selected, .view:selected { + color: #eff1f5; +} + +textview text { + background-color: #1e1e2e; +} + +textview border { + background-color: #181825; + color: rgba(239, 241, 245, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 3px; +} + +rubberband, .content-view rubberband, .content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #89b4fa; + background-color: rgba(137, 180, 250, 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 6px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +gridview > child { + padding: 3px; +} + +gridview > child:selected { + outline-color: alpha(currentColor, 0.06); +} + +gridview > child box { + border-spacing: 8px; + margin: 12px; +} + +coverflow cover { + color: #eff1f5; + background-color: #1e1e2e; + border: 1px solid black; +} + +label.separator { + color: rgba(239, 241, 245, 0.7); +} + +label:disabled { + opacity: 1; + color: rgba(239, 241, 245, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; + opacity: 1; +} + +label.osd { + border-radius: 6px; + background-color: rgba(11, 11, 18, 0.9); + color: #eff1f5; +} + +.dim-label, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row label.subtitle { + color: rgba(239, 241, 245, 0.7); + opacity: 1; +} + +.accent { + color: #89b4fa; +} + +.success { + color: #a6e3a1; +} + +.warning { + color: #f9e2af; +} + +.error { + color: #f38ba8; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption, row.property > box.header > box.title > .title { + font-weight: 400; + font-size: 9pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(239, 241, 245, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: #eff1f5; +} + +.osd .scale-popup > arrow, +.osd .scale-popup > contents, .osd popover > arrow, +.osd popover > contents, popover.touch-selection > arrow, +popover.touch-selection > contents, popover.magnifier > arrow, +popover.magnifier > contents, .osd { + color: #eff1f5; + background-color: #1e1e2e; + background-clip: padding-box; + border-radius: 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +.osd { + padding: 6px; + margin: 6px; +} + +.osd.circular { + border-radius: 9999px; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +/**************** + * Text Entries * + ****************/ + +entry headerbar popover.background entry, +headerbar popover.background entry entry, +entry { + min-height: 36px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 6px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms 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, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry:focus-within, +headerbar popover.background entry entry:focus-within, +entry:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: #eff1f5; + outline: 2px solid #89b4fa; + outline-offset: -2px; +} + + +entry headerbar popover.background entry:drop(active), +headerbar popover.background entry entry:drop(active), +entry headerbar popover.background entry:hover:not(:focus-within), +headerbar popover.background entry entry:hover:not(:focus-within), +entry:drop(active), +entry:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry:disabled, +headerbar popover.background entry entry:disabled, +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); + outline: none; +} + + +entry headerbar popover.background entry > text > placeholder, +headerbar popover.background entry entry > text > placeholder, +entry > text > placeholder { + color: rgba(239, 241, 245, 0.5); +} + + +entry headerbar popover.background entry > text > block-cursor, +headerbar popover.background entry entry > text > block-cursor, +entry > text > block-cursor { + color: rgba(239, 241, 245, 0.04); + background-color: #eff1f5; +} + + +entry headerbar popover.background entry.flat:focus-within, +headerbar popover.background entry entry.flat:focus-within, +entry headerbar popover.background entry.flat:disabled, +headerbar popover.background entry entry.flat:disabled, +entry headerbar popover.background entry.flat:hover, +headerbar popover.background entry entry.flat:hover, +entry headerbar popover.background entry.flat, +headerbar popover.background entry entry.flat, +entry.flat:focus-within, +entry.flat:disabled, +entry.flat:hover, +entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + box-shadow: none; + border-radius: 0; + outline: none; +} + + +entry headerbar popover.background entry > image, +headerbar popover.background entry entry > image, +entry > image { + color: rgba(239, 241, 245, 0.7); +} + + +entry headerbar popover.background entry > image:hover, +headerbar popover.background entry entry > image:hover, +entry headerbar popover.background entry > image:active, +headerbar popover.background entry entry > image:active, +entry > image:hover, +entry > image:active { + color: #eff1f5; +} + + +entry headerbar popover.background entry > image:disabled, +headerbar popover.background entry entry > image:disabled, +entry > image:disabled { + color: rgba(239, 241, 245, 0.5); +} + + +entry headerbar popover.background entry > image.left, +headerbar popover.background entry entry > image.left, +entry > image.left { + margin: 0 6px 0 2px; +} + + +entry headerbar popover.background entry > image.right, +headerbar popover.background entry entry > image.right, +entry > image.right { + margin: 0 2px 0 6px; +} + + +entry headerbar popover.background entry.password image.caps-lock-indicator, +headerbar popover.background entry entry.password image.caps-lock-indicator, +entry.password image.caps-lock-indicator { + opacity: 0.35; +} + + +entry headerbar popover.background entry.error, +headerbar popover.background entry entry.error, +entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms 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(243, 139, 168, 0.1); + color: rgba(243, 139, 168, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.error:focus-within, +headerbar popover.background entry entry.error:focus-within, +entry.error:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(243, 139, 168, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #f38ba8; + outline: 2px solid #f38ba8; + outline-offset: -2px; + outline: none; +} + + +entry headerbar popover.background entry.error:drop(active), +headerbar popover.background entry entry.error:drop(active), +entry headerbar popover.background entry.error:hover:not(:focus-within), +headerbar popover.background entry entry.error:hover:not(:focus-within), +entry.error:drop(active), +entry.error:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #f38ba8; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.error:disabled, +headerbar popover.background entry entry.error:disabled, +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(243, 139, 168, 0.1); + color: rgba(243, 139, 168, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.error > text > selection, +headerbar popover.background entry entry.error > text > selection, +entry.error > text > selection { + background-color: rgba(243, 139, 168, 0.25); + color: #f38ba8; +} + + +entry headerbar popover.background entry.error > text > cursor-handle > contents, +headerbar popover.background entry entry.error > text > cursor-handle > contents, +entry.error > text > cursor-handle > contents { + background-color: currentColor; +} + + +entry headerbar popover.background entry.error > image, +headerbar popover.background entry entry.error > image, +entry.error > image { + color: rgba(243, 139, 168, 0.75); +} + + +entry headerbar popover.background entry.error > image:hover, +headerbar popover.background entry entry.error > image:hover, +entry headerbar popover.background entry.error > image:active, +headerbar popover.background entry entry.error > image:active, +entry.error > image:hover, +entry.error > image:active { + color: #f38ba8; +} + + +entry headerbar popover.background entry.error > image:disabled, +headerbar popover.background entry entry.error > image:disabled, +entry.error > image:disabled { + color: rgba(243, 139, 168, 0.35); +} + + +entry headerbar popover.background entry.warning, +headerbar popover.background entry entry.warning, +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms 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(249, 226, 175, 0.1); + color: rgba(249, 226, 175, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.warning:focus-within, +headerbar popover.background entry entry.warning:focus-within, +entry.warning:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(249, 226, 175, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #f9e2af; + outline: 2px solid #f9e2af; + outline-offset: -2px; + outline: none; +} + + +entry headerbar popover.background entry.warning:drop(active), +headerbar popover.background entry entry.warning:drop(active), +entry headerbar popover.background entry.warning:hover:not(:focus-within), +headerbar popover.background entry entry.warning:hover:not(:focus-within), +entry.warning:drop(active), +entry.warning:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #f9e2af; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.warning:disabled, +headerbar popover.background entry entry.warning:disabled, +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(249, 226, 175, 0.1); + color: rgba(249, 226, 175, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.warning > text > selection, +headerbar popover.background entry entry.warning > text > selection, +entry.warning > text > selection { + background-color: rgba(249, 226, 175, 0.25); + color: #f9e2af; +} + + +entry headerbar popover.background entry.warning > text > cursor-handle > contents, +headerbar popover.background entry entry.warning > text > cursor-handle > contents, +entry.warning > text > cursor-handle > contents { + background-color: currentColor; +} + + +entry headerbar popover.background entry.warning > image, +headerbar popover.background entry entry.warning > image, +entry.warning > image { + color: rgba(249, 226, 175, 0.75); +} + + +entry headerbar popover.background entry.warning > image:hover, +headerbar popover.background entry entry.warning > image:hover, +entry headerbar popover.background entry.warning > image:active, +headerbar popover.background entry entry.warning > image:active, +entry.warning > image:hover, +entry.warning > image:active { + color: #f9e2af; +} + + +entry headerbar popover.background entry.warning > image:disabled, +headerbar popover.background entry entry.warning > image:disabled, +entry.warning > image:disabled { + color: rgba(249, 226, 175, 0.35); +} + + +entry headerbar popover.background entry.success, +headerbar popover.background entry entry.success, +entry.success { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms 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(166, 227, 161, 0.1); + color: rgba(166, 227, 161, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.success:focus-within, +headerbar popover.background entry entry.success:focus-within, +entry.success:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(166, 227, 161, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #a6e3a1; + outline: 2px solid #a6e3a1; + outline-offset: -2px; + outline: none; +} + + +entry headerbar popover.background entry.success:drop(active), +headerbar popover.background entry entry.success:drop(active), +entry headerbar popover.background entry.success:hover:not(:focus-within), +headerbar popover.background entry entry.success:hover:not(:focus-within), +entry.success:drop(active), +entry.success:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #a6e3a1; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.success:disabled, +headerbar popover.background entry entry.success:disabled, +entry.success:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(166, 227, 161, 0.1); + color: rgba(166, 227, 161, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.success > text > selection, +headerbar popover.background entry entry.success > text > selection, +entry.success > text > selection { + background-color: rgba(166, 227, 161, 0.25); + color: #a6e3a1; +} + + +entry headerbar popover.background entry.success > text > cursor-handle > contents, +headerbar popover.background entry entry.success > text > cursor-handle > contents, +entry.success > text > cursor-handle > contents { + background-color: currentColor; +} + + +entry headerbar popover.background entry.success > image, +headerbar popover.background entry entry.success > image, +entry.success > image { + color: rgba(166, 227, 161, 0.75); +} + + +entry headerbar popover.background entry.success > image:hover, +headerbar popover.background entry entry.success > image:hover, +entry headerbar popover.background entry.success > image:active, +headerbar popover.background entry entry.success > image:active, +entry.success > image:hover, +entry.success > image:active { + color: #a6e3a1; +} + + +entry headerbar popover.background entry.success > image:disabled, +headerbar popover.background entry entry.success > image:disabled, +entry.success > image:disabled { + color: rgba(166, 227, 161, 0.35); +} + + +entry > progress, +entry progress > trough > progress { + margin: 0 -4px; + border-bottom: 2px solid #89b4fa; + background-color: transparent; +} + +.osd entry > progress > trough > progress { + border-color: rgba(239, 241, 245, 0.04); +} + + +entry button.image-button { + min-height: 24px; + min-width: 24px; + padding: 0; +} + +treeview entry.flat, treeview entry { + background-color: #1e1e2e; +} + +treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(239, 241, 245, 0.7); +} + +editablelabel > stack > text { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms 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, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #89b4fa 0%, rgba(137, 180, 250, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #89b4fa 95%, rgba(137, 180, 250, 0)); + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.5); +} + +row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button, 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: 0 solid transparent; + outline-offset: 2px; + color: #eff1f5; +} + +row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:focus, button:focus { + outline: 2px solid rgba(137, 180, 250, 0.35); + outline-offset: 0; +} + +row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:hover, button:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; + -gtk-icon-filter: brightness(1.2); +} + +row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button.keyboard-activating, button.keyboard-activating, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:active, 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:disabled, button:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:checked, button:checked { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover { + outline-color: transparent; + background-color: #a1c4fb; + color: rgba(17, 17, 27, 0.87); +} + +row.spin spinbutton > button.image-button.up:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled { + outline-color: transparent; + background-color: rgba(137, 180, 250, 0.35); + color: rgba(17, 17, 27, 0.38); +} + +placessidebar row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button, +splitbutton.flat > menubutton > button { + 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(239, 241, 245, 0.7); +} + +placessidebar row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active), +splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) { + color: #eff1f5; + outline: 2px solid rgba(239, 241, 245, 0.04); + outline-offset: -2px; +} + +placessidebar row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +placessidebar row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button: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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +placessidebar row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .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), 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(239, 241, 245, 0.7); +} + +filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), +combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) { + color: #eff1f5; + outline: 2px solid rgba(239, 241, 245, 0.04); + outline-offset: -2px; +} + +filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .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 { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .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), 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .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 { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .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 { + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .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, 241, 245, 0.5); +} + +button.opaque { + box-shadow: none; +} + +.osd button.opaque:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.15); +} + +button.opaque:hover { + background-image: image(alpha(currentColor, 0.1)); +} + +button.keyboard-activating.opaque, button.opaque:active { + background-image: image(rgba(0, 0, 0, 0.2)); +} + +button.opaque:checked { + background-image: image(rgba(0, 0, 0, 0.15)); +} + +button.opaque:checked:hover { + background-image: image(rgba(0, 0, 0, 0.05)); +} + +button.opaque:checked.keyboard-activating, button.opaque:checked:active { + background-image: image(rgba(0, 0, 0, 0.3)); +} + +.nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > 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) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +button separator { + margin: 4px 1px; +} + +button.opaque { + background-color: #484856; + color: #eff1f5; +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 6px; +} + +button.text-button.image-button, button.image-text-button { + min-width: 24px; + padding: 6px; + border-radius: 6px; +} + +button.text-button.image-button > box, +button.text-button.image-button > box > box, button.image-text-button > box, +button.image-text-button > box > box { + border-spacing: 4px; +} + +button.text-button.image-button > box > label, +button.text-button.image-button > box > box > label, button.image-text-button > box > label, +button.image-text-button > box > box > label { + padding-left: 2px; + padding-right: 2px; +} + +button.text-button.image-button label:first-child, button.image-text-button label:first-child { + margin-left: 10px; +} + +button.text-button.image-button label:last-child, button.image-text-button label:last-child { + margin-right: 10px; +} + +button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child { + margin-left: 6px; +} + +button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child { + margin-right: 6px; +} + +button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) { + margin: 0 4px; +} + +button.arrow-button { + padding-left: 9px; + padding-right: 9px; +} + +button.arrow-button > box { + border-spacing: 4px; +} + +button.arrow-button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +button.arrow-button.text-button > box { + border-spacing: 6px; +} + +menubutton.pill > button, button.pill { + padding: 9px 30px; + border-radius: 9999px; +} + +button.card { + background-color: rgba(239, 241, 245, 0.04); + background-clip: padding-box; + font-weight: inherit; + border: 1px solid rgba(239, 241, 245, 0.12); + background-clip: border-box; +} + +button.card:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +button.card.keyboard-activating, button.card:active { + background-image: none; + 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +button.card:checked { + background-image: none; + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + border-color: #89b4fa; +} + +button.card:checked:hover { + background-image: none; + outline-color: transparent; + background-color: #a1c4fb; + color: rgba(17, 17, 27, 0.87); +} + +button.card:checked:disabled { + outline-color: transparent; + background-color: rgba(137, 180, 250, 0.35); + color: rgba(17, 17, 27, 0.38); +} + +button.card:checked.keyboard-activating, button.card:checked:active { + background-image: none; +} + +button.card:checked.has-open-popup { + background-image: none; +} + +button.card:drop(active) { + color: #fab387; + box-shadow: inset 0 0 0 1px #fab387; +} + +.linked:not(.vertical) > button:focus, .linked.vertical > button:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { + background-color: alpha(currentColor, 0.05); +} + +.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > menubutton > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +button.osd { + min-height: 24px; + min-width: 24px; + padding: 6px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.35); + color: white; + margin: 0; +} + +button.osd > image { + padding: 0; +} + +button.osd.remove-button { + padding: 0; +} + +button.osd:focus { + outline-color: transparent; +} + +button.osd:hover { + background-color: rgba(0, 0, 0, 0.45); + color: white; +} + +button.osd:active { + background-color: rgba(0, 0, 0, 0.65); + color: white; +} + +button.osd:disabled { + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.35); +} + +button.suggested-action { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + box-shadow: none; +} + +button.suggested-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(0, 0, 0, 0.1), 0 4px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 6px 0 rgba(0, 0, 0, 0.06); +} + +button.suggested-action:checked { + background-color: rgba(107, 140, 195, 0.961); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(0, 0, 0, 0.15), 0 2px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.06); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(137, 180, 250, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #89b4fa; +} + +button.suggested-action.flat:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(137, 180, 250, 0.3); +} + +button.destructive-action { + background-color: #f38ba8; + color: rgba(17, 17, 27, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(0, 0, 0, 0.1), 0 4px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 6px 0 rgba(0, 0, 0, 0.06); +} + +button.destructive-action:checked { + background-color: rgba(187, 109, 133, 0.961); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(0, 0, 0, 0.15), 0 2px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.06); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(243, 139, 168, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #f38ba8; +} + +button.destructive-action.flat:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +button.destructive-action.flat:checked { + background-color: rgba(243, 139, 168, 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar button.star, menubutton.circular > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, headerbar button.star label, menubutton.circular > button label, button.close label, button.circular label { + padding: 0; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #89b4fa; + color: white; +} + +menubutton.destructive-action { + background-color: #f38ba8; + color: white; +} + +menubutton.opaque { + background-color: #484856; + color: #eff1f5; +} + +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 > separator { + margin-top: 6px; + margin-bottom: 6px; + background: none; +} + +splitbutton > menubutton > button { + padding: 6px 10px; +} + +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(239, 241, 245, 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: #89b4fa; + color: white; +} + +splitbutton.destructive-action { + background-color: #f38ba8; + color: white; +} + +splitbutton.opaque { + background-color: #484856; + color: #eff1f5; +} + +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(239, 241, 245, 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(239, 241, 245, 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 { + 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 row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), +stackswitcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.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) > entry:last-child, .linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + + +list > row button.image-button:not(.flat) { + background-color: transparent; + box-shadow: none; + border: none; +} + + +list > row button.image-button:not(.flat):hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #f38ba8; + color: rgba(17, 17, 27, 0.87); +} + +/********* + * Links * + *********/ +link { + color: #89dceb; +} + +link:visited { + color: #cba6f7; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #89dceb; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #cba6f7; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 6px; + padding: 0; + border-spacing: 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms 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, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +spinbutton:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: #eff1f5; + outline: 2px solid #89b4fa; + outline-offset: -2px; +} + +spinbutton:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); + outline: none; +} + +spinbutton > text { + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + margin: 0; +} + +spinbutton > button { + border: none; +} + +spinbutton > button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: none; +} + +spinbutton:not(.vertical) > text { + min-width: 32px; + padding-left: 12px; +} + +spinbutton:not(.vertical) > button { + padding: 0; + margin: 6px; +} + +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; +} + +cell.activatable spinbutton:not(.vertical) { + margin: 3px 0; +} + +cell.activatable spinbutton:not(.vertical) > button { + margin: 0; + padding: 0; + min-height: 24px; + border-radius: 0; +} + +cell.activatable spinbutton:not(.vertical) > button:last-child { + border-radius: 0 6px 6px 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 0; +} + +spinbutton.vertical > text { + min-height: 36px; + min-width: 42px; + padding: 0; +} + +spinbutton.vertical > button { + padding: 0; + margin: 6px 9px; +} + +/************** + * ComboBoxes * + **************/ +dropdown > button > box { + border-spacing: 6px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; +} + +dropdown button.combo cellview:dir(ltr), +combobox button.combo cellview:dir(ltr) { + margin-left: -2px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: -2px; +} + +dropdown popover, +combobox popover { + margin-top: 4px; + padding: 0; +} + +dropdown popover listview, +combobox popover listview { + margin: 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: #eff1f5; + background-color: alpha(currentColor, 0.06); +} + +dropdown popover .dropdown-searchbar, +combobox popover .dropdown-searchbar { + padding: 6px; +} + +dropdown.linked button:nth-child(2):dir(ltr), +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +dropdown.linked button:nth-child(2):dir(rtl), +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child), +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -36px; + padding-right: 36px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -36px; + padding-left: 36px; +} + +dropdown > .linked:not(.vertical) > button:not(:only-child), +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), outline 300ms 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, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +button.combo:only-child:focus { + color: #eff1f5; + outline: 2px solid rgba(239, 241, 245, 0.04); + outline-offset: -2px; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +button.combo:only-child: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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +button.combo:only-child:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + background-color: #1e1e2e; + border-spacing: 6px; +} + +.osd .toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd { + transition: box-shadow 200ms ease-out; + padding: 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; + color: #eff1f5; +} + +.app-notification:backdrop, .toolbar.osd:backdrop { + box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { + border-radius: 0; +} + +.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 entry, +.toolbar spinbutton, +.toolbar splitbutton, +.toolbar separator:not(.sidebar), +.toolbar button, +.toolbar menubutton, +.toolbar scalebutton { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar menubutton > button, +.toolbar splitbutton > button, +.toolbar splitbutton > menubutton, +.toolbar scalebutton > button { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar switch { + margin-top: 4px; + margin-bottom: 4px; +} + +.toolbar spinbutton entry, +.toolbar spinbutton button { + margin: 0; +} + +.toolbar popover.menu separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 0; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, searchbar > revealer > box button, searchbar > revealer > box menubutton { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); + border: none; +} + +headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(:hover):not(:active):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: #eff1f5; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(239, 241, 245, 0.5); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 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, 241, 245, 0.7); +} + +headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +headerbar entry { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.7); +} + +headerbar entry:hover, headerbar entry:focus-within { + color: #eff1f5; +} + +headerbar entry:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +headerbar entry > text > placeholder { + color: rgba(239, 241, 245, 0.5); +} + +headerbar entry > text > block-cursor { + color: rgba(239, 241, 245, 0.04); + background-color: #eff1f5; +} + +headerbar entry > image { + color: rgba(239, 241, 245, 0.7); +} + +headerbar entry > image:hover, headerbar entry > image:active { + color: #eff1f5; +} + +headerbar entry > image:disabled { + color: rgba(239, 241, 245, 0.5); +} + +headerbar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #181825; + color: #eff1f5; + min-height: 48px; + padding: 0; + margin: 0; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +headerbar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +headerbar:backdrop { + background-color: #1e1e2e; + color: rgba(239, 241, 245, 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(239, 241, 245, 0.32); +} + +headerbar.flat, headerbar.flat:backdrop { + background: none; + transition: none; + box-shadow: none; +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label, +headerbar row.expander image.expander-row-arrow, +row.expander headerbar image.expander-row-arrow, +headerbar row.property > box.header > box.title > .title, +headerbar row label.subtitle, +row headerbar label.subtitle { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(239, 241, 245, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop, +headerbar row.expander image.expander-row-arrow:backdrop, +row.expander headerbar image.expander-row-arrow:backdrop, +headerbar row.property > box.header > box.title > .title:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(239, 241, 245, 0.12); +} + +headerbar > windowhandle > box { + padding: 0 6px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar splitbutton, +headerbar button, +headerbar menubutton, +headerbar stackswitcher, +headerbar separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar .linked > menubutton, +headerbar entry > menubutton { + margin-top: 0; + margin-bottom: 0; +} + +headerbar button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + opacity: 1; +} + +headerbar button.star { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +headerbar .entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar popover.background button.suggested-action:disabled, +headerbar popover.background button.destructive-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +headerbar popover.background entry, +headerbar popover.background spinbutton, +headerbar popover.background button, +headerbar popover.background menubutton, +headerbar popover.background stackswitcher { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + background-color: rgba(239, 241, 245, 0.12); +} + +headerbar switch { + margin-top: 12px; + margin-bottom: 12px; +} + +headerbar.selection-mode { + transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +headerbar.selection-mode:backdrop { + color: rgba(17, 17, 27, 0.6); +} + +headerbar.selection-mode .subtitle:link { + color: rgba(17, 17, 27, 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.default-decoration { + min-height: 36px; + padding: 0; + margin: 0; + border: none; + outline: none; + box-shadow: none; +} + +headerbar.default-decoration windowcontrols > button { + min-width: 16px; + min-height: 16px; + margin: 0 4px; + padding: 0; +} + +headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; +} + +.maximized headerbar, .fullscreen headerbar, .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration, .tiled headerbar.default-decoration, .tiled-top headerbar.default-decoration, .tiled-right headerbar.default-decoration, .tiled-bottom headerbar.default-decoration, .tiled-left headerbar.default-decoration { + box-shadow: none; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.titlebar:not(headerbar) { + box-shadow: none; +} + +window.devel headerbar { + background: #181825 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(137, 180, 250, 0.1)), linear-gradient(to top, #1e1e2e 3px, #222234); +} + +window.devel headerbar:backdrop { + background: #181825 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#181825); + /* background-color would flash */ +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 6px; + background-color: alpha(currentColor, 0.08); + border: none; + box-shadow: none; +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + + +pathbar > button:checked:hover { + background-color: alpha(currentColor, 0.16); + color: #eff1f5; +} + + +pathbar > button label, +pathbar > button image { + margin-left: 3px; + margin-right: 3px; +} + + +pathbar > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +.pathbar { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.7); + border: none; + border-radius: 6px; + padding: 2px; +} + +headerbar .pathbar { + margin-top: 6px; + margin-bottom: 6px; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 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: #eff1f5; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #393947; + border-top-color: #393947; +} + +columnview.view:hover, columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; +} + +columnview.view:focus, +treeview.view:focus { + box-shadow: none; + outline: none; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(239, 241, 245, 0.12); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + box-shadow: none; +} + +columnview.view:drop(active).after, +treeview.view:drop(active).after { + border-top-style: none; +} + +columnview.view:drop(active).before, +treeview.view:drop(active).before { + border-bottom-style: none; +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: alpha(currentColor, 0.06); +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; +} + +columnview.view.expander, +treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: rgba(239, 241, 245, 0.7); +} + +columnview.view.expander:dir(rtl), +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +columnview.view.expander:hover, +treeview.view.expander:hover { + color: #eff1f5; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: #eff1f5; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: #eff1f5; +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(239, 241, 245, 0.32); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #89b4fa; + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.progressbar:selected:hover, +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +columnview.view.trough, +treeview.view.trough { + border-bottom: 6px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.trough:selected:hover, +treeview.view.trough:selected:hover { + box-shadow: none; +} + +columnview.view > header > button, +treeview.view > header > button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(239, 241, 245, 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, 241, 245, 0.7); +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: #1e1e2e; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: none; +} + +columnview.view button.dnd, +columnview.view header.button.dnd, +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #1e1e2e; + background-clip: border-box; + color: #89b4fa; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #89b4fa; +} + +stack.view treeview.view { + min-height: 36px; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #181825; + color: #eff1f5; +} + +menubar:backdrop { + background-color: #1e1e2e; + color: rgba(239, 241, 245, 0.7); +} + +.csd menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(239, 241, 245, 0.7); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +menubar > item:disabled { + color: rgba(239, 241, 245, 0.32); +} + +menubar > item label:disabled { + color: inherit; +} + +menubar > item popover.menu popover.menu { + margin-left: 9px; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 12px; +} + +/********************** + * Popover Base Menus * + **********************/ +popover.menu box.inline-buttons { + color: #eff1f5; + padding: 0 6px; +} + +popover.menu box.inline-buttons button.image-button.model { + min-height: 28px; + min-width: 28px; + padding: 0; + border: none; + outline: none; + transition: none; +} + +popover.menu box.inline-buttons button.image-button.model:selected { + background: image(alpha(currentColor, 0.06)); +} + +popover.menu box.circular-buttons { + padding: 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: alpha(currentColor, 0.06); +} + +popover.menu arrow.left, +popover.menu radio.left, +popover.menu check.left { + margin-left: 0; + margin-right: 0; +} + +popover.menu arrow.right, +popover.menu radio.right, +popover.menu check.right { + margin-left: 0; + margin-right: 0; +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover > arrow, +popover > contents { + transition: box-shadow 200ms ease-out; + padding: 6px; + background-color: #313244; + border-radius: 12px; + color: #eff1f5; + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; + box-shadow: 0 0 0 1px rgba(17, 17, 27, 0.75), 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); +} + +popover > contents > list, +popover > contents > .view, +popover > contents > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover > contents separator { + background-color: rgba(239, 241, 245, 0.12); + margin: 3px 0; +} + +popover > contents list separator { + margin: 0; +} + +popover > contents list > row { + border-radius: 6px; +} + +popover > contents stack > box { + padding: 0; +} + +popover > contents > box > button { + margin: 0; +} + +popover .view:not(:selected), +popover toolbar { + background-color: #313244; +} + +popover.menu button, +popover button.model { + min-height: 32px; + padding: 0 8px; +} + +popover modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: #eff1f5; + font: initial; + border-radius: 6px; +} + +popover modelbutton:focus:not(:hover) { + transition: none; + box-shadow: none; + outline: none; +} + +popover modelbutton:disabled { + color: rgba(239, 241, 245, 0.5); +} + +popover modelbutton accelerator { + color: rgba(239, 241, 245, 0.5); + margin-left: 30px; +} + +popover modelbutton accelerator:disabled { + color: rgba(239, 241, 245, 0.12); +} + +popover modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +.osd popover, popover.touch-selection, popover.magnifier { + background-color: transparent; +} + +magnifier { + background-color: #1e1e2e; +} + +/************* + * Notebooks * + *************/ +notebook > header > tabs > tab { + min-height: 24px; + min-width: 24px; + padding: 3px 6px; + border: none; + background-clip: padding-box; + font-weight: 500; + border-radius: 6px; + 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(239, 241, 245, 0.7); +} + +notebook > header > tabs > tab:hover:not(:checked):not(:selected) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + box-shadow: none; +} + +notebook > header > tabs > tab:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +notebook > header > tabs > tab: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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + box-shadow: none; +} + +notebook > header > tabs > tab:checked { + 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, background-color 0ms; + background-color: rgba(255, 255, 255, 0.15); + color: #eff1f5; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +notebook > header > tabs > tab:checked:disabled { + color: rgba(239, 241, 245, 0.5); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(239, 241, 245, 0.04); +} + +notebook, notebook.frame { + background-color: #1e1e2e; + 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: rgba(239, 241, 245, 0.04); + 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 > tabs > tab { + margin: 3px; +} + +notebook > header > tabs > tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header > tabs > tab > box:drop(active) { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +notebook > header > tabs > tab button.flat:last-child { + margin-left: 6px; + margin-right: -3px; +} + +notebook > header > tabs > tab button.flat:first-child { + margin-left: -3px; + margin-right: 6px; +} + +notebook > header > tabs > tab button.close-button { + min-width: 24px; + min-height: 24px; +} + +notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 0; + padding-right: 0; +} + +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:not(:last-child), notebook > header.bottom > tabs > tab:not(: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, notebook > header.right > tabs { + padding-top: 0; + padding-bottom: 0; +} + +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:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) { + margin-bottom: 0; +} + +notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > menubutton > button.image-button { + padding: 3px; + min-width: 24px; + min-height: 24px; + margin: 0 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 6px; +} + +tabbar tab { + min-height: 24px; + min-width: 24px; + padding: 3px 6px; + border: none; + background-clip: padding-box; + font-weight: 500; + border-radius: 6px; + 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(239, 241, 245, 0.7); + color: rgba(239, 241, 245, 0.7); +} + +tabbar tab:hover:not(:selected) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + box-shadow: none; + color: #eff1f5; +} + +tabbar tab:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +tabbar tab: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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + box-shadow: none; + color: #eff1f5; +} + +tabbar tab:selected:not(: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, background-color 0ms; + background-color: rgba(255, 255, 255, 0.15); + color: #eff1f5; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +tabbar tab:selected:not(:active):disabled { + color: rgba(239, 241, 245, 0.5); +} + +tabbar > revealer > box { + box-shadow: none; +} + +tabbar .box { + background-color: #181825; + background-image: none; + padding: 0; + margin: 0; + border-radius: 0; + min-height: 36px; + border: none; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +tabbar .box:backdrop { + background-color: #1e1e2e; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +tabbar .box:backdrop > scrolledwindow, +tabbar .box:backdrop > .start-action, +tabbar .box:backdrop > .end-action { + filter: none; + transition: none; +} + +tabbar tabbox { + padding: 0; + margin: 0; + min-height: 36px; +} + +tabbar tabbox > background { + background: none; +} + +tabbar tabbox > separator { + margin: 9px 0; + transition: opacity 150ms ease-in-out; +} + +tabbar tabbox > separator.hidden { + opacity: 0; +} + +tabbar tabbox > tabboxchild { + padding: 0; + margin: 0; +} + +tabbar tab { + padding: 6px; + margin: 6px 2px; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#89b4fa, 0.4) 10%, alpha(#89b4fa, 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#89b4fa, 0.4) 10%, alpha(#89b4fa, 0) 30%); +} + +tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { + background: none; +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, #1e1e2e, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #1e1e2e, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#89b4fa, 0.5), alpha(#89b4fa, 0.3) 1px, alpha(#89b4fa, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#89b4fa, 0.5), alpha(#89b4fa, 0.3) 1px, alpha(#89b4fa, 0) 20px); +} + +tabbar .start-action, +tabbar .end-action { + padding: 6px 5px; +} + +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; +} + +tabbar.inline .box { + background-color: transparent; + color: inherit; + box-shadow: none; + padding-bottom: 0; +} + +tabbar.inline .box:backdrop { + background-color: transparent; + transition: none; +} + +tabbar.inline .box:backdrop > scrolledwindow, +tabbar.inline .box:backdrop > .start-action, +tabbar.inline .box:backdrop > .end-action { + filter: none; + transition: none; +} + +dnd tab { + min-height: 24px; + background-color: #181825; + color: #eff1f5; + 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); + outline: 1px solid rgba(17, 17, 27, 0.75); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#89b4fa, 0.4) 10%, alpha(#89b4fa, 0) 30%); +} + +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; + color: rgba(239, 241, 245, 0.7); +} + +tabbar tab button.image-button:hover, tabbar tab button.image-button:active, +dnd tab button.image-button:hover, +dnd tab button.image-button:active { + color: #eff1f5; +} + +tabbar tab button.image-button:disabled, +dnd tab button.image-button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +tabbar tab indicator, +dnd tab indicator { + min-height: 2px; + border-radius: 2px; + background: alpha(#89b4fa, 0.5); + transform: translateY(4px); +} + +tabthumbnail { + border-radius: 6px; + transition: box-shadow 200ms ease-out; +} + +tabthumbnail > box { + margin: 6px; +} + +tabthumbnail:drop(active) { + box-shadow: inset 0 0 0 2px alpha(#fab387, 0.4); + background-color: alpha(#fab387, 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: #89b4fa; + min-width: 12px; + min-height: 12px; + border-radius: 6px; + margin: 3px; + box-shadow: 0 1px 2px alpha(#89b4fa, 0.4); +} + +tabthumbnail .card { + background: none; + border: none; + box-shadow: none; + color: inherit; +} + +tabthumbnail .card picture { + outline: 1px solid rgba(239, 241, 245, 0.12); + outline-offset: -1px; + border-radius: 6px; +} + +tabthumbnail.pinned .card { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; +} + +tabthumbnail .icon-title-box { + border-spacing: 6px; +} + +tabthumbnail .tab-unpin-icon { + margin: 6px; + min-width: 24px; + min-height: 24px; +} + +tabthumbnail button.circular { + margin: 6px; + background-color: rgba(239, 241, 245, 0.04); + min-width: 24px; + min-height: 24px; +} + +tabthumbnail button.circular:hover { + background-color: alpha(currentColor, 0.08); +} + +tabthumbnail button.circular:active { + background-color: alpha(currentColor, 0.12); +} + +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: #1e1e2e; + box-shadow: none; + outline: none; +} + +scrollbar.top { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar.bottom { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar.left { + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar.right { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar > range > trough { + border: none; + background: none; + padding: 0; + outline: none; +} + +scrollbar > range > trough > slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: rgba(239, 241, 245, 0.5); + box-shadow: none; + outline: none; +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(239, 241, 245, 0.7); +} + +scrollbar > range > trough > slider:active { + background-color: #eff1f5; +} + +scrollbar > range > trough > slider:disabled { + background-color: rgba(239, 241, 245, 0.32); +} + +scrollbar > range.fine-tune > trough > slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar > range.fine-tune.horizontal > trough > slider { + margin: 2px 0; +} + +scrollbar > range.fine-tune.vertical > trough > slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.fine-tune) > range > trough > 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) > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 0; + border: 1px solid rgba(30, 30, 46, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 0; + border: 1px solid rgba(30, 30, 46, 0.3); + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(239, 241, 245, 0.32); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: rgba(239, 241, 245, 0.04); +} + +scrollbar.horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + border: none; + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #89b4fa; +} + +switch:disabled { + opacity: 0.5; +} + +switch > slider { + transition: box-shadow 200ms ease-out; + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 0 transparent, 0 3px 3px -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); + background-color: white; + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12), 0 3px 3px -2px transparent, 0 2px 3px -1px transparent, 0 1px 4px 0 transparent; +} + +/************************* + * 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, 241, 245, 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.svg"), url("assets/selectionmode-checkbox-unchecked-dark@2.svg")); +} + +.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.svg"), url("assets/selectionmode-checkbox-checked-dark@2.svg")); +} + +checkbutton, +radiobutton { + outline: none; + border-spacing: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + border: none; + color: transparent; + background-color: rgba(239, 241, 245, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.04); + background-color: rgba(239, 241, 245, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(239, 241, 245, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(137, 180, 250, 0.15); + background-color: #bad3fc; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(137, 180, 250, 0.2); + background-color: #89b4fa; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(17, 17, 27, 0.6); + background-color: rgba(137, 180, 250, 0.35); +} + +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.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-checked-symbolic@2.svg"))); +} + + +popover.menu check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/small-radio-checked-symbolic@2.svg"))); +} + + +popover.menu radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus 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 { + box-shadow: none; +} + +treeview.view:hover check:checked, treeview.view:hover radio:checked, treeview.view:selected check:checked, treeview.view:selected radio:checked, treeview.view:focus check:checked, treeview.view:focus radio:checked, +columnview.view:hover check:checked, +columnview.view:hover radio:checked, +columnview.view:selected check:checked, +columnview.view:selected radio:checked, +columnview.view:focus check:checked, +columnview.view:focus radio:checked { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 17px 12px; +} + +scale.vertical { + padding: 12px 17px; +} + +scale > trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(239, 241, 245, 0.3); +} + +scale > trough:disabled { + background-color: rgba(239, 241, 245, 0.12); +} + +scale > trough > highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#89b4fa); +} + +scale > trough > highlight:disabled { + background-color: #1e1e2e; + background-image: image(rgba(239, 241, 245, 0.32)); +} + +scale > trough > fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.3); +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #89b4fa; + background-color: #1e1e2e; + box-shadow: inset 0 0 0 2px #89b4fa, 0 0 0 8px transparent; +} + +scale > trough > slider:hover { + box-shadow: inset 0 0 0 2px #89b4fa, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale > trough > slider:active { + box-shadow: inset 0 0 0 4px #89b4fa, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale > trough > slider:disabled { + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.32); +} + +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 > trough > slider { + margin: -7px; +} + +scale > marks, +scale > value { + color: rgba(239, 241, 245, 0.7); +} + +scale indicator { + background-color: rgba(239, 241, 245, 0.3); + color: transparent; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: rotate(0); +} + +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) > trough > 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) > trough > slider, scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover, scale.horizontal.marks-before:not(.marks-after) > trough > slider:active, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.svg"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.svg")); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > 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) > trough > slider, scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover, scale.horizontal.marks-after:not(.marks-before) > trough > slider:active, scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.svg"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.svg")); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")); +} + +scale.vertical.marks-before:not(.marks-after) > trough > 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) > trough > slider, scale.vertical.marks-before:not(.marks-after) > trough > slider:hover, scale.vertical.marks-before:not(.marks-after) > trough > slider:active, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.svg"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.svg")); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")); +} + +scale.vertical.marks-after:not(.marks-before) > trough > 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) > trough > slider, scale.vertical.marks-after:not(.marks-before) > trough > slider:hover, scale.vertical.marks-after:not(.marks-before) > trough > slider:active, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.svg"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.svg")); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")); +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > 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) > trough > slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(239, 241, 245, 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(239, 241, 245, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #89b4fa; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; + box-shadow: none; + margin: 0; + padding: 0; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #89b4fa; +} + +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: #f9e2af; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #89b4fa; +} + +levelbar block.full { + background-color: #a6e3a1; +} + +levelbar block.empty { + background-color: rgba(239, 241, 245, 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #eff1f5; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + color: #eff1f5; +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(239, 241, 245, 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 6px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 6px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +actionbar { + box-shadow: none; + border: none; +} + +actionbar.toolbar { + background-color: transparent; + padding: 0; + border-spacing: 0; + border: none; + box-shadow: none; +} + +actionbar.toolbar > revealer > box { + background-color: #181825; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 0; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + background-clip: border-box; + border: none; +} + +actionbar > revealer > box button, actionbar > revealer > box entry, +actionbar > revealer > box menubutton, actionbar > revealer > box menubutton > button, +actionbar > revealer > box splitbutton, actionbar > revealer > box splitbutton > button, +actionbar > revealer > box spinbutton { + margin: 0; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.left { + background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.right { + background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow.undershoot-top > undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +scrolledwindow.undershoot-bottom > undershoot.bottom { + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +scrolledwindow > undershoot { + background-image: none; + box-shadow: none; + border: none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(239, 241, 245, 0.12); +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer { + min-width: 0; + min-height: 0; + background-color: transparent; + background-image: none; +} + +/********* + * Lists * + *********/ +list.content, +list.boxed-list { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #313244; +} + +listview, +list { + border-color: rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + background-clip: padding-box; +} + +listview > row, +list > row { + padding: 6px; + background-clip: padding-box; +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 2px; +} + +listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child), +list.horizontal row.separator:not(:last-child), +list.separators.horizontal > row:not(.separator):not(:last-child) { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child), +list:not(.horizontal) row.separator:not(:last-child), +list.separators:not(.horizontal) > row:not(.separator):not(:last-child) { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +list.frame { + border-radius: 6px; +} + +listview.view { + color: #eff1f5; + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; + border-radius: 6px; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; + border-radius: 6px; +} + +row { + color: rgba(239, 241, 245, 0.7); + background-clip: padding-box; +} + +.nautilus-window .nautilus-grid-view child.activatable, columnview.view > header > button, +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), font-weight 0; + outline: none; + box-shadow: none; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus, +treeview.view > header > button:focus, row.activatable:focus { + color: #eff1f5; + background-color: transparent; + box-shadow: none; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover, +treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup { + color: #eff1f5; + background-color: alpha(currentColor, 0.05); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.05); + color: #eff1f5; + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected, +treeview.view > header > button:selected, row.activatable:selected { + background-color: alpha(currentColor, 0.06); +} + +.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover, +treeview.view > header > button:selected:hover, row.activatable:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +button row.activatable:focus, button row.activatable:hover, button row.activatable:active { + box-shadow: none; + background: none; +} + +button:checked row.activatable { + color: rgba(17, 17, 27, 0.87); +} + +row:selected { + background-color: alpha(currentColor, 0.06); + color: #eff1f5; + box-shadow: none; +} + +row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus, row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus:hover, row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 9px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row:last-child { + border-bottom: none; +} + +.rich-list > row > box { + border-spacing: 12px; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + border-spacing: 6px; + min-height: 50px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.45); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title, +row > box.header > box.title > .subtitle { + padding: 0; + font-weight: inherit; +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 6px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 6px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 6px; +} + +row.property > box.header > box.title > .subtitle { + font-size: inherit; + opacity: 1; +} + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.entry:disabled text { + opacity: 0.45; +} + +row.entry:disabled .dim-label, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled .subtitle { + opacity: 1; +} + +row.entry .edit-icon, row.entry .indicator { + min-width: 24px; + min-height: 24px; + padding: 5px; +} + +row.entry .edit-icon:disabled { + opacity: 0.5; +} + +row.entry .indicator { + opacity: 0.65; +} + +row.entry.monospace { + font-family: inherit; +} + +row.entry.monospace text { + font-family: monospace; +} + +row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.spin spinbutton { + background: none; + border-spacing: 6px; + box-shadow: none; +} + +row.spin spinbutton, row.spin spinbutton:focus { + outline: none; +} + +row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { + min-width: 30px; + min-height: 30px; + margin: 10px 2px; + border: none; +} + +row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { + filter: none; +} + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, +row.spin:not(:selected).activatable.focused:hover, +row.spin:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.entry.error text > selection:focus-within, +row.spin.error text > selection:focus-within { + background-color: alpha(#f38ba8, 0.2); +} + +row.entry.error text > cursor-handle > contents, +row.spin.error text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.error .dim-label, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error row.property > box.header > box.title > .title, row.entry.error .subtitle, +row.spin.error .dim-label, +row.spin.error row.expander image.expander-row-arrow, +row.expander row.spin.error image.expander-row-arrow, +row.spin.error row.property > box.header > box.title > .title, +row.spin.error .subtitle { + opacity: 1; +} + +row.entry.error .suggested-action, +row.spin.error .suggested-action { + background-color: #f38ba8; + color: rgba(17, 17, 27, 0.87); +} + +row.entry.warning text > selection:focus-within, +row.spin.warning text > selection:focus-within { + background-color: alpha(#f9e2af, 0.2); +} + +row.entry.warning text > cursor-handle > contents, +row.spin.warning text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.warning .dim-label, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning .subtitle, +row.spin.warning .dim-label, +row.spin.warning row.expander image.expander-row-arrow, +row.expander row.spin.warning image.expander-row-arrow, +row.spin.warning row.property > box.header > box.title > .title, +row.spin.warning .subtitle { + opacity: 1; +} + +row.entry.warning .suggested-action, +row.spin.warning .suggested-action { + background-color: #f9e2af; + color: rgba(17, 17, 27, 0.87); +} + +row.entry.success text > selection:focus-within, +row.spin.success text > selection:focus-within { + background-color: alpha(#a6e3a1, 0.2); +} + +row.entry.success text > cursor-handle > contents, +row.spin.success text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.success .dim-label, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success row.property > box.header > box.title > .title, row.entry.success .subtitle, +row.spin.success .dim-label, +row.spin.success row.expander image.expander-row-arrow, +row.expander row.spin.success image.expander-row-arrow, +row.spin.success row.property > box.header > box.title > .title, +row.spin.success .subtitle { + opacity: 1; +} + +row.entry.success .suggested-action, +row.spin.success .suggested-action { + background-color: #a6e3a1; + color: rgba(17, 17, 27, 0.87); +} + +row.combo image.dropdown-arrow:disabled { + filter: opacity(0.45); +} + +row.combo listview.inline { + background: none; + border: none; + box-shadow: none; + color: inherit; +} + +row.combo listview.inline, row.combo listview.inline:disabled { + background: none; + color: inherit; +} + +row.combo popover > contents { + min-width: 120px; +} + +row.combo popover > contents .combo-searchbar { + margin: 6px; +} + +row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(239, 241, 245, 0.12), 0.75), transparent 6px); +} + +list.content > row, list.content > row.expander row.header, +list.boxed-list > row, +list.boxed-list > row.expander row.header, row.expander list.nested > row { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +list.content > row:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, +list.boxed-list > row:not(:selected).activatable:hover, +list.boxed-list > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { + background-color: alpha(currentColor, 0.08); +} + +list.content > row:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, +list.boxed-list > row:not(:selected).activatable:active, +list.boxed-list > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { + background-color: alpha(currentColor, 0.12); +} + +list.content > row:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, +list.boxed-list > row:not(:selected).activatable.has-open-popup, +list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { + background-color: alpha(currentColor, 0.03); +} + +row.expander { + background: none; + padding: 0px; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + color: inherit; +} + +row.expander image.expander-row-arrow { + transition: -gtk-icon-transform 200ms cubic-bezier(0, 0, 0.2, 1); +} + +row.expander image.expander-row-arrow:dir(ltr) { + margin-left: 6px; +} + +row.expander image.expander-row-arrow:dir(rtl) { + margin-right: 6px; +} + +row.expander image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.45); +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); + opacity: 1; +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: #89b4fa; +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +list.content > row.expander, +list.boxed-list > row.expander { + border: none; +} + +list.content > row:first-child, list.content > row:first-child.expander row.header, +list.boxed-list > row:first-child, +list.boxed-list > row:first-child.expander row.header { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, +list.boxed-list > row:last-child, +list.boxed-list > row:last-child.expander:not(:checked), +list.boxed-list > row:last-child.expander:not(:checked) row.header, +list.boxed-list > row:last-child.expander:checked list.nested, +list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 0; +} + +columnview > listview > row { + padding: 0; +} + +columnview > listview > row > cell { + padding: 8px 6px; +} + +columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; +} + +columnview.column-separators > listview > row > cell { + border-left-color: rgba(239, 241, 245, 0.12); +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #89b4fa; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 0; + padding: 0; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: #89b4fa; +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(239, 241, 245, 0.7); + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander:hover, expander:active { + color: #eff1f5; +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander:disabled { + color: rgba(239, 241, 245, 0.32); +} + +expander-widget > box > title { + border-radius: 6px; +} + +expander-widget > box > title:hover > expander { + color: rgba(239, 241, 245, 0.7); +} + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), +placessidebar:not(decoration):not(window):drop(active):focus, +placessidebar:not(decoration):not(window):drop(active), +stackswitcher:not(decoration):not(window):drop(active):focus, +stackswitcher:not(decoration):not(window):drop(active), +expander-widget:not(decoration):not(window):drop(active):focus, +expander-widget:not(decoration):not(window):drop(active) { + box-shadow: none; +} + +/************ + * Calendar * + ************/ +calendar { + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 6px; + color: #eff1f5; +} + +calendar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +calendar:selected { + border-radius: 6px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +calendar > header > button { + min-height: 24px; +} + +calendar > grid { + margin: 3px; +} + +calendar > grid > label { + border-radius: 6px; + margin: 0; +} + +calendar > grid > label.today:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 6px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button { + border-radius: 0; + min-height: 28px; + padding: 6px 12px; + margin: 0; + border: none; +} + +window.messagedialog .response-area button:first-child, window.dialog.message .dialog-action-area > button:first-child { + border-radius: 0 0 0 12px; +} + +window.messagedialog .response-area button:last-child, window.dialog.message .dialog-action-area > button:last-child { + border-radius: 0 0 12px 0; +} + +window.messagedialog .response-area button:only-child, window.dialog.message .dialog-action-area > button:only-child { + border-radius: 0 0 12px 12px; +} + +window.dialog.message.background { + background-color: #313244; +} + +window.dialog.message box.dialog-vbox.vertical { + margin-top: 6px; + border-spacing: 24px; +} + +window.dialog.message box.dialog-vbox.vertical > box.vertical { + margin-bottom: 6px; +} + +window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { + font-weight: 800; + font-size: 15pt; +} + +window.dialog.message .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; + color: #eff1f5; +} + +window.dialog.message .titlebar:backdrop { + background-color: #313244; + color: rgba(239, 241, 245, 0.7); +} + +window.dialog.message .dialog-action-area { + border-top: 1px solid rgba(239, 241, 245, 0.12); + margin: 0; + border-spacing: 0; +} + +window.dialog.message .dialog-action-area > button { + border: none; +} + +window.dialog.message .dialog-action-area > button:not(:last-child) { + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) { + color: #89b4fa; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: #f38ba8; +} + +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; +} + +/******************** + * AdwMessageDialog * + ********************/ +window.messagedialog { + background-color: #313244; + color: #eff1f5; +} + +window.messagedialog .message-area { + padding: 24px 30px; + border-spacing: 10px; +} + +window.messagedialog .response-area button { + margin: 0; +} + +window.messagedialog .response-area button:first-child { + margin-left: 0; +} + +window.messagedialog .response-area button:last-child { + margin-right: 0; +} + +window.messagedialog .response-area button.suggested { + color: #89b4fa; +} + +window.messagedialog .response-area button.destructive { + color: #f38ba8; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #181825; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; + color: inherit; +} + +stacksidebar.sidebar:dir(ltr), stacksidebar.sidebar.left, stacksidebar.sidebar.left:dir(rtl) { + box-shadow: inset -1px 0 rgba(239, 241, 245, 0.12); +} + +stacksidebar.sidebar:dir(rtl), stacksidebar.sidebar.right, stacksidebar.sidebar.right:dir(ltr) { + box-shadow: inset 1px 0 rgba(239, 241, 245, 0.12); +} + +.sidebar-pane stacksidebar.sidebar, leaflet.unfolded > box > stacksidebar.sidebar { + box-shadow: none; +} + +stacksidebar list { + padding: 6px; + background-color: #181825; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +stacksidebar row:selected { + font-weight: 500; +} + +stacksidebar row + row { + margin-top: 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(239, 241, 245, 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: rgba(255, 255, 255, 0.12); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 4.5px 0; + border-right: none; +} + +.navigation-sidebar, .navigation-sidebar.view, .navigation-sidebar.view:disabled { + background-color: transparent; + color: inherit; +} + +.navigation-sidebar.background, .navigation-sidebar.background:disabled { + background-color: #181825; + color: rgba(239, 241, 245, 0.7); +} + +.navigation-sidebar > separator { + margin: 4.5px 0; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 6px; + margin: 1.5px 6px; +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(239, 241, 245, 0.7); +} + +row image.sidebar-icon:disabled { + color: rgba(239, 241, 245, 0.32); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list > separator { + margin: 3px 0; +} + +placessidebar row:selected { + font-weight: 500; +} + +placessidebar row image.sidebar-icon { + color: inherit; + opacity: 0.75; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar row label.sidebar-label { + color: inherit; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar row.sidebar-new-bookmark-row { + color: #89b4fa; +} + +placessidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #89b4fa; +} + +placessidebar row:drop(active) { + background-color: alpha(currentColor, 0.08); +} + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + border-spacing: 6px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#393947); + background-size: 1px 1px; + background-clip: content-box; + box-shadow: none; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #1e1e2e; + background-image: image(#393947), image(#393947); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +/************ + * GtkVideo * + ************/ +video { + background: black; + border-radius: 6px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 6px; + border-spacing: 12px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #1e1e2e; + color: #eff1f5; +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) { + color: #89b4fa; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +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(17, 17, 27, 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(17, 17, 27, 0.87); +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #71a4f9; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #f9e2af; + color: rgba(17, 17, 27, 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(17, 17, 27, 0.87); +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: rgba(17, 17, 27, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #f7d997; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #f38ba8; + color: rgba(17, 17, 27, 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(17, 17, 27, 0.87); +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: rgba(17, 17, 27, 0.87); +} + +infobar.error:hover > revealer > box { + background-color: #f17497; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(11, 11, 18, 0.9); + color: #eff1f5; + 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); + border-radius: 6px; + margin: 2px 6px 8px 6px; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * 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: #eff1f5; +} + +colorswatch.light { + color: rgba(17, 17, 27, 0.87); +} + +colorchooser colorswatch:hover { + transition: box-shadow 200ms ease-out; + box-shadow: 0 0 0 2px #89b4fa; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; + color: #eff1f5; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(239, 241, 245, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(239, 241, 245, 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 200ms ease-out; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #1e1e2e; +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + border-radius: 12px; + margin: 0; + transition: none; + outline-offset: -1px; + outline: 1px solid rgba(239, 241, 245, 0.1); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 36px transparent, 0 0 0 1px rgba(17, 17, 27, 0.75); +} + +window.csd:backdrop { + transition: box-shadow 200ms ease-out; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 36px transparent, 0 0 0 1px rgba(17, 17, 27, 0.75); +} + +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 { + border-radius: 0; + transition: none; +} + +window.csd.maximized, window.csd.fullscreen { + box-shadow: none; + outline: none; +} + +window.solid-csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: #181825; + border: 1px solid #393947; +} + +window.solid-csd:backdrop { + background-color: #1e1e2e; +} + +window.ssd { + box-shadow: 0 0 0 1px rgba(239, 241, 245, 0.12); +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) { + min-height: 16px; + min-width: 16px; + padding: 10px 0; + margin-left: 4px; + margin-right: 4px; +} + +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; + background: none; +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) { + box-shadow: none; +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image { + box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.25); +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) { + color: white; +} + +windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) > image { + background-color: rgba(239, 241, 245, 0.3); +} + +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: rgba(239, 241, 245, 0.5); +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action) > image { + background-color: #f9e2af; +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image { + background-color: #f7e6c1; +} + +windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image { + background-color: #a6e3a1; +} + +windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image { + background-color: #b8e7b6; +} + +windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image { + background-color: #f38ba8; +} + +windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image { + background-color: #f2a5bb; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 6px; + margin-left: 6px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 6px; + margin-right: 6px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) > image { + border-radius: 100%; + padding: 0; +} + +.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected, +treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, calendar > grid > label.today { + color: #89b4fa; + background-color: rgba(137, 180, 250, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton > text > selection, +entry headerbar popover.background entry > text > selection, +headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #89b4fa; + -gtk-icon-source: -gtk-recolor(url("assets/cursor-handle-symbolic.svg")); +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + padding-top: 6px; +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(239, 241, 245, 0.12); + border-radius: 7px; + box-shadow: inset 0 -2px rgba(239, 241, 245, 0.12); + background-color: #313244; + color: #eff1f5; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #89b4fa; +} + +stackswitcher { + min-height: 0; + padding: 3px; + border-radius: 9px; + background-color: rgba(239, 241, 245, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + 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, background-color 0ms; + background-color: rgba(255, 255, 255, 0.15); + color: #eff1f5; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +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 * + *************/ +.lowres-icon { + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1); +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background: none; +} + +.emoji-searchbar entry text { + background: none; + box-shadow: none; +} + +.emoji-toolbar { + padding: 0; + border-spacing: 3px; + border-top: 1px solid rgba(239, 241, 245, 0.12); + background: none; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 6px; +} + +button.emoji-section:checked { + color: #89b4fa; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; +} + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: alpha(currentColor, 0.08); +} + +emoji-completion-row { + min-height: 28px; + padding: 0 12px; +} + +emoji-completion-row > box { + border-spacing: 6px; + padding: 2px 6px; +} + +emoji-completion-row:focus, emoji-completion-row:hover, +emoji-completion-row emoji:hover, emoji-completion-row emoji:focus { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +popover.entry-completion > contents { + padding: 0; +} + +.nautilus-window placesview label { + color: rgba(239, 241, 245, 0.7); +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 6px; + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + box-shadow: 0 3px 3px -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); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(17, 17, 27, 0.87); +} + +#NautilusQueryEditor > menubutton > button.image-button { + min-width: 24px; + min-height: 24px; +} + +#NautilusQueryEditor > text, #NautilusQueryEditor > box, #NautilusQueryEditor > menubutton > button.image-button { + margin: 6px 0; +} + +#NautilusQueryEditorTag { + background-color: rgba(239, 241, 245, 0.12); +} + +#NautilusQueryEditorTag > button.image-button { + margin: 0; + padding: 0; +} + +#NautilusPathBar { + background-color: rgba(239, 241, 245, 0.04); + border-radius: 6px; + margin: 6px 0; +} + +.content-pane #NautilusPathBar { + background-color: rgba(239, 241, 245, 0.04); +} + +#NautilusPathButton { + margin: 0 3px; + border-radius: 6px; +} + +#NautilusPathButton.current-dir { + color: #eff1f5; +} + +#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +.content-pane #NautilusPathButton.current-dir { + color: #eff1f5; +} + +#NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box.medium > box > stack > button { + margin-top: 12px; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +.background-thumbnail > button.remove-button { + margin: 6px; +} + +.small .display-container.card { + border-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; +} + +.display-container .history-view { + background-color: #1e1e2e; +} + +.display-container #displayitem { + padding: 0 12px 8px 0; + font-size: 1.4em; + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.math-buttons button { + font-size: 1.1em; + padding: 2px 6px; +} + +.math-buttons button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +leaflet button.number-button { + background-color: rgba(239, 241, 245, 0.1); +} + +leaflet button.number-button:hover { + background-color: rgba(239, 241, 245, 0.2); +} + +leaflet button.number-button:active { + background-color: rgba(239, 241, 245, 0.3); +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: #89b4fa; +} + +label.secondary-label { + color: rgba(239, 241, 245, 0.5); +} + +calendar-view { + font-size: 10pt; +} + +calendar-view:selected { + color: #89b4fa; + font-weight: bold; +} + +calendar-view.header, +label.header { + font-size: 10pt; + font-weight: bold; + color: rgba(239, 241, 245, 0.5); +} + +calendar-view.current, +weekgrid.current { + background-color: alpha(#89b4fa, 0.3); +} + +popover.events { + background-color: #1e1e2e; + padding: 0; +} + +popover.events box { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +popover.events list { + background-color: #1e1e2e; + border-radius: 6px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 6px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-style: solid none none; + box-shadow: none; +} + +event { + margin: 1px; + font-size: 0.9rem; +} + +event widget.content { + margin: 4px; +} + +event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { + border-radius: 6px; +} + +event.timed widget.edge { + border-radius: 3px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 16px; + border-radius: 0 3px 3px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 16px; + border-radius: 3px 0 0 3px; +} + +event:not(.timed).color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); +} + +event.timed, event:not(.timed).color-light { + color: alpha(black, 0.75); + outline-color: rgba(255, 255, 255, 0.5); +} + +popover.event-popover, +popover.event-popover > contents { + padding: 0; +} + +.search-viewport { + background-color: #1e1e2e; +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +.calendar-color-image { + -gtk-icon-filter: none; +} + +image.calendar-color-image, +button:active:not(:backdrop) .calendar-color-image, +button:checked:not(:backdrop) .calendar-color-image, +.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), +.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), +.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { + -gtk-icon-shadow: 0 1px alpha(black, 0.1); +} + +datechooser navigator { + margin-right: 6px; + margin-left: 6px; + margin-bottom: 6px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button.flat, +datechooser navigator button.toggle, +datechooser navigator button.image-button { + min-height: 36px; + min-width: 36px; + padding: 0; +} + +datechooser .weeknum, datechooser .weekday { + color: rgba(239, 241, 245, 0.5); + font-size: smaller; +} + +datechooser button.day { + font-size: 10pt; + font-weight: normal; + margin: 3px; + padding: 0; + min-height: 36px; + min-width: 36px; + transition: none; +} + +datechooser button.day dot { + background-color: #eff1f5; + border-radius: 50%; + min-height: 3px; + min-width: 3px; +} + +datechooser button.day:selected, datechooser button.day.today:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot { + background-color: rgba(17, 17, 27, 0.87); +} + +datechooser button.day.today { + color: #89b4fa; +} + +datechooser button.day.today dot { + background-color: #89b4fa; +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop { + color: alpha(currentColor, 0.1); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot { + background-color: alpha(currentColor, 0.1); +} + +datechooser button.day.other-month:hover:not(:backdrop) { + color: rgba(239, 241, 245, 0.5); +} + +datechooser button.day.other-month:hover:not(:backdrop) dot { + background-color: rgba(239, 241, 245, 0.5); +} + +.week-header { + padding: 0; +} + +.week-header > box:first-child { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +.week-header .week-number { + font-size: 16pt; + font-weight: bold; + padding: 12px 12px 18px 12px; + color: rgba(239, 241, 245, 0.3); +} + +.week-header.week-temperature { + font-size: 10pt; + font-weight: bold; + color: rgba(239, 241, 245, 0.5); +} + +.week-header.lines { + color: rgba(239, 241, 245, 0.12); +} + +weekhourbar > label { + font-size: 10pt; + padding: 4px 6px; +} + +.week-view .lines { + color: rgba(239, 241, 245, 0.12); +} + +weekgrid > widget.now-strip { + background-color: alpha(#89b4fa, 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(#89b4fa, 0.25); +} + +monthcell { + border: solid 1px rgba(239, 241, 245, 0.12); + border-width: 1px 0 0 1px; + background-color: transparent; + transition: background-color 200ms; +} + +monthcell:hover:not(.out-of-month):not(.today) { + background-color: #181825; + transition: background-color 200ms; + color: #eff1f5; +} + +monthcell:selected { + background-color: alpha(#89b4fa, 0.1); +} + +monthcell:selected:hover { + background-color: alpha(#89b4fa, 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(#89b4fa, 0.2); +} + +monthcell.today:hover { + background-color: alpha(#89b4fa, 0.3); + color: #89b4fa; +} + +monthcell.today:selected { + background-color: alpha(#89b4fa, 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(#89b4fa, 0.35); +} + +monthcell label { + color: #eff1f5; + font-size: 0.9rem; +} + +monthcell label.day-label { + font-size: 1rem; +} + +monthcell.out-of-month { + background-color: rgba(239, 241, 245, 0.04); +} + +monthcell.out-of-month label { + color: rgba(239, 241, 245, 0.7); +} + +monthcell button { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + border-right: none; +} + +monthpopover > box { + margin: 0; + padding: 0; + background-color: transparent; +} + +.notes-section box > textview { + border-radius: 6px; + padding: 6px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list > row { + padding: 2px 12px; +} + +agenda-view list > label { + padding: 6px 12px; +} + +agenda-view > scrolledwindow > viewport > list.background { + background-color: transparent; +} + +label.no-events { + font-style: italic; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +datechooser { + padding: 6px; +} + +datechooser .current-week { + background: alpha(#181825, 0.7); + color: #eff1f5; + border-radius: 6px; +} + +menubutton.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +menubutton.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +menubutton.sources-button > button { + border-radius: 0; +} + +menubutton.sources-button > button .title { + font-size: 10pt; + font-weight: normal; + padding: 0 6px; +} + +menubutton.sources-button > button .subtitle { + font-size: 8pt; + padding: 0 6px; +} + +menubutton.sources-button > button .calendar-color-image { + -gtk-icon-size: 12px; +} + +menubutton stack > box { + border-spacing: 6px; +} + +.topbar headerbar menubutton.sources-button > button { + border-radius: 0 0 6px 6px; +} + +.contacts-contact-list list.navigation-sidebar { + background: none; +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: #89b4fa; + border-radius: 0; + color: rgba(17, 17, 27, 0.87); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +screenshot-carousel box.frame { + border-width: 1px 0; + border-radius: 0; +} + +screenshot-carousel button, +.featured-carousel button { + margin: 12px; +} + +.screenshot-image-main .image1, +.screenshot-image-main .image2 { + margin-top: 6px; + margin-bottom: 12px; + margin-left: 6px; + margin-right: 6px; +} + +.app-tile-label { + font-size: 105%; +} + +.review-textbox { + padding: 6px; +} + +.origin-rounded-box { + background-color: rgba(239, 241, 245, 0.12); + border-radius: 9999px; + padding: 4px; +} + +.origin-beta { + color: #f9e2af; +} + +.origin-button > button { + padding: 3px 9px; +} + +.card flowboxchild.card { + border: none; + box-shadow: none; + padding: 0; + background: none; +} + +.category-tile.card { + padding: 21px; + border: none; + border-radius: 6px; + min-width: 140px; + font-weight: 900; + font-size: larger; + box-shadow: 0 3px 3px -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); +} + +.category-tile.card.category-tile-iconless { + padding: 9px 15px; + min-width: 130px; + font-size: 105%; + font-weight: normal; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); +} + +.category-tile.card.category-create { + background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); + color: white; +} + +.category-tile.card.category-create:hover { + background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); + color: white; +} + +.category-tile.card.category-create:active { + background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%); + color: white; +} + +.category-tile.card.category-develop { + background: #5e5c64; + color: white; +} + +.category-tile.card.category-develop:hover { + background: shade(#5e5c64, 1.2); + color: white; +} + +.category-tile.card.category-develop:active { + background-color: shade(#5e5c64, 0.95); + color: white; +} + +.category-tile.card.category-learn { + background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); + color: white; +} + +.category-tile.card.category-learn:hover { + background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); + color: white; +} + +.category-tile.card.category-learn:active { + background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%); + color: white; +} + +.category-tile.card.category-play { + background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); + color: #393484; +} + +.category-tile.card.category-play:hover { + background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +.category-tile.card.category-play:active { + background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +.category-tile.card.category-socialize { + background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); + color: rgba(239, 241, 245, 0.7); +} + +.category-tile.card.category-socialize:hover { + background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); +} + +.category-tile.card.category-socialize:active { + background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%); +} + +.category-tile.card.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(239, 241, 245, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(239, 241, 245, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; +} + +.category-tile.card.category-work:hover { + color: #1c71d8; + background-color: #fefcef; + background-image: linear-gradient(rgba(239, 241, 245, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(239, 241, 245, 0.12) 1px, transparent 1px); +} + +.category-tile.card.category-work:active { + color: #1c71d8; + background-color: #fcf4bf; + background-image: linear-gradient(rgba(239, 241, 245, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(239, 241, 245, 0.12) 1px, transparent 1px); +} + +clamp.medium .category-tile:not(.category-tile-iconless), +clamp.large .category-tile:not(.category-tile-iconless) { + font-size: larger; +} + +.featured-tile { + padding: 0; + box-shadow: none; + color: #eff1f5; +} + +.featured-tile label.title-1 { + margin-top: 6px; + margin-bottom: 6px; +} + +.featured-tile.narrow label.title-1 { + font-size: 16pt; +} + +.application-details-infobar, .application-details-infobar.info { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; + border: 1px solid rgba(239, 241, 245, 0.12); +} + +.application-details-infobar.warning { + background-color: #f9e2af; + color: rgba(17, 17, 27, 0.87); + border: 1px solid rgba(17, 17, 27, 0.12); +} + +@keyframes install-progress-unknown-move { + 0% { + background-position: 0%; + } + 50% { + background-position: 100%; + } + 100% { + background-position: 0%; + } +} + +.application-details-description .button { + padding-left: 24px; + padding-right: 24px; +} + +.install-progress { + background-image: linear-gradient(to top, #89b4fa 2px, alpha(#89b4fa, 0) 2px); + background-repeat: no-repeat; + background-position: 0 bottom; + background-size: 0; + transition: none; +} + +.install-progress:dir(rtl) { + background-position: 100% bottom; +} + +.review-row > * { + margin: 12px; +} + +.review-row button { + font-size: smaller; +} + +.review-row .vote-buttons button { + margin-right: -1px; +} + +.review-row .vote-buttons button:not(:first-child) { + border-image: linear-gradient(to top, rgba(239, 241, 245, 0.12), rgba(239, 241, 245, 0.12)) 0 0 0 1/5px 0 5px 1px; +} + +.review-row .vote-buttons button:hover, +.review-row .vote-buttons button:active, +.review-row .vote-buttons button:hover + button, +.review-row .vote-buttons button:active + button { + border-image: none; +} + +review-bar { + color: rgba(239, 241, 245, 0.5); + background-image: none; + background-color: rgba(239, 241, 245, 0.3); +} + +.review-histogram star-image { + color: rgba(239, 241, 245, 0.5); +} + +.version-arrow-label { + font-size: x-small; +} + +.overview-more-button { + font-size: smaller; + padding: 0 16px; +} + +.app-row-origin-text { + font-size: smaller; +} + +.app-listbox-header { + padding: 6px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +.image-list { + background-color: transparent; +} + +box.star { + background-color: transparent; + background-image: none; +} + +button.star { + outline-offset: 0; + background-color: transparent; + background-image: none; + border-image: none; + border-radius: 0; + border-width: 0; + padding: 0; + box-shadow: none; + outline-offset: -1px; +} + +star-image { + color: #f9e2af; +} + +.dimmer-label { + opacity: 0.25; +} + +.update-failed-details { + font-family: Monospace; + font-size: smaller; + padding: 16px; +} + +.upgrade-banner { + padding: 0px; + border-radius: 6px; + border: none; +} + +.upgrade-banner-background { + background: linear-gradient(to bottom, #a6e3a1, #89b4fa); + color: white; +} + +.upgrade-buttons #button_upgrades_install { + padding-left: 16px; + padding-right: 16px; +} + +scrolledwindow.list-page > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +.update-preferences preferencesgroup > box > box { + margin-top: 18px; +} + +.section > label:not(:first-child) { + margin-top: 6px; +} + +.section > box:not(:first-child) { + margin-top: 12px; +} + +clamp.status-page { + margin: 36px 12px; +} + +clamp.status-page .iconbox { + min-height: 128px; + min-width: 128px; +} + +clamp.status-page .icon { + color: rgba(239, 241, 245, 0.5); + min-height: 32px; + min-width: 32px; +} + +clamp.status-page .icon:not(:last-child) { + margin-bottom: 36px; +} + +clamp.status-page .title:not(:last-child) { + margin-bottom: 12px; +} + +app-context-bar .context-tile { + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: transparent; + border-radius: 0; + padding: 24px 12px 21px 12px; + outline-offset: 5px; + transition-property: outline, outline-offset, background-image; + border-bottom: none; + border-right: none; +} + +app-context-bar .context-tile:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); +} + +app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active { + background-color: alpha(currentColor, 0.12); +} + +app-context-bar .context-tile:focus:focus-visible { + outline-offset: -1px; +} + +app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child { + border-left: none; +} + +app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile { + border-top: none; +} + +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(239, 241, 245, 0.12); +} + +carousel.card { + border: none; + background-color: rgba(239, 241, 245, 0.04); +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 6px; + font-size: 18px; + font-weight: bold; + border-radius: 9999px; +} + +.context-tile-lozenge.large { + font-size: 24px; + padding: 16px; + min-width: 24px; + /* 60px minus the left and right padding */ + min-height: 24px; + /* 60px minus the top and bottom padding */ +} + +.context-tile-lozenge.wide-image image { + margin-top: -28px; + margin-bottom: -28px; +} + +.context-tile-lozenge image { + -gtk-icon-style: symbolic; +} + +.context-tile-lozenge.grey { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { + color: #6ed166; + background-color: rgba(166, 227, 161, 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: #89b4fa; + background-color: rgba(137, 180, 250, 0.15); +} + +.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { + color: #f4c868; + background-color: rgba(249, 226, 175, 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: #fab387; + background-color: rgba(250, 179, 135, 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: #ec4674; + background-color: rgba(243, 139, 168, 0.15); +} + +.eol-red { + font-weight: bold; + color: #f38ba8; +} + +window.narrow .app-title { + font-size: 16pt; +} + +window.narrow .app-developer { + font-size: small; +} + +.install-progress-label { + font-size: smaller; + font-feature-settings: "tnum"; +} + +scrolledwindow.fake-adw-status-page > viewport > box { + margin: 36px 12px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.icon-dropshadow image.icon { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +window.info scrollbar.vertical { + margin-top: 48px; + background: none; + box-shadow: none; +} + +window.info scrollbar.vertical trough { + margin-top: 0; +} + +row.app > box.header { + margin-left: 12px; + margin-right: 12px; +} + +row.app > box.header { + border-spacing: 12px; +} + +row.app > box.header > image { + margin-top: 12px; + margin-bottom: 12px; +} + +row.app label.warning { + color: #f38ba8; +} + +@keyframes pre-delay { + from { + opacity: 0; + } + to { + opacity: 0; + } +} + +@keyframes fade-in { + from { + filter: opacity(0%); + } +} + +/* Give a fade-in animation to spinners. */ +spinner.fade-in:checked { + animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite; + animation-delay: 0s, 0.5s, 0.5s; +} + +window > contents > leaflet > box > stack.background { + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, transparent 48px, #1e1e2e 48px, #1e1e2e); +} + +@define-color weather_temp_chart_fill_color rgba(249, 226, 175, 0.5); +@define-color weather_temp_chart_stroke_color #f5d180; +@define-color weather_thermometer_warm_color #f9e2af; +@define-color weather_thermometer_cold_color #89b4fa; +#places-label { + font-weight: bold; +} + +#temperature-label { + font-size: 32pt; + font-weight: 900; + margin-left: 9px; +} + +#conditions-grid *:backdrop { + color: rgba(239, 241, 245, 0.7); +} + +.content-view.cell { + font-weight: bold; +} + +#locationEntry { + margin: 6px; +} + +.weather-popover { + margin-top: 6px; +} + +.forecast-card { + transition: border-radius 100ms ease-out; + border-radius: 6px; +} + +.forecast-card separator { + background-color: rgba(239, 241, 245, 0.12); +} + +#daily-forecast-box > separator:last-child { + background-color: transparent; + min-width: 0; +} + +#conditions-grid, +#attributionGrid { + margin-left: 18px; + margin-right: 18px; +} + +#weather-page .small .forecast-card { + margin-left: 0; + margin-right: 0; + border-radius: 0; + border-width: 1px 0; +} + +.forecast-temperature-label { + font-weight: bold; + color: #ae7b03; +} + +WeatherThermometer { + margin-bottom: 12px; +} + +WeatherThermometer > label.high { + font-weight: bold; + color: #f9e2af; +} + +WeatherThermometer > label.low { + font-weight: bold; + color: #89b4fa; +} + +.forecast-button { + margin: 0 12px; +} + +.forecast-graphic { + margin: 18px; +} + +button.osd.circular { + border-radius: 9999px; + min-width: 24px; + min-height: 24px; +} + +button.osd.circular > image { + padding: 0; +} + +scrolledwindow.inline list, +scrolledwindow.inline listview { + background: none; + color: inherit; +} + +scrolledwindow.inline undershoot.top { + box-shadow: inset 0 1px rgba(239, 241, 245, 0.12); +} + +.search-view { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +.search-view menubutton button:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); +} + +image.circular { + min-width: 36px; + min-height: 36px; + padding: 0; + border-radius: 9999px; +} + +.large-button { + padding: 6px; +} + +.alarm-time { + font-size: 2.5em; + font-weight: 300; +} + +.clocks-ampm-toggle-button, +.clocks-secondary-standalone-label { + font-size: 18pt; +} + +.clocks-standalone-label, +.clocks-ringing-label { + font-size: 6em; + font-weight: 300; +} + +.clocks-ringing-title { + font-size: 1.5em; + font-weight: bold; +} + +.clocks-alarm-setup-time { + font-size: 32pt; +} + +.clocks-timer-label, +.clocks-spinbutton { + font-size: 48pt; +} + +.timer-panel .timer-header { + font-size: 20pt; + font-weight: 300; +} + +.timer-countdown { + font-size: 40pt; + font-weight: 300; +} + +/* Stopwatch Panel */ +.lap-time { + font-weight: bold; +} + +.stopped-stopwatch label, +.running-stopwatch label, +.paused-stopwatch label { + font-size: 70px; + font-weight: lighter; +} + +.stopped-stopwatch .seconds-label { + font-weight: 300; +} + +.running-stopwatch .seconds-label, +.running-stopwatch .miliseconds-label { + color: #89b4fa; +} + +.stopped-stopwatch .miliseconds-label, +.running-stopwatch .miliseconds-label, +.paused-stopwatch .miliseconds-label { + font-size: 50px; +} + +.running-stopwatch .seconds-label, +.paused-stopwatch .seconds-label { + font-weight: 300; +} + +.clock-location { + font-weight: bolder; +} + +.hidden { + opacity: 0; +} + +.clock-time { + font-size: 2em; + padding: 0.2em 0.5em; + border-radius: 1em; +} + +.none .clock-time { + background: alpha(currentColor, 0.2); +} + +.night .clock-time { + color: #89b4fa; + background-color: alpha(#89b4fa, 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: #fab387; + background-color: alpha(#fab387, 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: #f9e2af; + background: alpha(#f9e2af, 0.25); +} + +headerbar splitbutton notification button { + margin: 0; + min-height: 24px; + min-width: 24px; + padding: 0; +} + +popover.background.global-search > arrow, popover.background.global-search > contents { + padding: 0; +} + +panelframeswitcher { + padding: 6px; + min-height: 36px; +} + +.frameheader.header { + background-color: #181825; +} + +.frameheader.header:backdrop { + background-color: #1e1e2e; +} + +.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(239, 241, 245, 0.12); +} + +.frameheader.header tabbar.inline > revealer > box .end-action button { + margin: 6px; +} + +.frameheader.header tabbar.inline > revealer > box tabbox { + border: none; + background: none; +} + +panelstatusbar > menubutton > button, +panelstatusbar > paneltogglebutton 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(239, 241, 245, 0.04); +} + +.style-variant button.toggle:active > stylevariantpreview > .wallpaper { + outline-color: rgba(239, 241, 245, 0.3); +} + +.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { + outline-color: #89b4fa; +} + +playlistview scrollbar.overlay-indicator.dragging, playlistview scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +playlistview queuerow picture.cover, +playlistview queuerow image.card { + border: none; +} + +.exit-info { + padding: 6px; + border-top: 2px solid #89b4fa; + background: rgba(137, 180, 250, 0.9); + color: rgba(17, 17, 27, 0.87); +} + +.error .exit-info { + border-top: 2px solid #f38ba8; + background: rgba(243, 139, 168, 0.9); + color: rgba(17, 17, 27, 0.87); +} + +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: white; +} + +avatar.image { + background: none; +} + +.card { + border-radius: 6px; + border: 1px solid rgba(239, 241, 245, 0.12); + background-clip: border-box; + color: rgba(239, 241, 245, 0.7); + box-shadow: none; + outline: none; + background-color: #313244; + color: #eff1f5; +} + +.card.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.card.activatable:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +.card.activatable:active { + background-image: none; + 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #1e1e2e; + color: #eff1f5; + border: none; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > label { + margin: 0 6px; +} + +viewswitcher { + margin: 0; + border-spacing: 3px; +} + +viewswitcher.wide { + margin-top: 6px; + margin-bottom: 6px; +} + +viewswitcher.wide button.toggle { + margin: 0; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; +} + +viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus { + box-shadow: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 6px; + padding-bottom: 4px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +viewswitchertitle { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher { + margin-left: 12px; + margin-right: 12px; +} + +viewswitchertitle viewswitcher.narrow { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 0; + padding-bottom: 0; + border-spacing: 0; +} + +viewswitchertitle viewswitcher.wide { + margin-top: 6px; + margin-bottom: 6px; +} + +viewswitchertitle windowtitle { + margin-top: 0; + margin-bottom: 0; +} + +.top-bar headerbar viewswitchertitle viewswitcher.narrow button.toggle { + border-radius: 0 0 6px 6px; +} + +indicatorbin > indicator, indicatorbin > mask { + min-width: 6px; + min-height: 6px; + border-radius: 9999px; +} + +indicatorbin > indicator { + margin: 1px; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #89b4fa; +} + +indicatorbin.needs-attention > indicator > label { + color: rgba(17, 17, 27, 0.87); +} + +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(239, 241, 245, 0.04); +} + +preferencesgroup > box button.background-preview-button.toggle:active { + outline-color: rgba(239, 241, 245, 0.3); +} + +preferencesgroup > box button.background-preview-button.toggle:checked { + outline-color: #89b4fa; +} + +preferencesgroup > box .cutout-button { + background-color: #181825; +} + +window.about .main-page > viewport > clamp > box { + margin: 12px; + border-spacing: 6px; +} + +window.about .main-page > viewport > clamp > box > box { + margin-top: 18px; + border-spacing: 18px; + margin-bottom: 6px; +} + +window.about .main-page .app-version { + padding: 3px 18px; + color: #89b4fa; + border-radius: 6px; + margin-top: 3px; +} + +window.about .subpage > viewport > clamp > box { + margin: 18px 12px; + border-spacing: 18px; +} + +window.about .subpage > clamp > textview { + background: none; + color: inherit; +} + +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; +} + +flap > dimming, +leaflet > dimming, +navigation-view > dimming, +overlay-split-view > dimming { + background: rgba(17, 17, 27, 0.25); +} + +flap > border, +leaflet > border, +navigation-view > border, +overlay-split-view > border { + background: none; +} + +flap > shadow, +leaflet > shadow, +navigation-view > shadow, +overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +flap > shadow.left, +leaflet > shadow.left, +navigation-view > shadow.left, +overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +flap > shadow.right, +leaflet > shadow.right, +navigation-view > shadow.right, +overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +flap > shadow.up, +leaflet > shadow.up, +navigation-view > shadow.up, +overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +flap > shadow.down, +leaflet > shadow.down, +navigation-view > shadow.down, +overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +toolbarview.undershoot-top scrolledwindow > undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.unfolded stacksidebar.sidebar { + border: none; +} + +.sidebar-pane { + background-color: #181825; + color: #eff1f5; +} + +.sidebar-pane:backdrop { + color: rgba(239, 241, 245, 0.5); + background-color: #1e1e2e; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.sidebar-pane .sidebar-pane { + background-color: transparent; + color: inherit; +} + +.sidebar-pane .toolbar, +.sidebar-pane .sidebar, +.sidebar-pane .navigation-sidebar, +.sidebar-pane searchbar > revealer > box { + background-color: transparent; + box-shadow: none; + border: none; +} + +.sidebar-pane banner > revealer > widget { + background-color: mix(#89b4fa,#181825,0.7); + color: #eff1f5; +} + +.sidebar-pane banner > revealer > widget:backdrop { + background-color: mix(#89b4fa,#181825,0.7); +} + +/* Middle pane in three-pane setups */ +.content-pane .sidebar-pane, +.sidebar-pane .content-pane { + background-color: #1e1e2e; + color: #eff1f5; +} + +.content-pane .sidebar-pane:backdrop, +.sidebar-pane .content-pane:backdrop { + background-color: #1e1e2e; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.content-pane .sidebar-pane banner > revealer > widget, +.sidebar-pane .content-pane banner > revealer > widget { + background-color: mix(#89b4fa,#1e1e2e,0.7); + color: #eff1f5; +} + +.content-pane .sidebar-pane banner > revealer > widget:backdrop, +.sidebar-pane .content-pane banner > revealer > widget:backdrop { + background-color: mix(#89b4fa,#1e1e2e,0.7); +} + +.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget, +.content-pane .sidebar-pane:dir(ltr), +.content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, +.content-pane .sidebar-pane.end:dir(rtl), +.content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, +.sidebar-pane .content-pane:dir(ltr), +.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, +.sidebar-pane .content-pane.end:dir(rtl), +.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: none; + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget, +.content-pane .sidebar-pane:dir(rtl), +.content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, +.content-pane .sidebar-pane.end:dir(ltr), +.content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, +.sidebar-pane .content-pane:dir(rtl), +.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, +.sidebar-pane .content-pane.end:dir(ltr), +.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { + box-shadow: none; + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +.sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, +.content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, +.content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, +.sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { + box-shadow: inset 0 1px rgba(239, 241, 245, 0.08); + background: linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, +.content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, +.content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, +.sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.08); + background: linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane scrolledwindow.undershoot-top > undershoot.top, +.content-pane scrolledwindow.undershoot-top > undershoot.top, +.content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, +.sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { + box-shadow: inset 0 1px rgba(239, 241, 245, 0.08); + background: linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, +.content-pane scrolledwindow.undershoot-bottom > undershoot.bottom, +.content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, +.sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.08); + background: linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + box-shadow: inset 1px 0 rgba(239, 241, 245, 0.08); + background: linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + box-shadow: inset -1px 0 rgba(239, 241, 245, 0.08); + background: linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + box-shadow: inset -1px 0 rgba(239, 241, 245, 0.08); + background: linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + box-shadow: inset 1px 0 rgba(239, 241, 245, 0.08); + background: linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane flap > dimming, +.sidebar-pane leaflet > dimming, +.sidebar-pane navigation-view > dimming, +.sidebar-pane overlay-split-view > dimming, +.content-pane flap > dimming, +.content-pane leaflet > dimming, +.content-pane navigation-view > dimming, +.content-pane overlay-split-view > dimming, +.content-pane .sidebar-pane flap > dimming, +.content-pane .sidebar-pane leaflet > dimming, +.content-pane .sidebar-pane navigation-view > dimming, +.content-pane .sidebar-pane overlay-split-view > dimming, +.sidebar-pane .content-pane flap > dimming, +.sidebar-pane .content-pane leaflet > dimming, +.sidebar-pane .content-pane navigation-view > dimming, +.sidebar-pane .content-pane overlay-split-view > dimming { + background: rgba(17, 17, 27, 0.25); +} + +.sidebar-pane flap > border, +.sidebar-pane leaflet > border, +.sidebar-pane navigation-view > border, +.sidebar-pane overlay-split-view > border, +.content-pane flap > border, +.content-pane leaflet > border, +.content-pane navigation-view > border, +.content-pane overlay-split-view > border, +.content-pane .sidebar-pane flap > border, +.content-pane .sidebar-pane leaflet > border, +.content-pane .sidebar-pane navigation-view > border, +.content-pane .sidebar-pane overlay-split-view > border, +.sidebar-pane .content-pane flap > border, +.sidebar-pane .content-pane leaflet > border, +.sidebar-pane .content-pane navigation-view > border, +.sidebar-pane .content-pane overlay-split-view > border { + background: none; +} + +.sidebar-pane flap > shadow, +.sidebar-pane leaflet > shadow, +.sidebar-pane navigation-view > shadow, +.sidebar-pane overlay-split-view > shadow, +.content-pane flap > shadow, +.content-pane leaflet > shadow, +.content-pane navigation-view > shadow, +.content-pane overlay-split-view > shadow, +.content-pane .sidebar-pane flap > shadow, +.content-pane .sidebar-pane leaflet > shadow, +.content-pane .sidebar-pane navigation-view > shadow, +.content-pane .sidebar-pane overlay-split-view > shadow, +.sidebar-pane .content-pane flap > shadow, +.sidebar-pane .content-pane leaflet > shadow, +.sidebar-pane .content-pane navigation-view > shadow, +.sidebar-pane .content-pane overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +.sidebar-pane flap > shadow.left, +.sidebar-pane leaflet > shadow.left, +.sidebar-pane navigation-view > shadow.left, +.sidebar-pane overlay-split-view > shadow.left, +.content-pane flap > shadow.left, +.content-pane leaflet > shadow.left, +.content-pane navigation-view > shadow.left, +.content-pane overlay-split-view > shadow.left, +.content-pane .sidebar-pane flap > shadow.left, +.content-pane .sidebar-pane leaflet > shadow.left, +.content-pane .sidebar-pane navigation-view > shadow.left, +.content-pane .sidebar-pane overlay-split-view > shadow.left, +.sidebar-pane .content-pane flap > shadow.left, +.sidebar-pane .content-pane leaflet > shadow.left, +.sidebar-pane .content-pane navigation-view > shadow.left, +.sidebar-pane .content-pane overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +.sidebar-pane flap > shadow.right, +.sidebar-pane leaflet > shadow.right, +.sidebar-pane navigation-view > shadow.right, +.sidebar-pane overlay-split-view > shadow.right, +.content-pane flap > shadow.right, +.content-pane leaflet > shadow.right, +.content-pane navigation-view > shadow.right, +.content-pane overlay-split-view > shadow.right, +.content-pane .sidebar-pane flap > shadow.right, +.content-pane .sidebar-pane leaflet > shadow.right, +.content-pane .sidebar-pane navigation-view > shadow.right, +.content-pane .sidebar-pane overlay-split-view > shadow.right, +.sidebar-pane .content-pane flap > shadow.right, +.sidebar-pane .content-pane leaflet > shadow.right, +.sidebar-pane .content-pane navigation-view > shadow.right, +.sidebar-pane .content-pane overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +.sidebar-pane flap > shadow.up, +.sidebar-pane leaflet > shadow.up, +.sidebar-pane navigation-view > shadow.up, +.sidebar-pane overlay-split-view > shadow.up, +.content-pane flap > shadow.up, +.content-pane leaflet > shadow.up, +.content-pane navigation-view > shadow.up, +.content-pane overlay-split-view > shadow.up, +.content-pane .sidebar-pane flap > shadow.up, +.content-pane .sidebar-pane leaflet > shadow.up, +.content-pane .sidebar-pane navigation-view > shadow.up, +.content-pane .sidebar-pane overlay-split-view > shadow.up, +.sidebar-pane .content-pane flap > shadow.up, +.sidebar-pane .content-pane leaflet > shadow.up, +.sidebar-pane .content-pane navigation-view > shadow.up, +.sidebar-pane .content-pane overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +.sidebar-pane flap > shadow.down, +.sidebar-pane leaflet > shadow.down, +.sidebar-pane navigation-view > shadow.down, +.sidebar-pane overlay-split-view > shadow.down, +.content-pane flap > shadow.down, +.content-pane leaflet > shadow.down, +.content-pane navigation-view > shadow.down, +.content-pane overlay-split-view > shadow.down, +.content-pane .sidebar-pane flap > shadow.down, +.content-pane .sidebar-pane leaflet > shadow.down, +.content-pane .sidebar-pane navigation-view > shadow.down, +.content-pane .sidebar-pane overlay-split-view > shadow.down, +.sidebar-pane .content-pane flap > shadow.down, +.sidebar-pane .content-pane leaflet > shadow.down, +.sidebar-pane .content-pane navigation-view > shadow.down, +.sidebar-pane .content-pane overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +.sidebar-pane headerbar, .sidebar-pane headerbar:backdrop, .sidebar-pane .top-bar, .sidebar-pane .top-bar:backdrop, +.content-pane headerbar, +.content-pane headerbar:backdrop, +.content-pane .top-bar, +.content-pane .top-bar:backdrop { + background-color: transparent; + box-shadow: none; +} + +.sidebar-pane tabbar .box, .sidebar-pane tabbar .box:backdrop, +.content-pane tabbar .box, +.content-pane tabbar .box:backdrop { + background-color: transparent; + box-shadow: none; +} + +.sidebar-pane tabbar tab, +.content-pane tabbar tab { + color: rgba(239, 241, 245, 0.7); +} + +.sidebar-pane tabbar tab:hover:not(:selected), .sidebar-pane tabbar tab:active, +.content-pane tabbar tab:hover:not(:selected), +.content-pane tabbar tab:active { + color: #eff1f5; +} + +.sidebar-pane tabbar tab:selected:not(:active), +.content-pane tabbar tab:selected:not(:active) { + background-color: alpha(currentColor, 0.06); + color: #eff1f5; + box-shadow: none; +} + +.sidebar-pane tabbar tab:disabled, +.content-pane tabbar tab:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.sidebar-pane tabbar button.image-button, +.content-pane tabbar button.image-button { + color: rgba(239, 241, 245, 0.7); +} + +.sidebar-pane tabbar button.image-button:hover, .sidebar-pane tabbar button.image-button:active, +.content-pane tabbar button.image-button:hover, +.content-pane tabbar button.image-button:active { + color: #eff1f5; +} + +.sidebar-pane tabbar button.image-button:disabled, +.content-pane tabbar button.image-button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.top-bar { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); + background-color: #181825; +} + +.top-bar:backdrop { + background-color: #1e1e2e; +} + +.top-bar .collapse-spacing { + padding: 0; +} + +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.12); +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #89b4fa; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.theme-selector radio, +panelthemeselector checkbutton.theme-selector radio { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; + min-height: 20px; + min-width: 20px; + padding: 0; +} + +themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:hover, +panelthemeselector checkbutton.theme-selector radio:active, +panelthemeselector checkbutton.theme-selector radio:checked { + background-color: transparent; +} + +themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked { + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active, +panelthemeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked:hover, +panelthemeselector checkbutton.theme-selector radio:checked:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 20px; + min-width: 20px; + background: none; + padding: 0; + margin: 0; + border-radius: 9999px; + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.12); +} + +themeswitcher checkbutton:checked { + box-shadow: inset 0 0 0 2px #89b4fa; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active { + background-color: transparent; + border: none; + background: none; + box-shadow: none; + color: transparent; + -gtk-icon-source: none; + -gtk-icon-size: 0; +} + +themeswitcher checkbutton.system { + background: linear-gradient(-45deg, #1e1e1e 50%, white 50%); +} + +themeswitcher checkbutton.light { + color: alpha(black, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark { + color: white; + background-color: #1e1e1e; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #eff1f5; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #eff1f5; +/* +widget base background color */ +@define-color theme_bg_color #1e1e2e; +/* +text widgets and the like base background color */ +@define-color theme_base_color #1e1e2e; +/* +base background color of selections */ +@define-color theme_selected_bg_color #89b4fa; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color rgba(17, 17, 27, 0.87); +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #1e1e2e; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(239, 241, 245, 0.5); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #181825; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #eff1f5; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #eff1f5; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1e2e; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #1e1e2e; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #89b4fa; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color rgba(17, 17, 27, 0.87); +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(239, 241, 245, 0.5); +/* +widgets main borders color */ +@define-color borders rgba(239, 241, 245, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(239, 241, 245, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #f9e2af; +@define-color error_color #f38ba8; +@define-color success_color #a6e3a1; +/* +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 #eff1f5; +@define-color wm_unfocused_title rgba(239, 241, 245, 0.7); +@define-color wm_highlight rgba(239, 241, 245, 0.1); +@define-color wm_border #060609; +@define-color wm_bg #181825; +@define-color wm_unfocused_bg #1e1e2e; +@define-color wm_button_icon white; +@define-color wm_button_close_hover_bg #f38ba8; +@define-color wm_button_close_active_bg #ed547e; +@define-color wm_button_max_hover_bg #a6e3a1; +@define-color wm_button_max_active_bg #79d572; +@define-color wm_button_min_hover_bg #f9e2af; +@define-color wm_button_min_active_bg #f5cd76; +/* +FIXME this is really an API */ +@define-color content_view_bg #1e1e2e; +@define-color placeholder_text_color #b0b2b9; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1e1e2e; +@define-color budgie_tasklist_indicator_color rgba(239, 241, 245, 0.3); +@define-color budgie_tasklist_indicator_color_active #89b4fa; +@define-color budgie_tasklist_indicator_color_active_window #526993; +@define-color budgie_tasklist_indicator_color_attention #f9e2af; +@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; +@define-color blue_1 #99c1f1; +@define-color blue_2 #62a0ea; +@define-color blue_3 #3584e4; +@define-color blue_4 #1c71d8; +@define-color blue_5 #1a5fb4; +@define-color green_1 #8ff0a4; +@define-color green_2 #57e389; +@define-color green_3 #33d17a; +@define-color green_4 #2ec27e; +@define-color green_5 #26a269; +@define-color yellow_1 #f9f06b; +@define-color yellow_2 #f8e45c; +@define-color yellow_3 #f6d32d; +@define-color yellow_4 #f5c211; +@define-color yellow_5 #e5a50a; +@define-color orange_1 #ffbe6f; +@define-color orange_2 #ffa348; +@define-color orange_3 #ff7800; +@define-color orange_4 #e66100; +@define-color orange_5 #c64600; +@define-color red_1 #f66151; +@define-color red_2 #ed333b; +@define-color red_3 #e01b24; +@define-color red_4 #c01c28; +@define-color red_5 #a51d2d; +@define-color purple_1 #dc8add; +@define-color purple_2 #c061cb; +@define-color purple_3 #9141ac; +@define-color purple_4 #813d9c; +@define-color purple_5 #613583; +@define-color brown_1 #cdab8f; +@define-color brown_2 #b5835a; +@define-color brown_3 #986a44; +@define-color brown_4 #865e3c; +@define-color brown_5 #63452c; +@define-color light_1 #ffffff; +@define-color light_2 #f6f5f4; +@define-color light_3 #deddda; +@define-color light_4 #c0bfbc; +@define-color light_5 #9a9996; +@define-color dark_1 #77767b; +@define-color dark_2 #5e5c64; +@define-color dark_3 #3d3846; +@define-color dark_4 #241f31; +@define-color dark_5 #000000; +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +@define-color accent_bg_color #89b4fa; +@define-color accent_fg_color rgba(17, 17, 27, 0.87); +@define-color accent_color #89b4fa; +@define-color destructive_bg_color #f38ba8; +@define-color destructive_fg_color rgba(17, 17, 27, 0.87); +@define-color destructive_color #f38ba8; +@define-color success_bg_color #a6e3a1; +@define-color success_fg_color rgba(17, 17, 27, 0.87); +@define-color success_color #a6e3a1; +@define-color warning_bg_color #f9e2af; +@define-color warning_fg_color rgba(17, 17, 27, 0.87); +@define-color warning_color #f9e2af; +@define-color error_bg_color #f38ba8; +@define-color error_fg_color rgba(17, 17, 27, 0.87); +@define-color error_color #f38ba8; +@define-color window_bg_color #1e1e2e; +@define-color window_fg_color #eff1f5; +@define-color view_bg_color #1e1e2e; +@define-color view_fg_color #eff1f5; +@define-color headerbar_bg_color #181825; +@define-color headerbar_fg_color #eff1f5; +@define-color headerbar_border_color rgba(239, 241, 245, 0.12); +@define-color headerbar_backdrop_color #1e1e2e; +@define-color headerbar_shade_color rgba(239, 241, 245, 0.12); +@define-color card_bg_color #1e1e2e; +@define-color card_fg_color #eff1f5; +@define-color card_shade_color rgba(239, 241, 245, 0.12); +@define-color dialog_bg_color #181825; +@define-color dialog_fg_color #eff1f5; +@define-color popover_bg_color #1e1e2e; +@define-color popover_fg_color #eff1f5; +@define-color shade_color rgba(239, 241, 245, 0.12); +@define-color scrollbar_outline_color rgba(239, 241, 245, 0.12); diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/gtk.css b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/gtk.css new file mode 100644 index 0000000..7bbb951 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/gtk.css @@ -0,0 +1,8502 @@ +@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, #89b4fa 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #89b4fa 100%, transparent 100%); + } +} + +/*************** + * Base States * + ***************/ +.background { + background-color: #1e1e2e; + color: #eff1f5; +} + +#desktopwindow.background { + background-color: transparent; +} + +dnd { + color: #eff1f5; +} + +.normal-icons { + -gtk-icon-size: 16px; +} + +.large-icons { + -gtk-icon-size: 32px; +} + +.aboutdialog .large-icons { + -gtk-icon-size: 128px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +iconview, .view { + background-color: #1e1e2e; + color: #eff1f5; +} + +iconview:disabled, .view:disabled { + color: rgba(239, 241, 245, 0.5); +} + +iconview:selected, .view:selected { + color: #eff1f5; +} + +textview text { + background-color: #1e1e2e; +} + +textview border { + background-color: #181825; + color: rgba(239, 241, 245, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 3px; +} + +rubberband, .content-view rubberband, .content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, .content-view .rubberband, columnview.view > rubberband, .content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #89b4fa; + background-color: rgba(137, 180, 250, 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 6px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +gridview > child { + padding: 3px; +} + +gridview > child:selected { + outline-color: alpha(currentColor, 0.06); +} + +gridview > child box { + border-spacing: 8px; + margin: 12px; +} + +coverflow cover { + color: #eff1f5; + background-color: #1e1e2e; + border: 1px solid black; +} + +label.separator { + color: rgba(239, 241, 245, 0.7); +} + +label:disabled { + opacity: 1; + color: rgba(239, 241, 245, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; + opacity: 1; +} + +label.osd { + border-radius: 6px; + background-color: rgba(11, 11, 18, 0.9); + color: #eff1f5; +} + +.dim-label, row.expander image.expander-row-arrow, row.property > box.header > box.title > .title, row label.subtitle { + color: rgba(239, 241, 245, 0.7); + opacity: 1; +} + +.accent { + color: #89b4fa; +} + +.success { + color: #a6e3a1; +} + +.warning { + color: #f9e2af; +} + +.error { + color: #f38ba8; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption, row.property > box.header > box.title > .title { + font-weight: 400; + font-size: 9pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 36px; + padding: 0 12px; + color: rgba(239, 241, 245, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: #eff1f5; +} + +.osd .scale-popup > arrow, +.osd .scale-popup > contents, .osd popover > arrow, +.osd popover > contents, popover.touch-selection > arrow, +popover.touch-selection > contents, popover.magnifier > arrow, +popover.magnifier > contents, .osd { + color: #eff1f5; + background-color: #1e1e2e; + background-clip: padding-box; + border-radius: 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +.osd { + padding: 6px; + margin: 6px; +} + +.osd.circular { + border-radius: 9999px; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +/**************** + * Text Entries * + ****************/ + +entry headerbar popover.background entry, +headerbar popover.background entry entry, +entry { + min-height: 36px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 6px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms 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, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry:focus-within, +headerbar popover.background entry entry:focus-within, +entry:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: #eff1f5; + outline: 2px solid #89b4fa; + outline-offset: -2px; +} + + +entry headerbar popover.background entry:drop(active), +headerbar popover.background entry entry:drop(active), +entry headerbar popover.background entry:hover:not(:focus-within), +headerbar popover.background entry entry:hover:not(:focus-within), +entry:drop(active), +entry:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; + outline-offset: 2px; +} + + +entry headerbar popover.background entry:disabled, +headerbar popover.background entry entry:disabled, +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); + outline: none; +} + + +entry headerbar popover.background entry > text > placeholder, +headerbar popover.background entry entry > text > placeholder, +entry > text > placeholder { + color: rgba(239, 241, 245, 0.5); +} + + +entry headerbar popover.background entry > text > block-cursor, +headerbar popover.background entry entry > text > block-cursor, +entry > text > block-cursor { + color: rgba(239, 241, 245, 0.04); + background-color: #eff1f5; +} + + +entry headerbar popover.background entry.flat:focus-within, +headerbar popover.background entry entry.flat:focus-within, +entry headerbar popover.background entry.flat:disabled, +headerbar popover.background entry entry.flat:disabled, +entry headerbar popover.background entry.flat:hover, +headerbar popover.background entry entry.flat:hover, +entry headerbar popover.background entry.flat, +headerbar popover.background entry entry.flat, +entry.flat:focus-within, +entry.flat:disabled, +entry.flat:hover, +entry.flat { + min-height: 0; + padding: 2px; + background-color: transparent; + box-shadow: none; + border-radius: 0; + outline: none; +} + + +entry headerbar popover.background entry > image, +headerbar popover.background entry entry > image, +entry > image { + color: rgba(239, 241, 245, 0.7); +} + + +entry headerbar popover.background entry > image:hover, +headerbar popover.background entry entry > image:hover, +entry headerbar popover.background entry > image:active, +headerbar popover.background entry entry > image:active, +entry > image:hover, +entry > image:active { + color: #eff1f5; +} + + +entry headerbar popover.background entry > image:disabled, +headerbar popover.background entry entry > image:disabled, +entry > image:disabled { + color: rgba(239, 241, 245, 0.5); +} + + +entry headerbar popover.background entry > image.left, +headerbar popover.background entry entry > image.left, +entry > image.left { + margin: 0 6px 0 2px; +} + + +entry headerbar popover.background entry > image.right, +headerbar popover.background entry entry > image.right, +entry > image.right { + margin: 0 2px 0 6px; +} + + +entry headerbar popover.background entry.password image.caps-lock-indicator, +headerbar popover.background entry entry.password image.caps-lock-indicator, +entry.password image.caps-lock-indicator { + opacity: 0.35; +} + + +entry headerbar popover.background entry.error, +headerbar popover.background entry entry.error, +entry.error { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms 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(243, 139, 168, 0.1); + color: rgba(243, 139, 168, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.error:focus-within, +headerbar popover.background entry entry.error:focus-within, +entry.error:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(243, 139, 168, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #f38ba8; + outline: 2px solid #f38ba8; + outline-offset: -2px; + outline: none; +} + + +entry headerbar popover.background entry.error:drop(active), +headerbar popover.background entry entry.error:drop(active), +entry headerbar popover.background entry.error:hover:not(:focus-within), +headerbar popover.background entry entry.error:hover:not(:focus-within), +entry.error:drop(active), +entry.error:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #f38ba8; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.error:disabled, +headerbar popover.background entry entry.error:disabled, +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(243, 139, 168, 0.1); + color: rgba(243, 139, 168, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.error > text > selection, +headerbar popover.background entry entry.error > text > selection, +entry.error > text > selection { + background-color: rgba(243, 139, 168, 0.25); + color: #f38ba8; +} + + +entry headerbar popover.background entry.error > text > cursor-handle > contents, +headerbar popover.background entry entry.error > text > cursor-handle > contents, +entry.error > text > cursor-handle > contents { + background-color: currentColor; +} + + +entry headerbar popover.background entry.error > image, +headerbar popover.background entry entry.error > image, +entry.error > image { + color: rgba(243, 139, 168, 0.75); +} + + +entry headerbar popover.background entry.error > image:hover, +headerbar popover.background entry entry.error > image:hover, +entry headerbar popover.background entry.error > image:active, +headerbar popover.background entry entry.error > image:active, +entry.error > image:hover, +entry.error > image:active { + color: #f38ba8; +} + + +entry headerbar popover.background entry.error > image:disabled, +headerbar popover.background entry entry.error > image:disabled, +entry.error > image:disabled { + color: rgba(243, 139, 168, 0.35); +} + + +entry headerbar popover.background entry.warning, +headerbar popover.background entry entry.warning, +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms 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(249, 226, 175, 0.1); + color: rgba(249, 226, 175, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.warning:focus-within, +headerbar popover.background entry entry.warning:focus-within, +entry.warning:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(249, 226, 175, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #f9e2af; + outline: 2px solid #f9e2af; + outline-offset: -2px; + outline: none; +} + + +entry headerbar popover.background entry.warning:drop(active), +headerbar popover.background entry entry.warning:drop(active), +entry headerbar popover.background entry.warning:hover:not(:focus-within), +headerbar popover.background entry entry.warning:hover:not(:focus-within), +entry.warning:drop(active), +entry.warning:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #f9e2af; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.warning:disabled, +headerbar popover.background entry entry.warning:disabled, +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(249, 226, 175, 0.1); + color: rgba(249, 226, 175, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.warning > text > selection, +headerbar popover.background entry entry.warning > text > selection, +entry.warning > text > selection { + background-color: rgba(249, 226, 175, 0.25); + color: #f9e2af; +} + + +entry headerbar popover.background entry.warning > text > cursor-handle > contents, +headerbar popover.background entry entry.warning > text > cursor-handle > contents, +entry.warning > text > cursor-handle > contents { + background-color: currentColor; +} + + +entry headerbar popover.background entry.warning > image, +headerbar popover.background entry entry.warning > image, +entry.warning > image { + color: rgba(249, 226, 175, 0.75); +} + + +entry headerbar popover.background entry.warning > image:hover, +headerbar popover.background entry entry.warning > image:hover, +entry headerbar popover.background entry.warning > image:active, +headerbar popover.background entry entry.warning > image:active, +entry.warning > image:hover, +entry.warning > image:active { + color: #f9e2af; +} + + +entry headerbar popover.background entry.warning > image:disabled, +headerbar popover.background entry entry.warning > image:disabled, +entry.warning > image:disabled { + color: rgba(249, 226, 175, 0.35); +} + + +entry headerbar popover.background entry.success, +headerbar popover.background entry entry.success, +entry.success { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms 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(166, 227, 161, 0.1); + color: rgba(166, 227, 161, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.success:focus-within, +headerbar popover.background entry entry.success:focus-within, +entry.success:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(166, 227, 161, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #a6e3a1; + outline: 2px solid #a6e3a1; + outline-offset: -2px; + outline: none; +} + + +entry headerbar popover.background entry.success:drop(active), +headerbar popover.background entry entry.success:drop(active), +entry headerbar popover.background entry.success:hover:not(:focus-within), +headerbar popover.background entry entry.success:hover:not(:focus-within), +entry.success:drop(active), +entry.success:hover:not(:focus-within) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #a6e3a1; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.success:disabled, +headerbar popover.background entry entry.success:disabled, +entry.success:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(166, 227, 161, 0.1); + color: rgba(166, 227, 161, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.success > text > selection, +headerbar popover.background entry entry.success > text > selection, +entry.success > text > selection { + background-color: rgba(166, 227, 161, 0.25); + color: #a6e3a1; +} + + +entry headerbar popover.background entry.success > text > cursor-handle > contents, +headerbar popover.background entry entry.success > text > cursor-handle > contents, +entry.success > text > cursor-handle > contents { + background-color: currentColor; +} + + +entry headerbar popover.background entry.success > image, +headerbar popover.background entry entry.success > image, +entry.success > image { + color: rgba(166, 227, 161, 0.75); +} + + +entry headerbar popover.background entry.success > image:hover, +headerbar popover.background entry entry.success > image:hover, +entry headerbar popover.background entry.success > image:active, +headerbar popover.background entry entry.success > image:active, +entry.success > image:hover, +entry.success > image:active { + color: #a6e3a1; +} + + +entry headerbar popover.background entry.success > image:disabled, +headerbar popover.background entry entry.success > image:disabled, +entry.success > image:disabled { + color: rgba(166, 227, 161, 0.35); +} + + +entry > progress, +entry progress > trough > progress { + margin: 0 -4px; + border-bottom: 2px solid #89b4fa; + background-color: transparent; +} + +.osd entry > progress > trough > progress { + border-color: rgba(239, 241, 245, 0.04); +} + + +entry button.image-button { + min-height: 24px; + min-width: 24px; + padding: 0; +} + +treeview entry.flat, treeview entry { + background-color: #1e1e2e; +} + +treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(239, 241, 245, 0.7); +} + +editablelabel > stack > text { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms 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, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #89b4fa 0%, rgba(137, 180, 250, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #89b4fa 95%, rgba(137, 180, 250, 0)); + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.5); +} + +row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button, 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + outline: 0 solid transparent; + outline-offset: 2px; + color: #eff1f5; +} + +row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:focus, button:focus { + outline: 2px solid rgba(137, 180, 250, 0.35); + outline-offset: 0; +} + +row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:hover, button:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; + -gtk-icon-filter: brightness(1.2); +} + +row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button.keyboard-activating, button.keyboard-activating, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:active, 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:disabled, button:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:checked, button:checked { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover { + outline-color: transparent; + background-color: #a1c4fb; + color: rgba(17, 17, 27, 0.87); +} + +row.spin spinbutton > button.image-button.up:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled { + outline-color: transparent; + background-color: rgba(137, 180, 250, 0.35); + color: rgba(17, 17, 27, 0.38); +} + +placessidebar row button.sidebar-button, calendar > header > button, scrollbar button, notebook > header > tabs > arrow, popover modelbutton, spinbutton > button, splitbutton.flat > button, +splitbutton.flat > menubutton > button { + 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(239, 241, 245, 0.7); +} + +placessidebar row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), scrollbar button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active), +splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) { + color: #eff1f5; + outline: 2px solid rgba(239, 241, 245, 0.04); + outline-offset: -2px; +} + +placessidebar row button.sidebar-button:hover, calendar > header > button:hover, scrollbar button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, spinbutton > button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +placessidebar row button.sidebar-button:active, calendar > header > button:active, scrollbar button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, spinbutton > button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button: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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +placessidebar row button.sidebar-button:disabled, calendar > header > button:disabled, scrollbar button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .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), 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(239, 241, 245, 0.7); +} + +filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), .toolbar button:focus:not(:hover):not(:active), dropdown > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), +combobox > .linked:not(.vertical) > button:focus:not(:hover):not(:active):not(:only-child), splitbutton.suggested-action > button:focus:not(:hover):not(:active), splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) { + color: #eff1f5; + outline: 2px solid rgba(239, 241, 245, 0.04); + outline-offset: -2px; +} + +filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .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 { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .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), 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .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 { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .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 { + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .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, 241, 245, 0.5); +} + +button.opaque { + box-shadow: none; +} + +.osd button.opaque:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.15); +} + +button.opaque:hover { + background-image: image(alpha(currentColor, 0.1)); +} + +button.keyboard-activating.opaque, button.opaque:active { + background-image: image(rgba(0, 0, 0, 0.2)); +} + +button.opaque:checked { + background-image: image(rgba(0, 0, 0, 0.15)); +} + +button.opaque:checked:hover { + background-image: image(rgba(0, 0, 0, 0.05)); +} + +button.opaque:checked.keyboard-activating, button.opaque:checked:active { + background-image: image(rgba(0, 0, 0, 0.3)); +} + +.nautilus-window .floating-bar button, placessidebar row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > 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) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +button separator { + margin: 4px 1px; +} + +button.opaque { + background-color: #484856; + color: #eff1f5; +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 6px; +} + +button.text-button.image-button, button.image-text-button { + min-width: 24px; + padding: 6px; + border-radius: 6px; +} + +button.text-button.image-button > box, +button.text-button.image-button > box > box, button.image-text-button > box, +button.image-text-button > box > box { + border-spacing: 4px; +} + +button.text-button.image-button > box > label, +button.text-button.image-button > box > box > label, button.image-text-button > box > label, +button.image-text-button > box > box > label { + padding-left: 2px; + padding-right: 2px; +} + +button.text-button.image-button label:first-child, button.image-text-button label:first-child { + margin-left: 10px; +} + +button.text-button.image-button label:last-child, button.image-text-button label:last-child { + margin-right: 10px; +} + +button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child { + margin-left: 6px; +} + +button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child { + margin-right: 6px; +} + +button.text-button.image-button image:not(:only-child), button.image-text-button image:not(:only-child) { + margin: 0 4px; +} + +button.arrow-button { + padding-left: 9px; + padding-right: 9px; +} + +button.arrow-button > box { + border-spacing: 4px; +} + +button.arrow-button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +button.arrow-button.text-button > box { + border-spacing: 6px; +} + +menubutton.pill > button, button.pill { + padding: 9px 30px; + border-radius: 9999px; +} + +button.card { + background-color: rgba(239, 241, 245, 0.04); + background-clip: padding-box; + font-weight: inherit; + border: 1px solid rgba(239, 241, 245, 0.12); + background-clip: border-box; +} + +button.card:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +button.card.keyboard-activating, button.card:active { + background-image: none; + 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +button.card:checked { + background-image: none; + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + border-color: #89b4fa; +} + +button.card:checked:hover { + background-image: none; + outline-color: transparent; + background-color: #a1c4fb; + color: rgba(17, 17, 27, 0.87); +} + +button.card:checked:disabled { + outline-color: transparent; + background-color: rgba(137, 180, 250, 0.35); + color: rgba(17, 17, 27, 0.38); +} + +button.card:checked.keyboard-activating, button.card:checked:active { + background-image: none; +} + +button.card:checked.has-open-popup { + background-image: none; +} + +button.card:drop(active) { + color: #fab387; + box-shadow: inset 0 0 0 1px #fab387; +} + +.linked:not(.vertical) > button:focus, .linked.vertical > button:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { + background-color: alpha(currentColor, 0.05); +} + +.linked:not(.vertical) > button.flat:focus, .linked.vertical > button.flat:focus { + box-shadow: none; + outline: none; +} + +.linked:not(.vertical) > menubutton > button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +button.osd { + min-height: 24px; + min-width: 24px; + padding: 6px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.35); + color: white; + margin: 0; +} + +button.osd > image { + padding: 0; +} + +button.osd.remove-button { + padding: 0; +} + +button.osd:focus { + outline-color: transparent; +} + +button.osd:hover { + background-color: rgba(0, 0, 0, 0.45); + color: white; +} + +button.osd:active { + background-color: rgba(0, 0, 0, 0.65); + color: white; +} + +button.osd:disabled { + background-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.35); +} + +button.suggested-action { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + box-shadow: none; +} + +button.suggested-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(0, 0, 0, 0.1), 0 4px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 6px 0 rgba(0, 0, 0, 0.06); +} + +button.suggested-action:checked { + background-color: rgba(107, 140, 195, 0.961); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(0, 0, 0, 0.15), 0 2px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.06); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(137, 180, 250, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #89b4fa; +} + +button.suggested-action.flat:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(137, 180, 250, 0.3); +} + +button.destructive-action { + background-color: #f38ba8; + color: rgba(17, 17, 27, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(0, 0, 0, 0.1), 0 4px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 6px 0 rgba(0, 0, 0, 0.06); +} + +button.destructive-action:checked { + background-color: rgba(187, 109, 133, 0.961); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(0, 0, 0, 0.15), 0 2px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.06); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(243, 139, 168, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #f38ba8; +} + +button.destructive-action.flat:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +button.destructive-action.flat:checked { + background-color: rgba(243, 139, 168, 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar button.star, menubutton.circular > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque) label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child label, headerbar button.star label, menubutton.circular > button label, button.close label, button.circular label { + padding: 0; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #89b4fa; + color: white; +} + +menubutton.destructive-action { + background-color: #f38ba8; + color: white; +} + +menubutton.opaque { + background-color: #484856; + color: #eff1f5; +} + +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 > separator { + margin-top: 6px; + margin-bottom: 6px; + background: none; +} + +splitbutton > menubutton > button { + padding: 6px 10px; +} + +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(239, 241, 245, 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: #89b4fa; + color: white; +} + +splitbutton.destructive-action { + background-color: #f38ba8; + color: white; +} + +splitbutton.opaque { + background-color: #484856; + color: #eff1f5; +} + +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(239, 241, 245, 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(239, 241, 245, 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 { + 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 row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), +stackswitcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.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) > entry:last-child, .linked:not(.vertical) > button:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 6px; +} + +.linked.vertical > entry, .linked.vertical > button, .linked.vertical > button.image-button { + border-radius: 0; +} + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + + +list > row button.image-button:not(.flat) { + background-color: transparent; + box-shadow: none; + border: none; +} + + +list > row button.image-button:not(.flat):hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat):active, +list > row button.image-button:not(.flat):checked { + 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #f38ba8; + color: rgba(17, 17, 27, 0.87); +} + +/********* + * Links * + *********/ +link { + color: #89dceb; +} + +link:visited { + color: #cba6f7; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #89dceb; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #cba6f7; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 6px; + padding: 0; + border-spacing: 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms 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, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +spinbutton:focus-within { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: #eff1f5; + outline: 2px solid #89b4fa; + outline-offset: -2px; +} + +spinbutton:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); + outline: none; +} + +spinbutton > text { + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + margin: 0; +} + +spinbutton > button { + border: none; +} + +spinbutton > button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: none; +} + +spinbutton:not(.vertical) > text { + min-width: 32px; + padding-left: 12px; +} + +spinbutton:not(.vertical) > button { + padding: 0; + margin: 6px; +} + +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; +} + +cell.activatable spinbutton:not(.vertical) { + margin: 3px 0; +} + +cell.activatable spinbutton:not(.vertical) > button { + margin: 0; + padding: 0; + min-height: 24px; + border-radius: 0; +} + +cell.activatable spinbutton:not(.vertical) > button:last-child { + border-radius: 0 6px 6px 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(ltr), cell.activatable spinbutton:not(.vertical) > button.down:dir(rtl) { + margin-left: 0; +} + +cell.activatable spinbutton:not(.vertical) > button.up:dir(rtl), cell.activatable spinbutton:not(.vertical) > button.down:dir(ltr) { + margin-right: 0; +} + +spinbutton.vertical > text { + min-height: 36px; + min-width: 42px; + padding: 0; +} + +spinbutton.vertical > button { + padding: 0; + margin: 6px 9px; +} + +/************** + * ComboBoxes * + **************/ +dropdown > button > box { + border-spacing: 6px; +} + +dropdown arrow, +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown > popover.menu > contents modelbutton, +combobox > popover.menu > contents modelbutton { + padding-left: 9px; + padding-right: 9px; +} + +dropdown button.combo cellview:dir(ltr), +combobox button.combo cellview:dir(ltr) { + margin-left: -2px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: -2px; +} + +dropdown popover, +combobox popover { + margin-top: 4px; + padding: 0; +} + +dropdown popover listview, +combobox popover listview { + margin: 0; +} + +dropdown popover listview > row, +combobox popover listview > row { + padding: 6px; +} + +dropdown popover listview > row:selected, +combobox popover listview > row:selected { + color: #eff1f5; + background-color: alpha(currentColor, 0.06); +} + +dropdown popover .dropdown-searchbar, +combobox popover .dropdown-searchbar { + padding: 6px; +} + +dropdown.linked button:nth-child(2):dir(ltr), +combobox.linked button:nth-child(2):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +dropdown.linked button:nth-child(2):dir(rtl), +combobox.linked button:nth-child(2):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child), +combobox > .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -36px; + padding-right: 36px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -36px; + padding-left: 36px; +} + +dropdown > .linked:not(.vertical) > button:not(:only-child), +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), outline 300ms 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, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.7); + outline: 0 solid transparent; + outline-offset: 2px; +} + +button.combo:only-child:focus { + color: #eff1f5; + outline: 2px solid rgba(239, 241, 245, 0.04); + outline-offset: -2px; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +button.combo:only-child: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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +button.combo:only-child:checked { + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +button.combo:only-child:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + background-color: #1e1e2e; + border-spacing: 6px; +} + +.osd .toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd { + transition: box-shadow 200ms ease-out; + padding: 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; + color: #eff1f5; +} + +.app-notification:backdrop, .toolbar.osd:backdrop { + box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { + border-radius: 0; +} + +.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 entry, +.toolbar spinbutton, +.toolbar splitbutton, +.toolbar separator:not(.sidebar), +.toolbar button, +.toolbar menubutton, +.toolbar scalebutton { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar menubutton > button, +.toolbar splitbutton > button, +.toolbar splitbutton > menubutton, +.toolbar scalebutton > button { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar switch { + margin-top: 4px; + margin-bottom: 4px; +} + +.toolbar spinbutton entry, +.toolbar spinbutton button { + margin: 0; +} + +.toolbar popover.menu separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 0; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, searchbar > revealer > box button, searchbar > revealer > box menubutton { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); + border: none; +} + +headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(:hover):not(:active):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: #eff1f5; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(239, 241, 245, 0.5); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 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, 241, 245, 0.7); +} + +headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +headerbar entry { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.7); +} + +headerbar entry:hover, headerbar entry:focus-within { + color: #eff1f5; +} + +headerbar entry:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +headerbar entry > text > placeholder { + color: rgba(239, 241, 245, 0.5); +} + +headerbar entry > text > block-cursor { + color: rgba(239, 241, 245, 0.04); + background-color: #eff1f5; +} + +headerbar entry > image { + color: rgba(239, 241, 245, 0.7); +} + +headerbar entry > image:hover, headerbar entry > image:active { + color: #eff1f5; +} + +headerbar entry > image:disabled { + color: rgba(239, 241, 245, 0.5); +} + +headerbar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #181825; + color: #eff1f5; + min-height: 48px; + padding: 0; + margin: 0; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +headerbar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +headerbar:backdrop { + background-color: #1e1e2e; + color: rgba(239, 241, 245, 0.7); +} + +headerbar:backdrop:disabled { + color: rgba(239, 241, 245, 0.32); +} + +headerbar.flat, headerbar.flat:backdrop { + background: none; + transition: none; + box-shadow: none; +} + +headerbar .title { + padding: 0 12px; + font-weight: bold; +} + +headerbar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +headerbar .subtitle, +headerbar .dim-label, +headerbar row.expander image.expander-row-arrow, +row.expander headerbar image.expander-row-arrow, +headerbar row.property > box.header > box.title > .title, +headerbar row label.subtitle, +row headerbar label.subtitle { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(239, 241, 245, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop, +headerbar row.expander image.expander-row-arrow:backdrop, +row.expander headerbar image.expander-row-arrow:backdrop, +headerbar row.property > box.header > box.title > .title:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(239, 241, 245, 0.12); +} + +headerbar > windowhandle > box { + padding: 0 6px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar splitbutton, +headerbar button, +headerbar menubutton, +headerbar stackswitcher, +headerbar separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar .linked > menubutton, +headerbar entry > menubutton { + margin-top: 0; + margin-bottom: 0; +} + +headerbar button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + opacity: 1; +} + +headerbar button.star { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 6px; +} + +headerbar .entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar popover.background button.suggested-action:disabled, +headerbar popover.background button.destructive-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +headerbar popover.background entry, +headerbar popover.background spinbutton, +headerbar popover.background button, +headerbar popover.background menubutton, +headerbar popover.background stackswitcher { + margin-top: 0; + margin-bottom: 0; +} + +headerbar separator:not(.sidebar) { + background-color: rgba(239, 241, 245, 0.12); +} + +headerbar switch { + margin-top: 12px; + margin-bottom: 12px; +} + +headerbar.selection-mode { + transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +headerbar.selection-mode:backdrop { + color: rgba(17, 17, 27, 0.6); +} + +headerbar.selection-mode .subtitle:link { + color: rgba(17, 17, 27, 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.default-decoration { + min-height: 36px; + padding: 0; + margin: 0; + border: none; + outline: none; + box-shadow: none; +} + +headerbar.default-decoration windowcontrols > button { + min-width: 16px; + min-height: 16px; + margin: 0 4px; + padding: 0; +} + +headerbar.default-decoration windowcontrols menubutton button { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 4px; +} + +.maximized headerbar, .fullscreen headerbar, .tiled headerbar, .tiled-top headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .tiled-left headerbar { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration, .tiled headerbar.default-decoration, .tiled-top headerbar.default-decoration, .tiled-right headerbar.default-decoration, .tiled-bottom headerbar.default-decoration, .tiled-left headerbar.default-decoration { + box-shadow: none; +} + +.solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { + border-radius: 0; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.titlebar:not(headerbar) { + box-shadow: none; +} + +window.devel headerbar { + background: #181825 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(137, 180, 250, 0.1)), linear-gradient(to top, #1e1e2e 3px, #222234); +} + +window.devel headerbar:backdrop { + background: #181825 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#181825); + /* background-color would flash */ +} + +/************ + * Pathbars * + ************/ + +pathbar > button { + padding-left: 6px; + padding-right: 6px; + border-radius: 6px; + background-color: alpha(currentColor, 0.08); + border: none; + box-shadow: none; +} + + +pathbar > button:disabled { + background-color: alpha(currentColor, 0.05); +} + + +pathbar > button:checked { + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + + +pathbar > button:checked:hover { + background-color: alpha(currentColor, 0.16); + color: #eff1f5; +} + + +pathbar > button label, +pathbar > button image { + margin-left: 3px; + margin-right: 3px; +} + + +pathbar > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +.pathbar { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.7); + border: none; + border-radius: 6px; + padding: 2px; +} + +headerbar .pathbar { + margin-top: 6px; + margin-bottom: 6px; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 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: #eff1f5; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #393947; + border-top-color: #393947; +} + +columnview.view:hover, columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; +} + +columnview.view:focus, +treeview.view:focus { + box-shadow: none; + outline: none; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(239, 241, 245, 0.12); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + box-shadow: none; +} + +columnview.view:drop(active).after, +treeview.view:drop(active).after { + border-top-style: none; +} + +columnview.view:drop(active).before, +treeview.view:drop(active).before { + border-bottom-style: none; +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: alpha(currentColor, 0.06); +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; +} + +columnview.view.expander, +treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: rgba(239, 241, 245, 0.7); +} + +columnview.view.expander:dir(rtl), +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +columnview.view.expander:hover, +treeview.view.expander:hover { + color: #eff1f5; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: #eff1f5; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: #eff1f5; +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(239, 241, 245, 0.32); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #89b4fa; + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.progressbar:selected:hover, +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +columnview.view.trough, +treeview.view.trough { + border-bottom: 6px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.trough:selected:hover, +treeview.view.trough:selected:hover { + box-shadow: none; +} + +columnview.view > header > button, +treeview.view > header > button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 1px; + border-color: rgba(239, 241, 245, 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, 241, 245, 0.7); +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: #1e1e2e; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: none; +} + +columnview.view button.dnd, +columnview.view header.button.dnd, +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #1e1e2e; + background-clip: border-box; + color: #89b4fa; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #89b4fa; +} + +stack.view treeview.view { + min-height: 36px; +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #181825; + color: #eff1f5; +} + +menubar:backdrop { + background-color: #1e1e2e; + color: rgba(239, 241, 245, 0.7); +} + +.csd menubar { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(239, 241, 245, 0.7); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +menubar > item:disabled { + color: rgba(239, 241, 245, 0.32); +} + +menubar > item label:disabled { + color: inherit; +} + +menubar > item popover.menu popover.menu { + margin-left: 9px; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 12px; +} + +/********************** + * Popover Base Menus * + **********************/ +popover.menu box.inline-buttons { + color: #eff1f5; + padding: 0 6px; +} + +popover.menu box.inline-buttons button.image-button.model { + min-height: 28px; + min-width: 28px; + padding: 0; + border: none; + outline: none; + transition: none; +} + +popover.menu box.inline-buttons button.image-button.model:selected { + background: image(alpha(currentColor, 0.06)); +} + +popover.menu box.circular-buttons { + padding: 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: alpha(currentColor, 0.06); +} + +popover.menu arrow.left, +popover.menu radio.left, +popover.menu check.left { + margin-left: 0; + margin-right: 0; +} + +popover.menu arrow.right, +popover.menu radio.right, +popover.menu check.right { + margin-left: 0; + margin-right: 0; +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover > arrow, +popover > contents { + transition: box-shadow 200ms ease-out; + padding: 6px; + background-color: #313244; + border-radius: 12px; + color: #eff1f5; + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; + box-shadow: 0 0 0 1px rgba(17, 17, 27, 0.75), 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); +} + +popover > contents > list, +popover > contents > .view, +popover > contents > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover > contents separator { + background-color: rgba(239, 241, 245, 0.12); + margin: 3px 0; +} + +popover > contents list separator { + margin: 0; +} + +popover > contents list > row { + border-radius: 6px; +} + +popover > contents stack > box { + padding: 0; +} + +popover > contents > box > button { + margin: 0; +} + +popover .view:not(:selected), +popover toolbar { + background-color: #313244; +} + +popover.menu button, +popover button.model { + min-height: 32px; + padding: 0 8px; +} + +popover modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: #eff1f5; + font: initial; + border-radius: 6px; +} + +popover modelbutton:focus:not(:hover) { + transition: none; + box-shadow: none; + outline: none; +} + +popover modelbutton:disabled { + color: rgba(239, 241, 245, 0.5); +} + +popover modelbutton accelerator { + color: rgba(239, 241, 245, 0.5); + margin-left: 30px; +} + +popover modelbutton accelerator:disabled { + color: rgba(239, 241, 245, 0.12); +} + +popover modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +.osd popover, popover.touch-selection, popover.magnifier { + background-color: transparent; +} + +magnifier { + background-color: #1e1e2e; +} + +/************* + * Notebooks * + *************/ +notebook > header > tabs > tab { + min-height: 24px; + min-width: 24px; + padding: 3px 6px; + border: none; + background-clip: padding-box; + font-weight: 500; + border-radius: 6px; + 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(239, 241, 245, 0.7); +} + +notebook > header > tabs > tab:hover:not(:checked):not(:selected) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + box-shadow: none; +} + +notebook > header > tabs > tab:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +notebook > header > tabs > tab: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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + box-shadow: none; +} + +notebook > header > tabs > tab:checked { + 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, background-color 0ms; + background-color: rgba(255, 255, 255, 0.15); + color: #eff1f5; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +notebook > header > tabs > tab:checked:disabled { + color: rgba(239, 241, 245, 0.5); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: rgba(239, 241, 245, 0.04); +} + +notebook, notebook.frame { + background-color: #1e1e2e; + 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: rgba(239, 241, 245, 0.04); + 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 > tabs > tab { + margin: 3px; +} + +notebook > header > tabs > tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header > tabs > tab > box:drop(active) { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +notebook > header > tabs > tab button.flat:last-child { + margin-left: 6px; + margin-right: -3px; +} + +notebook > header > tabs > tab button.flat:first-child { + margin-left: -3px; + margin-right: 6px; +} + +notebook > header > tabs > tab button.close-button { + min-width: 24px; + min-height: 24px; +} + +notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 0; + padding-right: 0; +} + +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:not(:last-child), notebook > header.bottom > tabs > tab:not(: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, notebook > header.right > tabs { + padding-top: 0; + padding-bottom: 0; +} + +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:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) { + margin-bottom: 0; +} + +notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > menubutton > button.image-button { + padding: 3px; + min-width: 24px; + min-height: 24px; + margin: 0 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 6px; +} + +tabbar tab { + min-height: 24px; + min-width: 24px; + padding: 3px 6px; + border: none; + background-clip: padding-box; + font-weight: 500; + border-radius: 6px; + 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 300ms cubic-bezier(0, 0, 0.2, 1); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + background-color: transparent; + outline: 0 solid transparent; + outline-offset: 2px; + color: rgba(239, 241, 245, 0.7); + color: rgba(239, 241, 245, 0.7); +} + +tabbar tab:hover:not(:selected) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + box-shadow: none; + color: #eff1f5; +} + +tabbar tab:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +tabbar tab: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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + box-shadow: none; + color: #eff1f5; +} + +tabbar tab:selected:not(: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, background-color 0ms; + background-color: rgba(255, 255, 255, 0.15); + color: #eff1f5; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +tabbar tab:selected:not(:active):disabled { + color: rgba(239, 241, 245, 0.5); +} + +tabbar > revealer > box { + box-shadow: none; +} + +tabbar .box { + background-color: #181825; + background-image: none; + padding: 0; + margin: 0; + border-radius: 0; + min-height: 36px; + border: none; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +tabbar .box:backdrop { + background-color: #1e1e2e; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +tabbar .box:backdrop > scrolledwindow, +tabbar .box:backdrop > .start-action, +tabbar .box:backdrop > .end-action { + filter: none; + transition: none; +} + +tabbar tabbox { + padding: 0; + margin: 0; + min-height: 36px; +} + +tabbar tabbox > background { + background: none; +} + +tabbar tabbox > separator { + margin: 9px 0; + transition: opacity 150ms ease-in-out; +} + +tabbar tabbox > separator.hidden { + opacity: 0; +} + +tabbar tabbox > tabboxchild { + padding: 0; + margin: 0; +} + +tabbar tab { + padding: 6px; + margin: 6px 2px; +} + +tabbar tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#89b4fa, 0.4) 10%, alpha(#89b4fa, 0) 30%); +} + +tabbar tab.needs-attention:hover { + background-image: image(alpha(currentColor, 0.03)), radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#89b4fa, 0.4) 10%, alpha(#89b4fa, 0) 30%); +} + +tabbar tabbox.single-tab tab, tabbar tabbox.single-tab tab:hover, tabbar tabbox.single-tab tab:active { + background: none; +} + +tabbar undershoot { + transition: background 150ms ease-in-out; +} + +tabbar undershoot.left { + background: linear-gradient(to right, #1e1e2e, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #1e1e2e, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#89b4fa, 0.5), alpha(#89b4fa, 0.3) 1px, alpha(#89b4fa, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#89b4fa, 0.5), alpha(#89b4fa, 0.3) 1px, alpha(#89b4fa, 0) 20px); +} + +tabbar .start-action, +tabbar .end-action { + padding: 6px 5px; +} + +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; +} + +tabbar.inline .box { + background-color: transparent; + color: inherit; + box-shadow: none; + padding-bottom: 0; +} + +tabbar.inline .box:backdrop { + background-color: transparent; + transition: none; +} + +tabbar.inline .box:backdrop > scrolledwindow, +tabbar.inline .box:backdrop > .start-action, +tabbar.inline .box:backdrop > .end-action { + filter: none; + transition: none; +} + +dnd tab { + min-height: 24px; + background-color: #181825; + color: #eff1f5; + 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); + outline: 1px solid rgba(17, 17, 27, 0.75); + outline-offset: -1px; + margin: 24px; +} + +dnd tab.needs-attention { + background-image: radial-gradient(ellipse at bottom, rgba(255, 255, 255, 0.8), alpha(#89b4fa, 0.4) 10%, alpha(#89b4fa, 0) 30%); +} + +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; + color: rgba(239, 241, 245, 0.7); +} + +tabbar tab button.image-button:hover, tabbar tab button.image-button:active, +dnd tab button.image-button:hover, +dnd tab button.image-button:active { + color: #eff1f5; +} + +tabbar tab button.image-button:disabled, +dnd tab button.image-button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +tabbar tab indicator, +dnd tab indicator { + min-height: 2px; + border-radius: 2px; + background: alpha(#89b4fa, 0.5); + transform: translateY(4px); +} + +tabthumbnail { + border-radius: 6px; + transition: box-shadow 200ms ease-out; +} + +tabthumbnail > box { + margin: 6px; +} + +tabthumbnail:drop(active) { + box-shadow: inset 0 0 0 2px alpha(#fab387, 0.4); + background-color: alpha(#fab387, 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: #89b4fa; + min-width: 12px; + min-height: 12px; + border-radius: 6px; + margin: 3px; + box-shadow: 0 1px 2px alpha(#89b4fa, 0.4); +} + +tabthumbnail .card { + background: none; + border: none; + box-shadow: none; + color: inherit; +} + +tabthumbnail .card picture { + outline: 1px solid rgba(239, 241, 245, 0.12); + outline-offset: -1px; + border-radius: 6px; +} + +tabthumbnail.pinned .card { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; +} + +tabthumbnail .icon-title-box { + border-spacing: 6px; +} + +tabthumbnail .tab-unpin-icon { + margin: 6px; + min-width: 24px; + min-height: 24px; +} + +tabthumbnail button.circular { + margin: 6px; + background-color: rgba(239, 241, 245, 0.04); + min-width: 24px; + min-height: 24px; +} + +tabthumbnail button.circular:hover { + background-color: alpha(currentColor, 0.08); +} + +tabthumbnail button.circular:active { + background-color: alpha(currentColor, 0.12); +} + +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: #1e1e2e; + box-shadow: none; + outline: none; +} + +scrollbar.top { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar.bottom { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar.left { + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar.right { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +scrollbar > range > trough { + border: none; + background: none; + padding: 0; + outline: none; +} + +scrollbar > range > trough > slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 8px; + min-height: 8px; + border: 4px solid transparent; + border-radius: 9999px; + background-clip: padding-box; + background-color: rgba(239, 241, 245, 0.5); + box-shadow: none; + outline: none; +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(239, 241, 245, 0.7); +} + +scrollbar > range > trough > slider:active { + background-color: #eff1f5; +} + +scrollbar > range > trough > slider:disabled { + background-color: rgba(239, 241, 245, 0.32); +} + +scrollbar > range.fine-tune > trough > slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar > range.fine-tune.horizontal > trough > slider { + margin: 2px 0; +} + +scrollbar > range.fine-tune.vertical > trough > slider { + margin: 0 2px; +} + +scrollbar.overlay-indicator:not(.fine-tune) > range > trough > 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) > range > trough > slider { + min-width: 4px; + min-height: 4px; + margin: 0; + border: 1px solid rgba(30, 30, 46, 0.3); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 4px; + min-height: 4px; + margin: 0; + border: 1px solid rgba(30, 30, 46, 0.3); + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: padding-box; + -gtk-icon-source: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(239, 241, 245, 0.32); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button { + min-width: 8px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button { + min-height: 8px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + background-color: rgba(239, 241, 245, 0.04); +} + +scrollbar.horizontal > range > trough > slider { + min-width: 24px; +} + +scrollbar.vertical > range > trough > slider { + min-height: 24px; +} + +scrollbar button { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + border: none; + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #89b4fa; +} + +switch:disabled { + opacity: 0.5; +} + +switch > slider { + transition: box-shadow 200ms ease-out; + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 0 transparent, 0 3px 3px -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); + background-color: white; + border: none; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12), 0 3px 3px -2px transparent, 0 2px 3px -1px transparent, 0 1px 4px 0 transparent; +} + +/************************* + * 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, 241, 245, 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.svg"), url("assets/selectionmode-checkbox-unchecked-dark@2.svg")); +} + +.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.svg"), url("assets/selectionmode-checkbox-checked-dark@2.svg")); +} + +checkbutton, +radiobutton { + outline: none; + border-spacing: 3px; +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + border: none; + color: transparent; + background-color: rgba(239, 241, 245, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.04); + background-color: rgba(239, 241, 245, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(239, 241, 245, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(137, 180, 250, 0.15); + background-color: #bad3fc; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(137, 180, 250, 0.2); + background-color: #89b4fa; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(17, 17, 27, 0.6); + background-color: rgba(137, 180, 250, 0.35); +} + +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.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-checked-symbolic@2.svg"))); +} + + +popover.menu check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/small-radio-checked-symbolic@2.svg"))); +} + + +popover.menu radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, treeview.view check, treeview.view check:hover, treeview.view check:disabled, treeview.view check:checked:hover, treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, treeview.view:hover radio, treeview.view:selected check, treeview.view:selected radio, treeview.view:focus check, treeview.view:focus 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 { + box-shadow: none; +} + +treeview.view:hover check:checked, treeview.view:hover radio:checked, treeview.view:selected check:checked, treeview.view:selected radio:checked, treeview.view:focus check:checked, treeview.view:focus radio:checked, +columnview.view:hover check:checked, +columnview.view:hover radio:checked, +columnview.view:selected check:checked, +columnview.view:selected radio:checked, +columnview.view:focus check:checked, +columnview.view:focus radio:checked { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 17px 12px; +} + +scale.vertical { + padding: 12px 17px; +} + +scale > trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(239, 241, 245, 0.3); +} + +scale > trough:disabled { + background-color: rgba(239, 241, 245, 0.12); +} + +scale > trough > highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#89b4fa); +} + +scale > trough > highlight:disabled { + background-color: #1e1e2e; + background-image: image(rgba(239, 241, 245, 0.32)); +} + +scale > trough > fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.3); +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #89b4fa; + background-color: #1e1e2e; + box-shadow: inset 0 0 0 2px #89b4fa, 0 0 0 8px transparent; +} + +scale > trough > slider:hover { + box-shadow: inset 0 0 0 2px #89b4fa, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale > trough > slider:active { + box-shadow: inset 0 0 0 4px #89b4fa, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale > trough > slider:disabled { + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.32); +} + +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 > trough > slider { + margin: -7px; +} + +scale > marks, +scale > value { + color: rgba(239, 241, 245, 0.7); +} + +scale indicator { + background-color: rgba(239, 241, 245, 0.3); + color: transparent; +} + +scale.marks-before:not(.marks-after) > trough > slider, scale.marks-after:not(.marks-before) > trough > slider { + transform: rotate(0); +} + +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) > trough > 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) > trough > slider, scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover, scale.horizontal.marks-before:not(.marks-after) > trough > slider:active, scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.svg"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.svg")); +} + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > 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) > trough > slider, scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover, scale.horizontal.marks-after:not(.marks-before) > trough > slider:active, scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.svg"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.svg")); +} + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")); +} + +scale.vertical.marks-before:not(.marks-after) > trough > 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) > trough > slider, scale.vertical.marks-before:not(.marks-after) > trough > slider:hover, scale.vertical.marks-before:not(.marks-after) > trough > slider:active, scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.svg"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.svg")); +} + +scale.vertical.marks-before:not(.marks-after) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")); +} + +scale.vertical.marks-after:not(.marks-before) > trough > 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) > trough > slider, scale.vertical.marks-after:not(.marks-before) > trough > slider:hover, scale.vertical.marks-after:not(.marks-before) > trough > slider:active, scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:active { + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.svg"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.svg")); +} + +scale.vertical.marks-after:not(.marks-before) > trough > slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")); +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > 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) > trough > slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(239, 241, 245, 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(239, 241, 245, 0.12); +} + +progressbar progress { + border-radius: 6px; + background-color: #89b4fa; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; + box-shadow: none; + margin: 0; + padding: 0; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #89b4fa; +} + +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: #f9e2af; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #89b4fa; +} + +levelbar block.full { + background-color: #a6e3a1; +} + +levelbar block.empty { + background-color: rgba(239, 241, 245, 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #eff1f5; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + color: #eff1f5; +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(239, 241, 245, 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 6px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 6px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +actionbar { + box-shadow: none; + border: none; +} + +actionbar.toolbar { + background-color: transparent; + padding: 0; + border-spacing: 0; + border: none; + box-shadow: none; +} + +actionbar.toolbar > revealer > box { + background-color: #181825; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 0; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + background-clip: border-box; + border: none; +} + +actionbar > revealer > box button, actionbar > revealer > box entry, +actionbar > revealer > box menubutton, actionbar > revealer > box menubutton > button, +actionbar > revealer > box splitbutton, actionbar > revealer > box splitbutton > button, +actionbar > revealer > box spinbutton { + margin: 0; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.left { + background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.right { + background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow.undershoot-top > undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +scrolledwindow.undershoot-bottom > undershoot.bottom { + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +scrolledwindow > undershoot { + background-image: none; + box-shadow: none; + border: none; +} + +separator { + min-width: 1px; + min-height: 1px; + background-color: rgba(239, 241, 245, 0.12); +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer { + min-width: 0; + min-height: 0; + background-color: transparent; + background-image: none; +} + +/********* + * Lists * + *********/ +list.content, +list.boxed-list { + border-radius: 7px; + box-shadow: none; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #313244; +} + +listview, +list { + border-color: rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; + background-clip: padding-box; +} + +listview > row, +list > row { + padding: 6px; + background-clip: padding-box; +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 2px; +} + +listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child), +list.horizontal row.separator:not(:last-child), +list.separators.horizontal > row:not(.separator):not(:last-child) { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child), +list:not(.horizontal) row.separator:not(:last-child), +list.separators:not(.horizontal) > row:not(.separator):not(:last-child) { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +list.frame { + border-radius: 6px; +} + +listview.view { + color: #eff1f5; + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; + border-radius: 6px; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; + border-radius: 6px; +} + +row { + color: rgba(239, 241, 245, 0.7); + background-clip: padding-box; +} + +.nautilus-window .nautilus-grid-view child.activatable, columnview.view > header > button, +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), font-weight 0; + outline: none; + box-shadow: none; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.nautilus-window .nautilus-grid-view child.activatable:focus, columnview.view > header > button:focus, +treeview.view > header > button:focus, row.activatable:focus { + color: #eff1f5; + background-color: transparent; + box-shadow: none; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:hover, columnview.view > header > button:hover, +treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup { + color: #eff1f5; + background-color: alpha(currentColor, 0.05); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:active, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.05); + color: #eff1f5; + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:selected, columnview.view > header > button:selected, +treeview.view > header > button:selected, row.activatable:selected { + background-color: alpha(currentColor, 0.06); +} + +.nautilus-window .nautilus-grid-view child.activatable:selected:hover, columnview.view > header > button:selected:hover, +treeview.view > header > button:selected:hover, row.activatable:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +button row.activatable:focus, button row.activatable:hover, button row.activatable:active { + box-shadow: none; + background: none; +} + +button:checked row.activatable { + color: rgba(17, 17, 27, 0.87); +} + +row:selected { + background-color: alpha(currentColor, 0.06); + color: #eff1f5; + box-shadow: none; +} + +row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus, row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus:hover, row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 9px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row:last-child { + border-bottom: none; +} + +.rich-list > row > box { + border-spacing: 12px; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + border-spacing: 6px; + min-height: 50px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.45); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title, +row > box.header > box.title > .subtitle { + padding: 0; + font-weight: inherit; +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 6px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 6px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 6px; +} + +row.property > box.header > box.title > .subtitle { + font-size: inherit; + opacity: 1; +} + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.entry:disabled text { + opacity: 0.45; +} + +row.entry:disabled .dim-label, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled row.property > box.header > box.title > .title, row.entry:disabled .subtitle { + opacity: 1; +} + +row.entry .edit-icon, row.entry .indicator { + min-width: 24px; + min-height: 24px; + padding: 5px; +} + +row.entry .edit-icon:disabled { + opacity: 0.5; +} + +row.entry .indicator { + opacity: 0.65; +} + +row.entry.monospace { + font-family: inherit; +} + +row.entry.monospace text { + font-family: monospace; +} + +row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.spin spinbutton { + background: none; + border-spacing: 6px; + box-shadow: none; +} + +row.spin spinbutton, row.spin spinbutton:focus { + outline: none; +} + +row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child { + min-width: 30px; + min-height: 30px; + margin: 10px 2px; + border: none; +} + +row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not(.suggested-action):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { + filter: none; +} + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, +row.spin:not(:selected).activatable.focused:hover, +row.spin:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.entry.error text > selection:focus-within, +row.spin.error text > selection:focus-within { + background-color: alpha(#f38ba8, 0.2); +} + +row.entry.error text > cursor-handle > contents, +row.spin.error text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.error .dim-label, row.entry.error row.expander image.expander-row-arrow, row.expander row.entry.error image.expander-row-arrow, row.entry.error row.property > box.header > box.title > .title, row.entry.error .subtitle, +row.spin.error .dim-label, +row.spin.error row.expander image.expander-row-arrow, +row.expander row.spin.error image.expander-row-arrow, +row.spin.error row.property > box.header > box.title > .title, +row.spin.error .subtitle { + opacity: 1; +} + +row.entry.error .suggested-action, +row.spin.error .suggested-action { + background-color: #f38ba8; + color: rgba(17, 17, 27, 0.87); +} + +row.entry.warning text > selection:focus-within, +row.spin.warning text > selection:focus-within { + background-color: alpha(#f9e2af, 0.2); +} + +row.entry.warning text > cursor-handle > contents, +row.spin.warning text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.warning .dim-label, row.entry.warning row.expander image.expander-row-arrow, row.expander row.entry.warning image.expander-row-arrow, row.entry.warning row.property > box.header > box.title > .title, row.entry.warning .subtitle, +row.spin.warning .dim-label, +row.spin.warning row.expander image.expander-row-arrow, +row.expander row.spin.warning image.expander-row-arrow, +row.spin.warning row.property > box.header > box.title > .title, +row.spin.warning .subtitle { + opacity: 1; +} + +row.entry.warning .suggested-action, +row.spin.warning .suggested-action { + background-color: #f9e2af; + color: rgba(17, 17, 27, 0.87); +} + +row.entry.success text > selection:focus-within, +row.spin.success text > selection:focus-within { + background-color: alpha(#a6e3a1, 0.2); +} + +row.entry.success text > cursor-handle > contents, +row.spin.success text > cursor-handle > contents { + background-color: currentColor; +} + +row.entry.success .dim-label, row.entry.success row.expander image.expander-row-arrow, row.expander row.entry.success image.expander-row-arrow, row.entry.success row.property > box.header > box.title > .title, row.entry.success .subtitle, +row.spin.success .dim-label, +row.spin.success row.expander image.expander-row-arrow, +row.expander row.spin.success image.expander-row-arrow, +row.spin.success row.property > box.header > box.title > .title, +row.spin.success .subtitle { + opacity: 1; +} + +row.entry.success .suggested-action, +row.spin.success .suggested-action { + background-color: #a6e3a1; + color: rgba(17, 17, 27, 0.87); +} + +row.combo image.dropdown-arrow:disabled { + filter: opacity(0.45); +} + +row.combo listview.inline { + background: none; + border: none; + box-shadow: none; + color: inherit; +} + +row.combo listview.inline, row.combo listview.inline:disabled { + background: none; + color: inherit; +} + +row.combo popover > contents { + min-width: 120px; +} + +row.combo popover > contents .combo-searchbar { + margin: 6px; +} + +row.combo popover > contents .combo-searchbar + scrolledwindow > undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(239, 241, 245, 0.12), 0.75), transparent 6px); +} + +list.content > row, list.content > row.expander row.header, +list.boxed-list > row, +list.boxed-list > row.expander row.header, row.expander list.nested > row { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +list.content > row:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, +list.boxed-list > row:not(:selected).activatable:hover, +list.boxed-list > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { + background-color: alpha(currentColor, 0.08); +} + +list.content > row:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, +list.boxed-list > row:not(:selected).activatable:active, +list.boxed-list > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { + background-color: alpha(currentColor, 0.12); +} + +list.content > row:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, +list.boxed-list > row:not(:selected).activatable.has-open-popup, +list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { + background-color: alpha(currentColor, 0.03); +} + +row.expander { + background: none; + padding: 0px; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + color: inherit; +} + +row.expander image.expander-row-arrow { + transition: -gtk-icon-transform 200ms cubic-bezier(0, 0, 0.2, 1); +} + +row.expander image.expander-row-arrow:dir(ltr) { + margin-left: 6px; +} + +row.expander image.expander-row-arrow:dir(rtl) { + margin-right: 6px; +} + +row.expander image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.45); +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); + opacity: 1; +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: #89b4fa; +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +list.content > row.expander, +list.boxed-list > row.expander { + border: none; +} + +list.content > row:first-child, list.content > row:first-child.expander row.header, +list.boxed-list > row:first-child, +list.boxed-list > row:first-child.expander row.header { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +list.content > row:last-child, list.content > row:last-child.expander:not(:checked), list.content > row:last-child.expander:not(:checked) row.header, list.content > row:last-child.expander:checked list.nested, list.content > row:last-child.expander:checked list.nested > row:last-child, +list.boxed-list > row:last-child, +list.boxed-list > row:last-child.expander:not(:checked), +list.boxed-list > row:last-child.expander:not(:checked) row.header, +list.boxed-list > row:last-child.expander:checked list.nested, +list.boxed-list > row:last-child.expander:checked list.nested > row:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-width: 0; +} + +columnview > listview > row { + padding: 0; +} + +columnview > listview > row > cell { + padding: 8px 6px; +} + +columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; +} + +columnview.column-separators > listview > row > cell { + border-left-color: rgba(239, 241, 245, 0.12); +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #89b4fa; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 0; + padding: 0; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: #89b4fa; +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(239, 241, 245, 0.7); + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander:hover, expander:active { + color: #eff1f5; +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander:disabled { + color: rgba(239, 241, 245, 0.32); +} + +expander-widget > box > title { + border-radius: 6px; +} + +expander-widget > box > title:hover > expander { + color: rgba(239, 241, 245, 0.7); +} + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), +placessidebar:not(decoration):not(window):drop(active):focus, +placessidebar:not(decoration):not(window):drop(active), +stackswitcher:not(decoration):not(window):drop(active):focus, +stackswitcher:not(decoration):not(window):drop(active), +expander-widget:not(decoration):not(window):drop(active):focus, +expander-widget:not(decoration):not(window):drop(active) { + box-shadow: none; +} + +/************ + * Calendar * + ************/ +calendar { + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 6px; + color: #eff1f5; +} + +calendar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +calendar:selected { + border-radius: 6px; +} + +calendar > header { + padding: 3px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +calendar > header > button { + min-height: 24px; +} + +calendar > grid { + margin: 3px; +} + +calendar > grid > label { + border-radius: 6px; + margin: 0; +} + +calendar > grid > label.today:selected { + box-shadow: none; +} + +calendar > grid > label:focus { + outline-style: none; +} + +calendar > grid > label.day-number { + padding: 6px; +} + +calendar > grid > label.day-number.other-month { + color: alpha(currentColor, 0.3); +} + +/*********** + * Dialogs * + ***********/ +window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button { + border-radius: 0; + min-height: 28px; + padding: 6px 12px; + margin: 0; + border: none; +} + +window.messagedialog .response-area button:first-child, window.dialog.message .dialog-action-area > button:first-child { + border-radius: 0 0 0 12px; +} + +window.messagedialog .response-area button:last-child, window.dialog.message .dialog-action-area > button:last-child { + border-radius: 0 0 12px 0; +} + +window.messagedialog .response-area button:only-child, window.dialog.message .dialog-action-area > button:only-child { + border-radius: 0 0 12px 12px; +} + +window.dialog.message.background { + background-color: #313244; +} + +window.dialog.message box.dialog-vbox.vertical { + margin-top: 6px; + border-spacing: 24px; +} + +window.dialog.message box.dialog-vbox.vertical > box.vertical { + margin-bottom: 6px; +} + +window.dialog.message box.dialog-vbox.vertical > box > box > box > label.title { + font-weight: 800; + font-size: 15pt; +} + +window.dialog.message .titlebar { + min-height: 24px; + border-style: none; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; + color: #eff1f5; +} + +window.dialog.message .titlebar:backdrop { + background-color: #313244; + color: rgba(239, 241, 245, 0.7); +} + +window.dialog.message .dialog-action-area { + border-top: 1px solid rgba(239, 241, 245, 0.12); + margin: 0; + border-spacing: 0; +} + +window.dialog.message .dialog-action-area > button { + border: none; +} + +window.dialog.message .dialog-action-area > button:not(:last-child) { + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) { + color: #89b4fa; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + color: #f38ba8; +} + +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; +} + +/******************** + * AdwMessageDialog * + ********************/ +window.messagedialog { + background-color: #313244; + color: #eff1f5; +} + +window.messagedialog .message-area { + padding: 24px 30px; + border-spacing: 10px; +} + +window.messagedialog .response-area button { + margin: 0; +} + +window.messagedialog .response-area button:first-child { + margin-left: 0; +} + +window.messagedialog .response-area button:last-child { + margin-right: 0; +} + +window.messagedialog .response-area button.suggested { + color: #89b4fa; +} + +window.messagedialog .response-area button.destructive { + color: #f38ba8; +} + +filechooser .dialog-action-box { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #1e1e2e; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #181825; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; + color: inherit; +} + +stacksidebar.sidebar:dir(ltr), stacksidebar.sidebar.left, stacksidebar.sidebar.left:dir(rtl) { + box-shadow: inset -1px 0 rgba(239, 241, 245, 0.12); +} + +stacksidebar.sidebar:dir(rtl), stacksidebar.sidebar.right, stacksidebar.sidebar.right:dir(ltr) { + box-shadow: inset 1px 0 rgba(239, 241, 245, 0.12); +} + +.sidebar-pane stacksidebar.sidebar, leaflet.unfolded > box > stacksidebar.sidebar { + box-shadow: none; +} + +stacksidebar list { + padding: 6px; + background-color: #181825; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 6px; +} + +stacksidebar row:selected { + font-weight: 500; +} + +stacksidebar row + row { + margin-top: 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +separator.sidebar { + background-color: rgba(239, 241, 245, 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: rgba(255, 255, 255, 0.12); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 4.5px 0; + border-right: none; +} + +.navigation-sidebar, .navigation-sidebar.view, .navigation-sidebar.view:disabled { + background-color: transparent; + color: inherit; +} + +.navigation-sidebar.background, .navigation-sidebar.background:disabled { + background-color: #181825; + color: rgba(239, 241, 245, 0.7); +} + +.navigation-sidebar > separator { + margin: 4.5px 0; +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 6px; + border-radius: 6px; + margin: 1.5px 6px; +} + +/**************** + * File chooser * + ****************/ +row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(239, 241, 245, 0.7); +} + +row image.sidebar-icon:disabled { + color: rgba(239, 241, 245, 0.32); +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list > separator { + margin: 3px 0; +} + +placessidebar row:selected { + font-weight: 500; +} + +placessidebar row image.sidebar-icon { + color: inherit; + opacity: 0.75; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar row label.sidebar-label { + color: inherit; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar row.sidebar-new-bookmark-row { + color: #89b4fa; +} + +placessidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #89b4fa; +} + +placessidebar row:drop(active) { + background-color: alpha(currentColor, 0.08); +} + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + border-spacing: 6px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#393947); + background-size: 1px 1px; + background-clip: content-box; + box-shadow: none; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #1e1e2e; + background-image: image(#393947), image(#393947); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +/************ + * GtkVideo * + ************/ +video { + background: black; + border-radius: 6px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 6px; + border-spacing: 12px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #1e1e2e; + color: #eff1f5; +} + +infobar.info > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:hover > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action), infobar.info:backdrop > revealer > box button.text-button:not(:disabled):not(.suggested-action):not(.destructive-action) { + color: #89b4fa; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +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(17, 17, 27, 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(17, 17, 27, 0.87); +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #71a4f9; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #f9e2af; + color: rgba(17, 17, 27, 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(17, 17, 27, 0.87); +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: rgba(17, 17, 27, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #f7d997; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #f38ba8; + color: rgba(17, 17, 27, 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(17, 17, 27, 0.87); +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: rgba(17, 17, 27, 0.87); +} + +infobar.error:hover > revealer > box { + background-color: #f17497; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(11, 11, 18, 0.9); + color: #eff1f5; + 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); + border-radius: 6px; + margin: 2px 6px 8px 6px; +} + +tooltip > box { + border-spacing: 6px; +} + +/***************** + * 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: #eff1f5; +} + +colorswatch.light { + color: rgba(17, 17, 27, 0.87); +} + +colorchooser colorswatch:hover { + transition: box-shadow 200ms ease-out; + box-shadow: 0 0 0 2px #89b4fa; +} + +colorswatch#add-color-button { + border-radius: 6px 0 0 6px; + color: #eff1f5; +} + +colorswatch#add-color-button:only-child { + border-radius: 6px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(239, 241, 245, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(239, 241, 245, 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 6px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 200ms ease-out; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #313244; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 4px 3px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #1e1e2e; +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + border-radius: 12px; + margin: 0; + transition: none; + outline-offset: -1px; + outline: 1px solid rgba(239, 241, 245, 0.1); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 15px 16px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 36px transparent, 0 0 0 1px rgba(17, 17, 27, 0.75); +} + +window.csd:backdrop { + transition: box-shadow 200ms ease-out; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 3px 3px 0 rgba(0, 0, 0, 0.18), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 0 36px transparent, 0 0 0 1px rgba(17, 17, 27, 0.75); +} + +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 { + border-radius: 0; + transition: none; +} + +window.csd.maximized, window.csd.fullscreen { + box-shadow: none; + outline: none; +} + +window.solid-csd { + margin: 0; + padding: 2px; + border-radius: 0; + background-color: #181825; + border: 1px solid #393947; +} + +window.solid-csd:backdrop { + background-color: #1e1e2e; +} + +window.ssd { + box-shadow: 0 0 0 1px rgba(239, 241, 245, 0.12); +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) { + min-height: 16px; + min-width: 16px; + padding: 10px 0; + margin-left: 4px; + margin-right: 4px; +} + +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; + background: none; +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) { + box-shadow: none; +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image { + box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.25); +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) { + color: white; +} + +windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) > image { + background-color: rgba(239, 241, 245, 0.3); +} + +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: rgba(239, 241, 245, 0.5); +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action) > image { + background-color: #f9e2af; +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image { + background-color: #f7e6c1; +} + +windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image { + background-color: #a6e3a1; +} + +windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image { + background-color: #b8e7b6; +} + +windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image { + background-color: #f38ba8; +} + +windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image { + background-color: #f2a5bb; +} + +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 6px; + margin-left: 6px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 6px; + margin-right: 6px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) > image { + border-radius: 100%; + padding: 0; +} + +.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected, +treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, calendar > grid > label.today { + color: #89b4fa; + background-color: rgba(137, 180, 250, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton > text > selection, +entry headerbar popover.background entry > text > selection, +headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected { + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #89b4fa; + -gtk-icon-source: -gtk-recolor(url("assets/cursor-handle-symbolic.svg")); +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + padding-top: 6px; +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(239, 241, 245, 0.12); + border-radius: 7px; + box-shadow: inset 0 -2px rgba(239, 241, 245, 0.12); + background-color: #313244; + color: #eff1f5; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #89b4fa; +} + +stackswitcher { + min-height: 0; + padding: 3px; + border-radius: 9px; + background-color: rgba(239, 241, 245, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 0; + background-color: transparent; + border-radius: 6px; + padding: 3px 10px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 100px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + 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, background-color 0ms; + background-color: rgba(255, 255, 255, 0.15); + color: #eff1f5; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +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 * + *************/ +.lowres-icon { + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1); +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background: none; +} + +.emoji-searchbar entry text { + background: none; + box-shadow: none; +} + +.emoji-toolbar { + padding: 0; + border-spacing: 3px; + border-top: 1px solid rgba(239, 241, 245, 0.12); + background: none; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 6px; +} + +button.emoji-section:checked { + color: #89b4fa; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; +} + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { + background: alpha(currentColor, 0.08); +} + +emoji-completion-row { + min-height: 28px; + padding: 0 12px; +} + +emoji-completion-row > box { + border-spacing: 6px; + padding: 2px 6px; +} + +emoji-completion-row:focus, emoji-completion-row:hover, +emoji-completion-row emoji:hover, emoji-completion-row emoji:focus { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +popover.entry-completion > contents { + padding: 0; +} + +.nautilus-window placesview label { + color: rgba(239, 241, 245, 0.7); +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 6px; + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + box-shadow: 0 3px 3px -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); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(17, 17, 27, 0.87); +} + +#NautilusQueryEditor > menubutton > button.image-button { + min-width: 24px; + min-height: 24px; +} + +#NautilusQueryEditor > text, #NautilusQueryEditor > box, #NautilusQueryEditor > menubutton > button.image-button { + margin: 6px 0; +} + +#NautilusQueryEditorTag { + background-color: rgba(239, 241, 245, 0.12); +} + +#NautilusQueryEditorTag > button.image-button { + margin: 0; + padding: 0; +} + +#NautilusPathBar { + background-color: rgba(239, 241, 245, 0.04); + border-radius: 6px; + margin: 6px 0; +} + +.content-pane #NautilusPathBar { + background-color: rgba(239, 241, 245, 0.04); +} + +#NautilusPathButton { + margin: 0 3px; + border-radius: 6px; +} + +#NautilusPathButton.current-dir { + color: #eff1f5; +} + +#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +.content-pane #NautilusPathButton.current-dir { + color: #eff1f5; +} + +#NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box.medium > box > stack > button { + margin-top: 12px; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +.background-thumbnail > button.remove-button { + margin: 6px; +} + +.small .display-container.card { + border-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; +} + +.display-container .history-view { + background-color: #1e1e2e; +} + +.display-container #displayitem { + padding: 0 12px 8px 0; + font-size: 1.4em; + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.math-buttons button { + font-size: 1.1em; + padding: 2px 6px; +} + +.math-buttons button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +leaflet button.number-button { + background-color: rgba(239, 241, 245, 0.1); +} + +leaflet button.number-button:hover { + background-color: rgba(239, 241, 245, 0.2); +} + +leaflet button.number-button:active { + background-color: rgba(239, 241, 245, 0.3); +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: #89b4fa; +} + +label.secondary-label { + color: rgba(239, 241, 245, 0.5); +} + +calendar-view { + font-size: 10pt; +} + +calendar-view:selected { + color: #89b4fa; + font-weight: bold; +} + +calendar-view.header, +label.header { + font-size: 10pt; + font-weight: bold; + color: rgba(239, 241, 245, 0.5); +} + +calendar-view.current, +weekgrid.current { + background-color: alpha(#89b4fa, 0.3); +} + +popover.events { + background-color: #1e1e2e; + padding: 0; +} + +popover.events box { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +popover.events list { + background-color: #1e1e2e; + border-radius: 6px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 6px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border-style: solid none none; + box-shadow: none; +} + +event { + margin: 1px; + font-size: 0.9rem; +} + +event widget.content { + margin: 4px; +} + +event.timed, event:not(.slanted):not(.slanted-start):not(.slanted-end) { + border-radius: 6px; +} + +event.timed widget.edge { + border-radius: 3px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 16px; + border-radius: 0 3px 3px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 16px; + border-radius: 3px 0 0 3px; +} + +event:not(.timed).color-dark { + color: white; + outline-color: rgba(0, 0, 0, 0.3); +} + +event.timed, event:not(.timed).color-light { + color: alpha(black, 0.75); + outline-color: rgba(255, 255, 255, 0.5); +} + +popover.event-popover, +popover.event-popover > contents { + padding: 0; +} + +.search-viewport { + background-color: #1e1e2e; +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +.calendar-color-image { + -gtk-icon-filter: none; +} + +image.calendar-color-image, +button:active:not(:backdrop) .calendar-color-image, +button:checked:not(:backdrop) .calendar-color-image, +.calendars-list .calendar-color-image:not(:backdrop):not(:disabled), +.calendar-list .calendar-color-image:not(:backdrop):not(:disabled), +.sources-button:not(:backdrop):not(:disabled) .calendar-color-image { + -gtk-icon-shadow: 0 1px alpha(black, 0.1); +} + +datechooser navigator { + margin-right: 6px; + margin-left: 6px; + margin-bottom: 6px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button.flat, +datechooser navigator button.toggle, +datechooser navigator button.image-button { + min-height: 36px; + min-width: 36px; + padding: 0; +} + +datechooser .weeknum, datechooser .weekday { + color: rgba(239, 241, 245, 0.5); + font-size: smaller; +} + +datechooser button.day { + font-size: 10pt; + font-weight: normal; + margin: 3px; + padding: 0; + min-height: 36px; + min-width: 36px; + transition: none; +} + +datechooser button.day dot { + background-color: #eff1f5; + border-radius: 50%; + min-height: 3px; + min-width: 3px; +} + +datechooser button.day:selected, datechooser button.day.today:selected { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot { + background-color: rgba(17, 17, 27, 0.87); +} + +datechooser button.day.today { + color: #89b4fa; +} + +datechooser button.day.today dot { + background-color: #89b4fa; +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop { + color: alpha(currentColor, 0.1); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot { + background-color: alpha(currentColor, 0.1); +} + +datechooser button.day.other-month:hover:not(:backdrop) { + color: rgba(239, 241, 245, 0.5); +} + +datechooser button.day.other-month:hover:not(:backdrop) dot { + background-color: rgba(239, 241, 245, 0.5); +} + +.week-header { + padding: 0; +} + +.week-header > box:first-child { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +.week-header .week-number { + font-size: 16pt; + font-weight: bold; + padding: 12px 12px 18px 12px; + color: rgba(239, 241, 245, 0.3); +} + +.week-header.week-temperature { + font-size: 10pt; + font-weight: bold; + color: rgba(239, 241, 245, 0.5); +} + +.week-header.lines { + color: rgba(239, 241, 245, 0.12); +} + +weekhourbar > label { + font-size: 10pt; + padding: 4px 6px; +} + +.week-view .lines { + color: rgba(239, 241, 245, 0.12); +} + +weekgrid > widget.now-strip { + background-color: alpha(#89b4fa, 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(#89b4fa, 0.25); +} + +monthcell { + border: solid 1px rgba(239, 241, 245, 0.12); + border-width: 1px 0 0 1px; + background-color: transparent; + transition: background-color 200ms; +} + +monthcell:hover:not(.out-of-month):not(.today) { + background-color: #181825; + transition: background-color 200ms; + color: #eff1f5; +} + +monthcell:selected { + background-color: alpha(#89b4fa, 0.1); +} + +monthcell:selected:hover { + background-color: alpha(#89b4fa, 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(#89b4fa, 0.2); +} + +monthcell.today:hover { + background-color: alpha(#89b4fa, 0.3); + color: #89b4fa; +} + +monthcell.today:selected { + background-color: alpha(#89b4fa, 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(#89b4fa, 0.35); +} + +monthcell label { + color: #eff1f5; + font-size: 0.9rem; +} + +monthcell label.day-label { + font-size: 1rem; +} + +monthcell.out-of-month { + background-color: rgba(239, 241, 245, 0.04); +} + +monthcell.out-of-month label { + color: rgba(239, 241, 245, 0.7); +} + +monthcell button { + padding: 0 6px; + border-radius: 0; + border-bottom: none; + border-right: none; +} + +monthpopover > box { + margin: 0; + padding: 0; + background-color: transparent; +} + +.notes-section box > textview { + border-radius: 6px; + padding: 6px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list > row { + padding: 2px 12px; +} + +agenda-view list > label { + padding: 6px 12px; +} + +agenda-view > scrolledwindow > viewport > list.background { + background-color: transparent; +} + +label.no-events { + font-style: italic; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +datechooser { + padding: 6px; +} + +datechooser .current-week { + background: alpha(#181825, 0.7); + color: #eff1f5; + border-radius: 6px; +} + +menubutton.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +menubutton.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +menubutton.sources-button > button { + border-radius: 0; +} + +menubutton.sources-button > button .title { + font-size: 10pt; + font-weight: normal; + padding: 0 6px; +} + +menubutton.sources-button > button .subtitle { + font-size: 8pt; + padding: 0 6px; +} + +menubutton.sources-button > button .calendar-color-image { + -gtk-icon-size: 12px; +} + +menubutton stack > box { + border-spacing: 6px; +} + +.topbar headerbar menubutton.sources-button > button { + border-radius: 0 0 6px 6px; +} + +.contacts-contact-list list.navigation-sidebar { + background: none; +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: #89b4fa; + border-radius: 0; + color: rgba(17, 17, 27, 0.87); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +screenshot-carousel box.frame { + border-width: 1px 0; + border-radius: 0; +} + +screenshot-carousel button, +.featured-carousel button { + margin: 12px; +} + +.screenshot-image-main .image1, +.screenshot-image-main .image2 { + margin-top: 6px; + margin-bottom: 12px; + margin-left: 6px; + margin-right: 6px; +} + +.app-tile-label { + font-size: 105%; +} + +.review-textbox { + padding: 6px; +} + +.origin-rounded-box { + background-color: rgba(239, 241, 245, 0.12); + border-radius: 9999px; + padding: 4px; +} + +.origin-beta { + color: #f9e2af; +} + +.origin-button > button { + padding: 3px 9px; +} + +.card flowboxchild.card { + border: none; + box-shadow: none; + padding: 0; + background: none; +} + +.category-tile.card { + padding: 21px; + border: none; + border-radius: 6px; + min-width: 140px; + font-weight: 900; + font-size: larger; + box-shadow: 0 3px 3px -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); +} + +.category-tile.card.category-tile-iconless { + padding: 9px 15px; + min-width: 130px; + font-size: 105%; + font-weight: normal; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); +} + +.category-tile.card.category-create { + background: linear-gradient(180deg, #ce8cd7 0%, #2861c6 100%); + color: white; +} + +.category-tile.card.category-create:hover { + background: linear-gradient(180deg, shade(#ce8cd7, 1.07) 0%, shade(#2861c6, 1.1) 100%); + color: white; +} + +.category-tile.card.category-create:active { + background: linear-gradient(180deg, shade(#ce8cd7, 0.95) 0%, shade(#2861c6, 0.95) 100%); + color: white; +} + +.category-tile.card.category-develop { + background: #5e5c64; + color: white; +} + +.category-tile.card.category-develop:hover { + background: shade(#5e5c64, 1.2); + color: white; +} + +.category-tile.card.category-develop:active { + background-color: shade(#5e5c64, 0.95); + color: white; +} + +.category-tile.card.category-learn { + background: linear-gradient(180deg, #2ec27e 30%, #27a66c 100%); + color: white; +} + +.category-tile.card.category-learn:hover { + background: linear-gradient(180deg, shade(#2ec27e, 1.06) 30%, shade(#27a66c, 1.06) 100%); + color: white; +} + +.category-tile.card.category-learn:active { + background: linear-gradient(180deg, shade(#2ec27e, 0.95) 30%, shade(#27a66c, 0.95) 100%); + color: white; +} + +.category-tile.card.category-play { + background: linear-gradient(75deg, #f9e2a7 0%, #eb5ec3 50%, #6d53e0 100%); + color: #393484; +} + +.category-tile.card.category-play:hover { + background: linear-gradient(75deg, shade(#f9e2a7, 1.07) 0%, shade(#eb5ec3, 1.07) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +.category-tile.card.category-play:active { + background: linear-gradient(75deg, shade(#f9e2a7, 0.97) 0%, shade(#eb5ec3, 0.95) 50%, shade(#6d53e0, 1.07) 100%); + color: #393484; +} + +.category-tile.card.category-socialize { + background: linear-gradient(90deg, #ef4e9b 0%, #f77466 100%); + color: rgba(239, 241, 245, 0.7); +} + +.category-tile.card.category-socialize:hover { + background: linear-gradient(90deg, shade(#ef4e9b, 1.08) 0%, shade(#f77466, 1.08) 100%); +} + +.category-tile.card.category-socialize:active { + background: linear-gradient(90deg, shade(#ef4e9b, 0.95) 0%, shade(#f77466, 0.95) 100%); +} + +.category-tile.card.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(239, 241, 245, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(239, 241, 245, 0.12) 1px, transparent 1px); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; +} + +.category-tile.card.category-work:hover { + color: #1c71d8; + background-color: #fefcef; + background-image: linear-gradient(rgba(239, 241, 245, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(239, 241, 245, 0.12) 1px, transparent 1px); +} + +.category-tile.card.category-work:active { + color: #1c71d8; + background-color: #fcf4bf; + background-image: linear-gradient(rgba(239, 241, 245, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(239, 241, 245, 0.12) 1px, transparent 1px); +} + +clamp.medium .category-tile:not(.category-tile-iconless), +clamp.large .category-tile:not(.category-tile-iconless) { + font-size: larger; +} + +.featured-tile { + padding: 0; + box-shadow: none; + color: #eff1f5; +} + +.featured-tile label.title-1 { + margin-top: 6px; + margin-bottom: 6px; +} + +.featured-tile.narrow label.title-1 { + font-size: 16pt; +} + +.application-details-infobar, .application-details-infobar.info { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; + border: 1px solid rgba(239, 241, 245, 0.12); +} + +.application-details-infobar.warning { + background-color: #f9e2af; + color: rgba(17, 17, 27, 0.87); + border: 1px solid rgba(17, 17, 27, 0.12); +} + +@keyframes install-progress-unknown-move { + 0% { + background-position: 0%; + } + 50% { + background-position: 100%; + } + 100% { + background-position: 0%; + } +} + +.application-details-description .button { + padding-left: 24px; + padding-right: 24px; +} + +.install-progress { + background-image: linear-gradient(to top, #89b4fa 2px, alpha(#89b4fa, 0) 2px); + background-repeat: no-repeat; + background-position: 0 bottom; + background-size: 0; + transition: none; +} + +.install-progress:dir(rtl) { + background-position: 100% bottom; +} + +.review-row > * { + margin: 12px; +} + +.review-row button { + font-size: smaller; +} + +.review-row .vote-buttons button { + margin-right: -1px; +} + +.review-row .vote-buttons button:not(:first-child) { + border-image: linear-gradient(to top, rgba(239, 241, 245, 0.12), rgba(239, 241, 245, 0.12)) 0 0 0 1/5px 0 5px 1px; +} + +.review-row .vote-buttons button:hover, +.review-row .vote-buttons button:active, +.review-row .vote-buttons button:hover + button, +.review-row .vote-buttons button:active + button { + border-image: none; +} + +review-bar { + color: rgba(239, 241, 245, 0.5); + background-image: none; + background-color: rgba(239, 241, 245, 0.3); +} + +.review-histogram star-image { + color: rgba(239, 241, 245, 0.5); +} + +.version-arrow-label { + font-size: x-small; +} + +.overview-more-button { + font-size: smaller; + padding: 0 16px; +} + +.app-row-origin-text { + font-size: smaller; +} + +.app-listbox-header { + padding: 6px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +.image-list { + background-color: transparent; +} + +box.star { + background-color: transparent; + background-image: none; +} + +button.star { + outline-offset: 0; + background-color: transparent; + background-image: none; + border-image: none; + border-radius: 0; + border-width: 0; + padding: 0; + box-shadow: none; + outline-offset: -1px; +} + +star-image { + color: #f9e2af; +} + +.dimmer-label { + opacity: 0.25; +} + +.update-failed-details { + font-family: Monospace; + font-size: smaller; + padding: 16px; +} + +.upgrade-banner { + padding: 0px; + border-radius: 6px; + border: none; +} + +.upgrade-banner-background { + background: linear-gradient(to bottom, #a6e3a1, #89b4fa); + color: white; +} + +.upgrade-buttons #button_upgrades_install { + padding-left: 16px; + padding-right: 16px; +} + +scrolledwindow.list-page > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +.update-preferences preferencesgroup > box > box { + margin-top: 18px; +} + +.section > label:not(:first-child) { + margin-top: 6px; +} + +.section > box:not(:first-child) { + margin-top: 12px; +} + +clamp.status-page { + margin: 36px 12px; +} + +clamp.status-page .iconbox { + min-height: 128px; + min-width: 128px; +} + +clamp.status-page .icon { + color: rgba(239, 241, 245, 0.5); + min-height: 32px; + min-width: 32px; +} + +clamp.status-page .icon:not(:last-child) { + margin-bottom: 36px; +} + +clamp.status-page .title:not(:last-child) { + margin-bottom: 12px; +} + +app-context-bar .context-tile { + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: transparent; + border-radius: 0; + padding: 24px 12px 21px 12px; + outline-offset: 5px; + transition-property: outline, outline-offset, background-image; + border-bottom: none; + border-right: none; +} + +app-context-bar .context-tile:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); +} + +app-context-bar .context-tile.keyboard-activating, app-context-bar .context-tile:active { + background-color: alpha(currentColor, 0.12); +} + +app-context-bar .context-tile:focus:focus-visible { + outline-offset: -1px; +} + +app-context-bar.horizontal box:first-child .context-tile:first-child, app-context-bar.vertical .context-tile:first-child { + border-left: none; +} + +app-context-bar.horizontal .context-tile, app-context-bar.vertical box:first-child .context-tile { + border-top: none; +} + +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(239, 241, 245, 0.12); +} + +carousel.card { + border: none; + background-color: rgba(239, 241, 245, 0.04); +} + +.context-tile-lozenge { + min-height: 28px; + min-width: 28px; + padding: 6px; + font-size: 18px; + font-weight: bold; + border-radius: 9999px; +} + +.context-tile-lozenge.large { + font-size: 24px; + padding: 16px; + min-width: 24px; + /* 60px minus the left and right padding */ + min-height: 24px; + /* 60px minus the top and bottom padding */ +} + +.context-tile-lozenge.wide-image image { + margin-top: -28px; + margin-bottom: -28px; +} + +.context-tile-lozenge image { + -gtk-icon-style: symbolic; +} + +.context-tile-lozenge.grey { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.context-tile-lozenge.green, .context-tile-lozenge.details-rating-0 { + color: #6ed166; + background-color: rgba(166, 227, 161, 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: #89b4fa; + background-color: rgba(137, 180, 250, 0.15); +} + +.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { + color: #f4c868; + background-color: rgba(249, 226, 175, 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: #fab387; + background-color: rgba(250, 179, 135, 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: #ec4674; + background-color: rgba(243, 139, 168, 0.15); +} + +.eol-red { + font-weight: bold; + color: #f38ba8; +} + +window.narrow .app-title { + font-size: 16pt; +} + +window.narrow .app-developer { + font-size: small; +} + +.install-progress-label { + font-size: smaller; + font-feature-settings: "tnum"; +} + +scrolledwindow.fake-adw-status-page > viewport > box { + margin: 36px 12px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp:not(:last-child) > box { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 36px; +} + +scrolledwindow.fake-adw-status-page > viewport > box > clamp > box > .title:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.icon-dropshadow image.icon { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); +} + +window.info scrollbar.vertical { + margin-top: 48px; + background: none; + box-shadow: none; +} + +window.info scrollbar.vertical trough { + margin-top: 0; +} + +row.app > box.header { + margin-left: 12px; + margin-right: 12px; +} + +row.app > box.header { + border-spacing: 12px; +} + +row.app > box.header > image { + margin-top: 12px; + margin-bottom: 12px; +} + +row.app label.warning { + color: #f38ba8; +} + +@keyframes pre-delay { + from { + opacity: 0; + } + to { + opacity: 0; + } +} + +@keyframes fade-in { + from { + filter: opacity(0%); + } +} + +/* Give a fade-in animation to spinners. */ +spinner.fade-in:checked { + animation: pre-delay 0.5s linear 1, fade-in 1s linear 1, spin 1s linear infinite; + animation-delay: 0s, 0.5s, 0.5s; +} + +window > contents > leaflet > box > stack.background { + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, transparent 48px, #1e1e2e 48px, #1e1e2e); +} + +@define-color weather_temp_chart_fill_color rgba(249, 226, 175, 0.5); +@define-color weather_temp_chart_stroke_color #f5d180; +@define-color weather_thermometer_warm_color #f9e2af; +@define-color weather_thermometer_cold_color #89b4fa; +#places-label { + font-weight: bold; +} + +#temperature-label { + font-size: 32pt; + font-weight: 900; + margin-left: 9px; +} + +#conditions-grid *:backdrop { + color: rgba(239, 241, 245, 0.7); +} + +.content-view.cell { + font-weight: bold; +} + +#locationEntry { + margin: 6px; +} + +.weather-popover { + margin-top: 6px; +} + +.forecast-card { + transition: border-radius 100ms ease-out; + border-radius: 6px; +} + +.forecast-card separator { + background-color: rgba(239, 241, 245, 0.12); +} + +#daily-forecast-box > separator:last-child { + background-color: transparent; + min-width: 0; +} + +#conditions-grid, +#attributionGrid { + margin-left: 18px; + margin-right: 18px; +} + +#weather-page .small .forecast-card { + margin-left: 0; + margin-right: 0; + border-radius: 0; + border-width: 1px 0; +} + +.forecast-temperature-label { + font-weight: bold; + color: #ae7b03; +} + +WeatherThermometer { + margin-bottom: 12px; +} + +WeatherThermometer > label.high { + font-weight: bold; + color: #f9e2af; +} + +WeatherThermometer > label.low { + font-weight: bold; + color: #89b4fa; +} + +.forecast-button { + margin: 0 12px; +} + +.forecast-graphic { + margin: 18px; +} + +button.osd.circular { + border-radius: 9999px; + min-width: 24px; + min-height: 24px; +} + +button.osd.circular > image { + padding: 0; +} + +scrolledwindow.inline list, +scrolledwindow.inline listview { + background: none; + color: inherit; +} + +scrolledwindow.inline undershoot.top { + box-shadow: inset 0 1px rgba(239, 241, 245, 0.12); +} + +.search-view { + background-color: #89b4fa; + color: rgba(17, 17, 27, 0.87); +} + +.search-view menubutton button:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); +} + +image.circular { + min-width: 36px; + min-height: 36px; + padding: 0; + border-radius: 9999px; +} + +.large-button { + padding: 6px; +} + +.alarm-time { + font-size: 2.5em; + font-weight: 300; +} + +.clocks-ampm-toggle-button, +.clocks-secondary-standalone-label { + font-size: 18pt; +} + +.clocks-standalone-label, +.clocks-ringing-label { + font-size: 6em; + font-weight: 300; +} + +.clocks-ringing-title { + font-size: 1.5em; + font-weight: bold; +} + +.clocks-alarm-setup-time { + font-size: 32pt; +} + +.clocks-timer-label, +.clocks-spinbutton { + font-size: 48pt; +} + +.timer-panel .timer-header { + font-size: 20pt; + font-weight: 300; +} + +.timer-countdown { + font-size: 40pt; + font-weight: 300; +} + +/* Stopwatch Panel */ +.lap-time { + font-weight: bold; +} + +.stopped-stopwatch label, +.running-stopwatch label, +.paused-stopwatch label { + font-size: 70px; + font-weight: lighter; +} + +.stopped-stopwatch .seconds-label { + font-weight: 300; +} + +.running-stopwatch .seconds-label, +.running-stopwatch .miliseconds-label { + color: #89b4fa; +} + +.stopped-stopwatch .miliseconds-label, +.running-stopwatch .miliseconds-label, +.paused-stopwatch .miliseconds-label { + font-size: 50px; +} + +.running-stopwatch .seconds-label, +.paused-stopwatch .seconds-label { + font-weight: 300; +} + +.clock-location { + font-weight: bolder; +} + +.hidden { + opacity: 0; +} + +.clock-time { + font-size: 2em; + padding: 0.2em 0.5em; + border-radius: 1em; +} + +.none .clock-time { + background: alpha(currentColor, 0.2); +} + +.night .clock-time { + color: #89b4fa; + background-color: alpha(#89b4fa, 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: #fab387; + background-color: alpha(#fab387, 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: #f9e2af; + background: alpha(#f9e2af, 0.25); +} + +headerbar splitbutton notification button { + margin: 0; + min-height: 24px; + min-width: 24px; + padding: 0; +} + +popover.background.global-search > arrow, popover.background.global-search > contents { + padding: 0; +} + +panelframeswitcher { + padding: 6px; + min-height: 36px; +} + +.frameheader.header { + background-color: #181825; +} + +.frameheader.header:backdrop { + background-color: #1e1e2e; +} + +.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(239, 241, 245, 0.12); +} + +.frameheader.header tabbar.inline > revealer > box .end-action button { + margin: 6px; +} + +.frameheader.header tabbar.inline > revealer > box tabbox { + border: none; + background: none; +} + +panelstatusbar > menubutton > button, +panelstatusbar > paneltogglebutton 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(239, 241, 245, 0.04); +} + +.style-variant button.toggle:active > stylevariantpreview > .wallpaper { + outline-color: rgba(239, 241, 245, 0.3); +} + +.style-variant button.toggle:checked > stylevariantpreview > .wallpaper { + outline-color: #89b4fa; +} + +playlistview scrollbar.overlay-indicator.dragging, playlistview scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +playlistview queuerow picture.cover, +playlistview queuerow image.card { + border: none; +} + +.exit-info { + padding: 6px; + border-top: 2px solid #89b4fa; + background: rgba(137, 180, 250, 0.9); + color: rgba(17, 17, 27, 0.87); +} + +.error .exit-info { + border-top: 2px solid #f38ba8; + background: rgba(243, 139, 168, 0.9); + color: rgba(17, 17, 27, 0.87); +} + +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: white; +} + +avatar.image { + background: none; +} + +.card { + border-radius: 6px; + border: 1px solid rgba(239, 241, 245, 0.12); + background-clip: border-box; + color: rgba(239, 241, 245, 0.7); + box-shadow: none; + outline: none; + background-color: #313244; + color: #eff1f5; +} + +.card.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.card.activatable:hover { + background-image: none; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +.card.activatable:active { + background-image: none; + 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; + background-image: radial-gradient(circle, alpha(currentColor, 0.08) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #1e1e2e; + color: #eff1f5; + border: none; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > label { + margin: 0 6px; +} + +viewswitcher { + margin: 0; + border-spacing: 3px; +} + +viewswitcher.wide { + margin-top: 6px; + margin-bottom: 6px; +} + +viewswitcher.wide button.toggle { + margin: 0; +} + +viewswitcher.narrow button.toggle { + border-radius: 0; + margin: 0; +} + +viewswitcher.narrow button.toggle:focus-within, viewswitcher.narrow button.toggle:focus { + box-shadow: none; +} + +viewswitcher button.toggle { + font-weight: bold; + padding: 0; +} + +viewswitcher button.toggle > stack > box.narrow { + font-size: 0.75rem; + padding-top: 6px; + padding-bottom: 4px; + border-spacing: 4px; +} + +viewswitcher button.toggle > stack > box.narrow > stack > label { + padding-left: 6px; + padding-right: 6px; +} + +viewswitcher button.toggle > stack > box.wide { + padding: 2px 12px; + border-spacing: 6px; +} + +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +viewswitchertitle { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher { + margin-left: 12px; + margin-right: 12px; +} + +viewswitchertitle viewswitcher.narrow { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 0; + padding-bottom: 0; + border-spacing: 0; +} + +viewswitchertitle viewswitcher.wide { + margin-top: 6px; + margin-bottom: 6px; +} + +viewswitchertitle windowtitle { + margin-top: 0; + margin-bottom: 0; +} + +.top-bar headerbar viewswitchertitle viewswitcher.narrow button.toggle { + border-radius: 0 0 6px 6px; +} + +indicatorbin > indicator, indicatorbin > mask { + min-width: 6px; + min-height: 6px; + border-radius: 9999px; +} + +indicatorbin > indicator { + margin: 1px; + background-color: alpha(currentColor, 0.4); +} + +indicatorbin > indicator > label { + font-size: 0.6rem; + font-weight: bold; + padding: 1px 4px; + color: white; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #89b4fa; +} + +indicatorbin.needs-attention > indicator > label { + color: rgba(17, 17, 27, 0.87); +} + +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(239, 241, 245, 0.04); +} + +preferencesgroup > box button.background-preview-button.toggle:active { + outline-color: rgba(239, 241, 245, 0.3); +} + +preferencesgroup > box button.background-preview-button.toggle:checked { + outline-color: #89b4fa; +} + +preferencesgroup > box .cutout-button { + background-color: #181825; +} + +window.about .main-page > viewport > clamp > box { + margin: 12px; + border-spacing: 6px; +} + +window.about .main-page > viewport > clamp > box > box { + margin-top: 18px; + border-spacing: 18px; + margin-bottom: 6px; +} + +window.about .main-page .app-version { + padding: 3px 18px; + color: #89b4fa; + border-radius: 6px; + margin-top: 3px; +} + +window.about .subpage > viewport > clamp > box { + margin: 18px 12px; + border-spacing: 18px; +} + +window.about .subpage > clamp > textview { + background: none; + color: inherit; +} + +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; +} + +flap > dimming, +leaflet > dimming, +navigation-view > dimming, +overlay-split-view > dimming { + background: rgba(17, 17, 27, 0.25); +} + +flap > border, +leaflet > border, +navigation-view > border, +overlay-split-view > border { + background: none; +} + +flap > shadow, +leaflet > shadow, +navigation-view > shadow, +overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +flap > shadow.left, +leaflet > shadow.left, +navigation-view > shadow.left, +overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +flap > shadow.right, +leaflet > shadow.right, +navigation-view > shadow.right, +overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +flap > shadow.up, +leaflet > shadow.up, +navigation-view > shadow.up, +overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +flap > shadow.down, +leaflet > shadow.down, +navigation-view > shadow.down, +overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +toolbarview.undershoot-top scrolledwindow > undershoot.top { + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.unfolded stacksidebar.sidebar { + border: none; +} + +.sidebar-pane { + background-color: #181825; + color: #eff1f5; +} + +.sidebar-pane:backdrop { + color: rgba(239, 241, 245, 0.5); + background-color: #1e1e2e; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.sidebar-pane .sidebar-pane { + background-color: transparent; + color: inherit; +} + +.sidebar-pane .toolbar, +.sidebar-pane .sidebar, +.sidebar-pane .navigation-sidebar, +.sidebar-pane searchbar > revealer > box { + background-color: transparent; + box-shadow: none; + border: none; +} + +.sidebar-pane banner > revealer > widget { + background-color: mix(#89b4fa,#181825,0.7); + color: #eff1f5; +} + +.sidebar-pane banner > revealer > widget:backdrop { + background-color: mix(#89b4fa,#181825,0.7); +} + +/* Middle pane in three-pane setups */ +.content-pane .sidebar-pane, +.sidebar-pane .content-pane { + background-color: #1e1e2e; + color: #eff1f5; +} + +.content-pane .sidebar-pane:backdrop, +.sidebar-pane .content-pane:backdrop { + background-color: #1e1e2e; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.content-pane .sidebar-pane banner > revealer > widget, +.sidebar-pane .content-pane banner > revealer > widget { + background-color: mix(#89b4fa,#1e1e2e,0.7); + color: #eff1f5; +} + +.content-pane .sidebar-pane banner > revealer > widget:backdrop, +.sidebar-pane .content-pane banner > revealer > widget:backdrop { + background-color: mix(#89b4fa,#1e1e2e,0.7); +} + +.sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget, +.content-pane .sidebar-pane:dir(ltr), +.content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, +.content-pane .sidebar-pane.end:dir(rtl), +.content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget, +.sidebar-pane .content-pane:dir(ltr), +.sidebar-pane .content-pane:dir(ltr) banner > revealer > widget, +.sidebar-pane .content-pane.end:dir(rtl), +.sidebar-pane .content-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: none; + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +.sidebar-pane:dir(rtl), .sidebar-pane:dir(rtl) banner > revealer > widget, .sidebar-pane.end:dir(ltr), .sidebar-pane.end:dir(ltr) banner > revealer > widget, +.content-pane .sidebar-pane:dir(rtl), +.content-pane .sidebar-pane:dir(rtl) banner > revealer > widget, +.content-pane .sidebar-pane.end:dir(ltr), +.content-pane .sidebar-pane.end:dir(ltr) banner > revealer > widget, +.sidebar-pane .content-pane:dir(rtl), +.sidebar-pane .content-pane:dir(rtl) banner > revealer > widget, +.sidebar-pane .content-pane.end:dir(ltr), +.sidebar-pane .content-pane.end:dir(ltr) banner > revealer > widget { + box-shadow: none; + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +.sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, +.content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, +.content-pane .sidebar-pane toolbarview.undershoot-top scrolledwindow > undershoot.top, +.sidebar-pane .content-pane toolbarview.undershoot-top scrolledwindow > undershoot.top { + box-shadow: inset 0 1px rgba(239, 241, 245, 0.08); + background: linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, +.content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, +.content-pane .sidebar-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom, +.sidebar-pane .content-pane toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.08); + background: linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane scrolledwindow.undershoot-top > undershoot.top, +.content-pane scrolledwindow.undershoot-top > undershoot.top, +.content-pane .sidebar-pane scrolledwindow.undershoot-top > undershoot.top, +.sidebar-pane .content-pane scrolledwindow.undershoot-top > undershoot.top { + box-shadow: inset 0 1px rgba(239, 241, 245, 0.08); + background: linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, +.content-pane scrolledwindow.undershoot-bottom > undershoot.bottom, +.content-pane .sidebar-pane scrolledwindow.undershoot-bottom > undershoot.bottom, +.sidebar-pane .content-pane scrolledwindow.undershoot-bottom > undershoot.bottom { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.08); + background: linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + box-shadow: inset 1px 0 rgba(239, 241, 245, 0.08); + background: linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.content-pane .sidebar-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.sidebar-pane .content-pane scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + box-shadow: inset -1px 0 rgba(239, 241, 245, 0.08); + background: linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + box-shadow: inset -1px 0 rgba(239, 241, 245, 0.08); + background: linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.content-pane .sidebar-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.sidebar-pane .content-pane scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + box-shadow: inset 1px 0 rgba(239, 241, 245, 0.08); + background: linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.75), transparent 6px); +} + +.sidebar-pane flap > dimming, +.sidebar-pane leaflet > dimming, +.sidebar-pane navigation-view > dimming, +.sidebar-pane overlay-split-view > dimming, +.content-pane flap > dimming, +.content-pane leaflet > dimming, +.content-pane navigation-view > dimming, +.content-pane overlay-split-view > dimming, +.content-pane .sidebar-pane flap > dimming, +.content-pane .sidebar-pane leaflet > dimming, +.content-pane .sidebar-pane navigation-view > dimming, +.content-pane .sidebar-pane overlay-split-view > dimming, +.sidebar-pane .content-pane flap > dimming, +.sidebar-pane .content-pane leaflet > dimming, +.sidebar-pane .content-pane navigation-view > dimming, +.sidebar-pane .content-pane overlay-split-view > dimming { + background: rgba(17, 17, 27, 0.25); +} + +.sidebar-pane flap > border, +.sidebar-pane leaflet > border, +.sidebar-pane navigation-view > border, +.sidebar-pane overlay-split-view > border, +.content-pane flap > border, +.content-pane leaflet > border, +.content-pane navigation-view > border, +.content-pane overlay-split-view > border, +.content-pane .sidebar-pane flap > border, +.content-pane .sidebar-pane leaflet > border, +.content-pane .sidebar-pane navigation-view > border, +.content-pane .sidebar-pane overlay-split-view > border, +.sidebar-pane .content-pane flap > border, +.sidebar-pane .content-pane leaflet > border, +.sidebar-pane .content-pane navigation-view > border, +.sidebar-pane .content-pane overlay-split-view > border { + background: none; +} + +.sidebar-pane flap > shadow, +.sidebar-pane leaflet > shadow, +.sidebar-pane navigation-view > shadow, +.sidebar-pane overlay-split-view > shadow, +.content-pane flap > shadow, +.content-pane leaflet > shadow, +.content-pane navigation-view > shadow, +.content-pane overlay-split-view > shadow, +.content-pane .sidebar-pane flap > shadow, +.content-pane .sidebar-pane leaflet > shadow, +.content-pane .sidebar-pane navigation-view > shadow, +.content-pane .sidebar-pane overlay-split-view > shadow, +.sidebar-pane .content-pane flap > shadow, +.sidebar-pane .content-pane leaflet > shadow, +.sidebar-pane .content-pane navigation-view > shadow, +.sidebar-pane .content-pane overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +.sidebar-pane flap > shadow.left, +.sidebar-pane leaflet > shadow.left, +.sidebar-pane navigation-view > shadow.left, +.sidebar-pane overlay-split-view > shadow.left, +.content-pane flap > shadow.left, +.content-pane leaflet > shadow.left, +.content-pane navigation-view > shadow.left, +.content-pane overlay-split-view > shadow.left, +.content-pane .sidebar-pane flap > shadow.left, +.content-pane .sidebar-pane leaflet > shadow.left, +.content-pane .sidebar-pane navigation-view > shadow.left, +.content-pane .sidebar-pane overlay-split-view > shadow.left, +.sidebar-pane .content-pane flap > shadow.left, +.sidebar-pane .content-pane leaflet > shadow.left, +.sidebar-pane .content-pane navigation-view > shadow.left, +.sidebar-pane .content-pane overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to right, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +.sidebar-pane flap > shadow.right, +.sidebar-pane leaflet > shadow.right, +.sidebar-pane navigation-view > shadow.right, +.sidebar-pane overlay-split-view > shadow.right, +.content-pane flap > shadow.right, +.content-pane leaflet > shadow.right, +.content-pane navigation-view > shadow.right, +.content-pane overlay-split-view > shadow.right, +.content-pane .sidebar-pane flap > shadow.right, +.content-pane .sidebar-pane leaflet > shadow.right, +.content-pane .sidebar-pane navigation-view > shadow.right, +.content-pane .sidebar-pane overlay-split-view > shadow.right, +.sidebar-pane .content-pane flap > shadow.right, +.sidebar-pane .content-pane leaflet > shadow.right, +.sidebar-pane .content-pane navigation-view > shadow.right, +.sidebar-pane .content-pane overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to left, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +.sidebar-pane flap > shadow.up, +.sidebar-pane leaflet > shadow.up, +.sidebar-pane navigation-view > shadow.up, +.sidebar-pane overlay-split-view > shadow.up, +.content-pane flap > shadow.up, +.content-pane leaflet > shadow.up, +.content-pane navigation-view > shadow.up, +.content-pane overlay-split-view > shadow.up, +.content-pane .sidebar-pane flap > shadow.up, +.content-pane .sidebar-pane leaflet > shadow.up, +.content-pane .sidebar-pane navigation-view > shadow.up, +.content-pane .sidebar-pane overlay-split-view > shadow.up, +.sidebar-pane .content-pane flap > shadow.up, +.sidebar-pane .content-pane leaflet > shadow.up, +.sidebar-pane .content-pane navigation-view > shadow.up, +.sidebar-pane .content-pane overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to bottom, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +.sidebar-pane flap > shadow.down, +.sidebar-pane leaflet > shadow.down, +.sidebar-pane navigation-view > shadow.down, +.sidebar-pane overlay-split-view > shadow.down, +.content-pane flap > shadow.down, +.content-pane leaflet > shadow.down, +.content-pane navigation-view > shadow.down, +.content-pane overlay-split-view > shadow.down, +.content-pane .sidebar-pane flap > shadow.down, +.content-pane .sidebar-pane leaflet > shadow.down, +.content-pane .sidebar-pane navigation-view > shadow.down, +.content-pane .sidebar-pane overlay-split-view > shadow.down, +.sidebar-pane .content-pane flap > shadow.down, +.sidebar-pane .content-pane leaflet > shadow.down, +.sidebar-pane .content-pane navigation-view > shadow.down, +.sidebar-pane .content-pane overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.7), alpha(rgba(17, 17, 27, 0.25), 0.14) 40px, alpha(rgba(17, 17, 27, 0.25), 0) 56px), linear-gradient(to top, alpha(rgba(17, 17, 27, 0.25), 0.4), alpha(rgba(17, 17, 27, 0.25), 0.14) 7px, alpha(rgba(17, 17, 27, 0.25), 0) 24px); +} + +.sidebar-pane headerbar, .sidebar-pane headerbar:backdrop, .sidebar-pane .top-bar, .sidebar-pane .top-bar:backdrop, +.content-pane headerbar, +.content-pane headerbar:backdrop, +.content-pane .top-bar, +.content-pane .top-bar:backdrop { + background-color: transparent; + box-shadow: none; +} + +.sidebar-pane tabbar .box, .sidebar-pane tabbar .box:backdrop, +.content-pane tabbar .box, +.content-pane tabbar .box:backdrop { + background-color: transparent; + box-shadow: none; +} + +.sidebar-pane tabbar tab, +.content-pane tabbar tab { + color: rgba(239, 241, 245, 0.7); +} + +.sidebar-pane tabbar tab:hover:not(:selected), .sidebar-pane tabbar tab:active, +.content-pane tabbar tab:hover:not(:selected), +.content-pane tabbar tab:active { + color: #eff1f5; +} + +.sidebar-pane tabbar tab:selected:not(:active), +.content-pane tabbar tab:selected:not(:active) { + background-color: alpha(currentColor, 0.06); + color: #eff1f5; + box-shadow: none; +} + +.sidebar-pane tabbar tab:disabled, +.content-pane tabbar tab:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.sidebar-pane tabbar button.image-button, +.content-pane tabbar button.image-button { + color: rgba(239, 241, 245, 0.7); +} + +.sidebar-pane tabbar button.image-button:hover, .sidebar-pane tabbar button.image-button:active, +.content-pane tabbar button.image-button:hover, +.content-pane tabbar button.image-button:active { + color: #eff1f5; +} + +.sidebar-pane tabbar button.image-button:disabled, +.content-pane tabbar button.image-button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.top-bar { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); + background-color: #181825; +} + +.top-bar:backdrop { + background-color: #1e1e2e; +} + +.top-bar .collapse-spacing { + padding: 0; +} + +themeselector, +panelthemeselector { + margin: 9px; +} + +themeselector checkbutton, +panelthemeselector checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.12); +} + +themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked, +panelthemeselector checkbutton.follow:checked, +panelthemeselector checkbutton.light:checked, +panelthemeselector checkbutton.dark:checked { + box-shadow: inset 0 0 0 2px #89b4fa; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #ffffff; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #202020; +} + +themeselector checkbutton.theme-selector radio, +panelthemeselector checkbutton.theme-selector radio { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; + min-height: 20px; + min-width: 20px; + padding: 0; +} + +themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:hover, +panelthemeselector checkbutton.theme-selector radio:active, +panelthemeselector checkbutton.theme-selector radio:checked { + background-color: transparent; +} + +themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked { + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active, +panelthemeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked:hover, +panelthemeselector checkbutton.theme-selector radio:checked:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 20px; + min-width: 20px; + background: none; + padding: 0; + margin: 0; + border-radius: 9999px; + color: rgba(17, 17, 27, 0.87); + background-color: #89b4fa; +} + +themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher checkbutton { + padding: 0; + min-height: 44px; + min-width: 44px; + padding: 1px; + background-clip: content-box; + border-radius: 9999px; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.12); +} + +themeswitcher checkbutton:checked { + box-shadow: inset 0 0 0 2px #89b4fa; +} + +themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active { + background-color: transparent; + border: none; + background: none; + box-shadow: none; + color: transparent; + -gtk-icon-source: none; + -gtk-icon-size: 0; +} + +themeswitcher checkbutton.system { + background: linear-gradient(-45deg, #1e1e1e 50%, white 50%); +} + +themeswitcher checkbutton.light { + color: alpha(black, 0.8); + background-color: white; +} + +themeswitcher checkbutton.dark { + color: white; + background-color: #1e1e1e; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #eff1f5; +/* +text color for entries, views and content in general */ +@define-color theme_text_color #eff1f5; +/* +widget base background color */ +@define-color theme_bg_color #1e1e2e; +/* +text widgets and the like base background color */ +@define-color theme_base_color #1e1e2e; +/* +base background color of selections */ +@define-color theme_selected_bg_color #89b4fa; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color rgba(17, 17, 27, 0.87); +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #1e1e2e; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color rgba(239, 241, 245, 0.5); +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #181825; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #eff1f5; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #eff1f5; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1e2e; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #1e1e2e; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #89b4fa; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color rgba(17, 17, 27, 0.87); +/* +insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(239, 241, 245, 0.5); +/* +widgets main borders color */ +@define-color borders rgba(239, 241, 245, 0.12); +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(239, 241, 245, 0.12); +/* +these are pretty self explicative */ +@define-color warning_color #f9e2af; +@define-color error_color #f38ba8; +@define-color success_color #a6e3a1; +/* +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 #eff1f5; +@define-color wm_unfocused_title rgba(239, 241, 245, 0.7); +@define-color wm_highlight rgba(239, 241, 245, 0.1); +@define-color wm_border #060609; +@define-color wm_bg #181825; +@define-color wm_unfocused_bg #1e1e2e; +@define-color wm_button_icon white; +@define-color wm_button_close_hover_bg #f38ba8; +@define-color wm_button_close_active_bg #ed547e; +@define-color wm_button_max_hover_bg #a6e3a1; +@define-color wm_button_max_active_bg #79d572; +@define-color wm_button_min_hover_bg #f9e2af; +@define-color wm_button_min_active_bg #f5cd76; +/* +FIXME this is really an API */ +@define-color content_view_bg #1e1e2e; +@define-color placeholder_text_color #b0b2b9; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1e1e2e; +@define-color budgie_tasklist_indicator_color rgba(239, 241, 245, 0.3); +@define-color budgie_tasklist_indicator_color_active #89b4fa; +@define-color budgie_tasklist_indicator_color_active_window #526993; +@define-color budgie_tasklist_indicator_color_attention #f9e2af; +@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; +@define-color blue_1 #99c1f1; +@define-color blue_2 #62a0ea; +@define-color blue_3 #3584e4; +@define-color blue_4 #1c71d8; +@define-color blue_5 #1a5fb4; +@define-color green_1 #8ff0a4; +@define-color green_2 #57e389; +@define-color green_3 #33d17a; +@define-color green_4 #2ec27e; +@define-color green_5 #26a269; +@define-color yellow_1 #f9f06b; +@define-color yellow_2 #f8e45c; +@define-color yellow_3 #f6d32d; +@define-color yellow_4 #f5c211; +@define-color yellow_5 #e5a50a; +@define-color orange_1 #ffbe6f; +@define-color orange_2 #ffa348; +@define-color orange_3 #ff7800; +@define-color orange_4 #e66100; +@define-color orange_5 #c64600; +@define-color red_1 #f66151; +@define-color red_2 #ed333b; +@define-color red_3 #e01b24; +@define-color red_4 #c01c28; +@define-color red_5 #a51d2d; +@define-color purple_1 #dc8add; +@define-color purple_2 #c061cb; +@define-color purple_3 #9141ac; +@define-color purple_4 #813d9c; +@define-color purple_5 #613583; +@define-color brown_1 #cdab8f; +@define-color brown_2 #b5835a; +@define-color brown_3 #986a44; +@define-color brown_4 #865e3c; +@define-color brown_5 #63452c; +@define-color light_1 #ffffff; +@define-color light_2 #f6f5f4; +@define-color light_3 #deddda; +@define-color light_4 #c0bfbc; +@define-color light_5 #9a9996; +@define-color dark_1 #77767b; +@define-color dark_2 #5e5c64; +@define-color dark_3 #3d3846; +@define-color dark_4 #241f31; +@define-color dark_5 #000000; +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +@define-color accent_bg_color #89b4fa; +@define-color accent_fg_color rgba(17, 17, 27, 0.87); +@define-color accent_color #89b4fa; +@define-color destructive_bg_color #f38ba8; +@define-color destructive_fg_color rgba(17, 17, 27, 0.87); +@define-color destructive_color #f38ba8; +@define-color success_bg_color #a6e3a1; +@define-color success_fg_color rgba(17, 17, 27, 0.87); +@define-color success_color #a6e3a1; +@define-color warning_bg_color #f9e2af; +@define-color warning_fg_color rgba(17, 17, 27, 0.87); +@define-color warning_color #f9e2af; +@define-color error_bg_color #f38ba8; +@define-color error_fg_color rgba(17, 17, 27, 0.87); +@define-color error_color #f38ba8; +@define-color window_bg_color #1e1e2e; +@define-color window_fg_color #eff1f5; +@define-color view_bg_color #1e1e2e; +@define-color view_fg_color #eff1f5; +@define-color headerbar_bg_color #181825; +@define-color headerbar_fg_color #eff1f5; +@define-color headerbar_border_color rgba(239, 241, 245, 0.12); +@define-color headerbar_backdrop_color #1e1e2e; +@define-color headerbar_shade_color rgba(239, 241, 245, 0.12); +@define-color card_bg_color #1e1e2e; +@define-color card_fg_color #eff1f5; +@define-color card_shade_color rgba(239, 241, 245, 0.12); +@define-color dialog_bg_color #181825; +@define-color dialog_fg_color #eff1f5; +@define-color popover_bg_color #1e1e2e; +@define-color popover_fg_color #eff1f5; +@define-color shade_color rgba(239, 241, 245, 0.12); +@define-color scrollbar_outline_color rgba(239, 241, 245, 0.12); diff --git a/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/thumbnail.png b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/thumbnail.png new file mode 100644 index 0000000..b4f8165 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/gtk-4.0/thumbnail.png @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/index.theme b/config/themes/catppuccin-mocha-blue-standard+default/index.theme new file mode 100644 index 0000000..43618d6 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/index.theme @@ -0,0 +1,12 @@ +[Desktop Entry] +Type=X-GNOME-Metatheme +Name=catppuccin-mocha-blue-standard+default +Comment=An Flat Gtk+ theme based on Elegant Design +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=catppuccin-mocha-blue-standard+default +MetacityTheme=catppuccin-mocha-blue-standard+default +IconTheme=Tela-circle-Dark +CursorTheme=Mocha-cursors +ButtonLayout=close,minimize,maximize:menu diff --git a/config/themes/catppuccin-mocha-blue-standard+default/metacity-1/assets b/config/themes/catppuccin-mocha-blue-standard+default/metacity-1/assets new file mode 100644 index 0000000..a161564 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/metacity-1/assets @@ -0,0 +1,38 @@ + + + + + + diff --git a/config/themes/catppuccin-mocha-blue-standard+default/metacity-1/metacity-theme-3.xml b/config/themes/catppuccin-mocha-blue-standard+default/metacity-1/metacity-theme-3.xml new file mode 100644 index 0000000..582cc8e --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/metacity-1/metacity-theme-3.xml @@ -0,0 +1,755 @@ + + + + Colloid + vinceliucie + GPL + 2022 + Colloid Metacity theme + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" + y="(0 `max` ((height - title_height) / 2))" + ellipsize_width="width" + color="C_title_focused"/> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title version="< 3.1" + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused"/> + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" + y="(0 `max` ((height - title_height) / 2))" + ellipsize_width="width" + color="C_title_unfocused"/> +</draw_ops> + +<!-- window decorations --> + +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="entire_background_focused"/> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <include name="entire_background_unfocused"/> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="12" y1="0" x2="width-13" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="12" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="12" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" /> + <line color="C_highlight_focused" x1="13" y1="1" x2="width - 14" y2="1"/> + <arc color="C_highlight_focused" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_focused" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="12" y1="0" x2="width-13" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="12" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="12" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" /> + <line color="C_highlight_unfocused" x1="13" y1="1" x2="width - 14" y2="1"/> + <arc color="C_highlight_unfocused" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_unfocused" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90"/> +</draw_ops> + +<!-- button icons --> + +<!-- close --> + +<draw_ops name="close_focused"> + <image filename="assets/button.svg" colorize="C_button_close_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <image filename="assets/button.svg" colorize="C_button_close_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <image filename="assets/button.svg" colorize="C_button_close_active_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/> +</draw_ops> + +<draw_ops name="close_unfocused"> + <image filename="assets/button.svg" colorize="C_title_unfocused" x="(width - object_width) / 2" y="(height - object_height) / 2" alpha="0.25" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <include name="close_focused_prelight"/> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <include name="close_focused_pressed"/> +</draw_ops> + +<!-- maximize --> + +<draw_ops name="maximize_focused"> + <image filename="assets/button.svg" colorize="C_button_max_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <image filename="assets/button.svg" colorize="C_button_max_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <image filename="assets/button.svg" colorize="C_button_max_active_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <include name="close_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <include name="maximize_focused_prelight"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <include name="maximize_focused_pressed"/> +</draw_ops> + +<!-- unmaximize --> + +<draw_ops name="unmaximize_focused"> + <image filename="assets/button.svg" colorize="C_button_max_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <image filename="assets/button.svg" colorize="C_button_max_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <image filename="assets/button.svg" colorize="C_button_max_active_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <include name="close_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <include name="unmaximize_focused_prelight"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <include name="unmaximize_focused_pressed"/> +</draw_ops> + +<!-- minimize --> + +<draw_ops name="minimize_focused"> + <image filename="assets/button.svg" colorize="C_button_min_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <image filename="assets/button.svg" colorize="C_button_min_hover_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <image filename="assets/button.svg" colorize="C_button_min_active_bg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height"/> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" colorize="C_button_icon"/> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <include name="close_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <include name="minimize_focused_prelight"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <include name="minimize_focused_pressed"/> +</draw_ops> + +<!-- menu --> + +<draw_ops name="menu_focused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <include name="menu_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <include name="menu_unfocused"/> +</draw_ops> + +<!-- shade --> + +<draw_ops name="shade_focused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <include name="shade_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <include name="shade_unfocused"/> +</draw_ops> + +<!-- unshade --> + +<draw_ops name="unshade_focused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <include name="unshade_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <include name="unshade_unfocused"/> +</draw_ops> + +<!-- appmenu --> + +<constant name="D_appmenu_icon_size" value="16"/> + +<draw_ops name="appmenu_focused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> +</draw_ops> + +<draw_ops name="appmenu_focused_prelight"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_focused_pressed"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size" + alpha="0.7"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_prelight"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_pressed"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<!-- button backgrounds --> + +<draw_ops name="button_focused"> +</draw_ops> + +<draw_ops name="button_focused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_focused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_unfocused"> +</draw_ops> + +<draw_ops name="button_unfocused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="button_unfocused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/> +</draw_ops> + +<!-- frame styles --> + +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused"/> + <piece position="titlebar" draw_ops="titlebar_focused"/> + <piece position="title" draw_ops="title_focused"/> + <piece position="overlay" draw_ops="rounded_border_focused"/> + <button function="close" state="normal" draw_ops="close_focused"/> + <button function="close" state="prelight" draw_ops="close_focused_prelight"/> + <button function="close" state="pressed" draw_ops="close_focused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_focused"/> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_focused"/> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_focused"/> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_focused"/> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_focused"/> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_focused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_focused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_unfocused"/> + <piece position="titlebar" draw_ops="titlebar_unfocused"/> + <piece position="title" draw_ops="title_unfocused"/> + <piece position="overlay" draw_ops="rounded_border_unfocused"/> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused"/> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_unfocused"/> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused"/> + <piece position="titlebar" draw_ops="titlebar_focused"/> + <piece position="title" draw_ops="title_focused"/> + <button function="close" state="normal" draw_ops="close_focused"/> + <button function="close" state="prelight" draw_ops="close_focused_prelight"/> + <button function="close" state="pressed" draw_ops="close_focused_pressed"/> + <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_focused"/> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_focused"/> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_focused"/> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_focused"/> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_focused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_focused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused"/> + <piece position="titlebar" draw_ops="titlebar_unfocused"/> + <piece position="title" draw_ops="title_unfocused"/> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused"/> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_unfocused"/> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_max_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_max_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_max_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_max_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="utility_focused" geometry="small" parent="normal_focused"> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> +</frame_style> + +<frame_style name="border_focused" geometry="border" parent="normal_focused"> +</frame_style> + +<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> +</frame_style> + +<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> +</frame_style> + +<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> +</frame_style> + +<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> +</frame_style> + +<!-- placeholder for unimplementated styles--> + +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button> + <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- frame style sets --> + +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused"/> + <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> + <frame focus="yes" state="maximized" style="normal_max_focused"/> + <frame focus="no" state="maximized" style="normal_max_unfocused"/> + <frame focus="yes" state="shaded" style="normal_focused"/> + <frame focus="no" state="shaded" style="normal_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> + <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="dialog_focused"/> + <frame focus="no" state="shaded" style="dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="modal_dialog_focused"/> + <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused"/> + <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="utility_focused"/> + <frame focus="no" state="shaded" style="utility_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused"/> + <frame focus="no" state="normal" resize="both" style="border_unfocused"/> + <frame focus="yes" state="maximized" style="borderless_focused"/> + <frame focus="no" state="maximized" style="borderless_unfocused"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="attached_style_set"> + <frame focus="yes" state="normal" resize="both" style="attached_focused"/> + <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<!-- windows --> + +<window type="normal" style_set="normal_style_set"/> +<window type="dialog" style_set="dialog_style_set"/> +<window type="modal_dialog" style_set="modal_dialog_style_set"/> +<window type="menu" style_set="utility_style_set"/> +<window type="utility" style_set="utility_style_set"/> +<window type="border" style_set="border_style_set"/> +<window version=">= 3.2" type="attached" style_set="attached_style_set"/> + +</metacity_theme> diff --git a/config/themes/catppuccin-mocha-blue-standard+default/metacity-1/thumbnail.png b/config/themes/catppuccin-mocha-blue-standard+default/metacity-1/thumbnail.png new file mode 100644 index 0000000000000000000000000000000000000000..135fc734eee939c0e39cc9231c1fae5617cfd499 GIT binary patch literal 1527 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 literal 0 HcmV?d00001 diff --git a/config/themes/catppuccin-mocha-blue-standard+default/plank/dock.theme b/config/themes/catppuccin-mocha-blue-standard+default/plank/dock.theme new file mode 100644 index 0000000..26a6a74 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/plank/dock.theme @@ -0,0 +1,64 @@ +#This file based on: +#https://git.launchpad.net/plank/tree/data/themes/Default/dock.theme + +[PlankTheme] +#The roundness of the top corners. +TopRoundness=16 +#The roundness of the bottom corners. +BottomRoundness=0 +#The thickness (in pixels) of lines drawn. +LineWidth=0 +#The color (RGBA) of the outer stroke. +OuterStrokeColor=0;;0;;0;;0 +#The starting color (RGBA) of the fill gradient. +FillStartColor=33;;33;;33;;255 +#The ending color (RGBA) of the fill gradient. +FillEndColor=33;;33;;33;;255 +#The color (RGBA) of the inner stroke. +InnerStrokeColor=33;;33;;33;;255 + +[PlankDockTheme] +#The padding on the left/right dock edges, in tenths of a percent of IconSize. +HorizPadding=2 +#The padding on the top dock edge, in tenths of a percent of IconSize. +TopPadding=2 +#The padding on the bottom dock edge, in tenths of a percent of IconSize. +BottomPadding=1 +#The padding between items on the dock, in tenths of a percent of IconSize. +ItemPadding=2 +#The size of item indicators, in tenths of a percent of IconSize. +IndicatorSize=5 +#The size of the icon-shadow behind every item, in tenths of a percent of IconSize. +IconShadowSize=0 +#The height (in percent of IconSize) to bounce an icon when the application sets urgent. +UrgentBounceHeight=1.6666666666666667 +#The height (in percent of IconSize) to bounce an icon when launching an application. +LaunchBounceHeight=0.625 +#The opacity value (0 to 1) to fade the dock to when hiding it. +FadeOpacity=1 +#The amount of time (in ms) for click animations. +ClickTime=0 +#The amount of time (in ms) to bounce an urgent icon. +UrgentBounceTime=600 +#The amount of time (in ms) to bounce an icon when launching an application. +LaunchBounceTime=600 +#The amount of time (in ms) for active window indicator animations. +ActiveTime=150 +#The amount of time (in ms) to slide icons into/out of the dock. +SlideTime=300 +#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). +FadeTime=250 +#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). +HideTime=250 +#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. +GlowSize=30 +#The total time (in ms) to show the hidden-dock urgent glow. +GlowTime=10000 +#The time (in ms) of each pulse of the hidden-dock urgent glow. +GlowPulseTime=2000 +#The hue-shift (-180 to 180) of the urgent indicator color. +UrgentHueShift=150 +#The time (in ms) to move an item to its new position or its addition/removal to/from the dock. +ItemMoveTime=450 +#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. +CascadeHide=true diff --git a/config/themes/catppuccin-mocha-blue-standard+default/xfwm4/themerc b/config/themes/catppuccin-mocha-blue-standard+default/xfwm4/themerc new file mode 100644 index 0000000..cb238f0 --- /dev/null +++ b/config/themes/catppuccin-mocha-blue-standard+default/xfwm4/themerc @@ -0,0 +1,23 @@ +button_offset=6 +button_spacing=0 + +show_app_icon=false + +full_width_title=true + +title_shadow_active=false +title_shadow_inactive=false + +title_horizontal_offset=3 + +active_text_color=#afafaf +active_text_shadow_color=#252525 + +inactive_text_color=#808080 +inactive_text_shadow_color=#252525 + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-5 +shadow_opacity=40 diff --git a/hosts/default/configuration.nix b/hosts/default/configuration.nix index 5703449..e5c6a30 100644 --- a/hosts/default/configuration.nix +++ b/hosts/default/configuration.nix @@ -11,6 +11,7 @@ ../../modules/nixos/main-user.nix ../../modules/nixos/network.nix ../../modules/nixos/programs.nix + ../../modules/home-manager/main.nix ./packages.nix # ../../modules/home-manager/hyprpanel.nix ./other/activate.nix @@ -130,7 +131,8 @@ equibop libsForQt5.kdenlive libsForQt5.qt5ct - libsForQt5.lightly + catppuccin-qt5ct + lightly-qt kdePackages.qt6ct lightly-qt hyfetch @@ -138,6 +140,8 @@ inputs.ghostty.packages.${pkgs.stdenv.hostPlatform.system}.ghostty ]; + qt.platformTheme = "qt5ct"; + xdg.terminal-exec.enable = true; xdg.portal = { enable = true; @@ -162,6 +166,7 @@ }; # CHANGE YOUR NAME IN HOME MANAGER! + # BETTER YET, DON'T TOUCH THIS. AT ALL. main-user.userName = "ocbwoy3"; main-user.realName = "OCbwoy3"; @@ -169,16 +174,68 @@ programs.dconf.enable = true; services.gvfs.enable = true; - catppuccin = { - enable = true; - flavor = "mocha"; - accent = "blue"; - # gtk.enable = true; - }; - # home-manager.services.mpris-proxy.enable = true; - home-manager.users.ocbwoy3 = { + home-manager.backupFileExtension = "hmbackup"; + + home-manager.users.ocbwoy3 = { config, pkgs, ... }: { + + imports = [ + inputs.catppuccin.homeManagerModules.catppuccin + ]; + + catppuccin = { + enable = true; + flavor = "mocha"; + accent = "blue"; + gtk.enable = true; + }; + + home.file.".config/fastfetch" = { + source = config.lib.file.mkOutOfStoreSymlink "/home/ocbwoy3/config/config/fastfetch"; + recursive = true; + }; + + home.file.".config/dunst" = { + source = config.lib.file.mkOutOfStoreSymlink "/home/ocbwoy3/config/config/dunst"; + recursive = true; + }; + + home.file.".config/gtk-3.0" = { + source = config.lib.file.mkOutOfStoreSymlink "/home/ocbwoy3/config/config/gtk-3.0"; + recursive = true; + }; + + home.file.".config/hypr" = { + source = config.lib.file.mkOutOfStoreSymlink "/home/ocbwoy3/config/config/hypr"; + recursive = true; + }; + + home.file.".local/share/themes" = { + source = config.lib.file.mkOutOfStoreSymlink "/home/ocbwoy3/config/config/themes"; + recursive = true; + }; + + home.file.".themes" = { + source = config.lib.file.mkOutOfStoreSymlink "/home/ocbwoy3/config/config/themes"; + recursive = true; + }; + + home.file.".local/share/fonts/DotfilesFont.otf" = { + source = config.lib.file.mkOutOfStoreSymlink "/home/ocbwoy3/config/config/dotfile_deps/DotfilesFont.otf"; + }; + + home.file.".config/ghostty" = { + source = config.lib.file.mkOutOfStoreSymlink "/home/ocbwoy3/config/config/ghostty"; + recursive = true; + }; + + home.file.".config/qt5ct" = { + source = config.lib.file.mkOutOfStoreSymlink "/home/ocbwoy3/config/config/qt5ct"; + recursive = true; + }; + + # xdg.configHome = "/home/ocbwoy3/config/config"; services.mpris-proxy.enable = true; diff --git a/hosts/default/hardware-configuration.nix b/hosts/default/hardware-configuration.nix index e7dc2b3..a6c7545 100644 --- a/hosts/default/hardware-configuration.nix +++ b/hosts/default/hardware-configuration.nix @@ -28,7 +28,7 @@ fileSystems."/nix" = { device = "/dev/disk/by-uuid/5ca305a1-d705-4c99-913c-a2d1c3447282"; fsType = "btrfs"; - options = [ "subvol=nix" ]; + options = [ "subvol=nix" "noatime" ]; }; fileSystems."/boot" = diff --git a/hosts/default/other/activate.nix b/hosts/default/other/activate.nix index 61e877f..8d69811 100644 --- a/hosts/default/other/activate.nix +++ b/hosts/default/other/activate.nix @@ -18,18 +18,37 @@ ''; }; + system.activationScripts.grantGlatpakOverrides = { + text = '' + ${pkgs.flatpak}/bin/flatpak override --filesystem=$HOME/.themes + ${pkgs.flatpak}/bin/flatpak override --filesystem=$HOME/.icons + USER=ocbwoy3 ${pkgs.flatpak}/bin/flatpak override --user --filesystem=xdg-config/gtk-4.0 + ${pkgs.flatpak}/bin/flatpak override --filesystem=xdg-config/gtk-4.0 + USER=ocbwoy3 ${pkgs.flatpak}/bin/flatpak override --user --filesystem=xdg-config/gtk-3.0 + ${pkgs.flatpak}/bin/flatpak override --filesystem=xdg-config/gtk-3.0 + ''; + }; + + system.activationScripts.reloadFonts = { + text = '' + trap "${pkgs.fontconfig}/bin/fc-cache" EXIT + ''; + }; + + system.activationScripts.makeDirs = { + text = '' + mkdir /home/ocbwoy3/Pictures/Screenshots + mkdir /home/ocbwoy3/Downloads + mkdir /home/ocbwoy3/Desktop + mkdir /home/ocbwoy3/Documents + mkdir /home/ocbwoy3/Projects + ''; + }; + system.activationScripts.xdgDesktopPortal = { text = '' echo "${pkgs.xdg-desktop-portal-gtk}/libexec/xdg-desktop-portal-gtk" > /.xdg.sh ''; }; - # error code 126 - system.activationScripts.catppuccinGtk = { - text = '' - ${pkgs.curl}/bin/curl "https://raw.githubusercontent.com/catppuccin/gtk/v1.0.3/install.py" > /tmp/install.py - ${pkgs.python3}/bin/python3 /tmp/install.py mocha blue - ''; - }; - } diff --git a/hosts/default/packages.nix b/hosts/default/packages.nix index 0454cf9..e1e0ead 100644 --- a/hosts/default/packages.nix +++ b/hosts/default/packages.nix @@ -28,6 +28,11 @@ "$@" '') (writeShellScriptBin "regretevator" ''xdg-open roblox://placeId=4972273297'') + catppuccin-gtk + catppuccin + catppuccin-qt5ct + catppuccin-catwalk + catppuccin-whiskers libxkbcommon ffmpeg gnupg @@ -100,8 +105,6 @@ rhythmbox hyprpolkitagent - catppuccin-cursors.mochaLavender - # important glib openssl @@ -111,6 +114,7 @@ gimp mpv nixfmt-rfc-style + ]; } diff --git a/modules/home-manager/fastfetch.nix b/modules/home-manager/fastfetch.nix deleted file mode 100644 index 1bf1f94..0000000 --- a/modules/home-manager/fastfetch.nix +++ /dev/null @@ -1,16 +0,0 @@ -{ config, pkgs, ... }: - -{ - - programs.fastfetch = { - enable = true; - settings = { - # Example: Change colors and add custom options - logo = "nixos"; - color = "blue"; - keyColor = "cyan"; - separator = " => "; - }; - }; - -} diff --git a/modules/home-manager/main.nix b/modules/home-manager/main.nix index 8bec416..1377b05 100644 --- a/modules/home-manager/main.nix +++ b/modules/home-manager/main.nix @@ -1,7 +1,5 @@ { config, pkgs, ... }: { - imports = [ - ./fastfetch.nix - ]; + imports = []; } \ No newline at end of file