From ee54ba09a0507139ce2ba074a40bff24db67171e Mon Sep 17 00:00:00 2001 From: martyTF Date: Sat, 25 Jan 2025 12:58:35 +0000 Subject: [PATCH] moved NixOS configuration to https://git.marty.tf/marty/nix --- README.md | 2 +- dotfiles/bluetuith/bluetuith.conf | 11 - dotfiles/btop/btop.conf | 248 - dotfiles/btop/btop.log | 137 - dotfiles/btop/themes/catppuccin_frappe.theme | 83 - dotfiles/btop/themes/catppuccin_latte.theme | 84 - .../btop/themes/catppuccin_macchiato.theme | 83 - dotfiles/btop/themes/catppuccin_mocha.theme | 83 - dotfiles/cava/config | 273 - dotfiles/cava/shaders/bar_spectrum.frag | 79 - dotfiles/cava/shaders/northern_lights.frag | 34 - dotfiles/cava/shaders/pass_through.vert | 14 - dotfiles/doom/config.el | 81 - dotfiles/doom/init.el | 196 - dotfiles/doom/packages.el | 52 - .../emacs/modules/themes/doom/.doommodule | 0 dotfiles/emacs/modules/ui/doom/README.org | 114 - dotfiles/emacs/modules/ui/doom/config.el | 23 - dotfiles/emacs/modules/ui/doom/packages.el | 5 - ...s.sync-conflict-20250121-120553-6PJZD52.el | 5 - dotfiles/fish/conf.d/nix.fish | 2 - dotfiles/fish/config.fish | 3 - dotfiles/fish/fish_variables | 32 - dotfiles/fish/functions/zen-browser.fish | 4 - dotfiles/gtk-3.0/bookmarks | 2 - dotfiles/gtk-3.0/colors.css | 84 - dotfiles/gtk-3.0/gtk.css | 1 - dotfiles/gtk-3.0/settings.ini | 17 - dotfiles/gtk-4.0/.nomedia | 0 .../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 - dotfiles/gtk-4.0/assets/close-symbolic.svg | 38 - dotfiles/gtk-4.0/assets/close-symbolic@2.svg | 3 - .../gtk-4.0/assets/cursor-handle-symbolic.svg | 3 - dotfiles/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 - dotfiles/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 - dotfiles/gtk-4.0/colors.css | 84 - dotfiles/gtk-4.0/gtk-dark.css | 8502 ----------------- dotfiles/gtk-4.0/gtk.css | 8502 ----------------- dotfiles/gtk-4.0/settings.ini | 12 - dotfiles/gtk-4.0/theme-info.json | 1 - dotfiles/gtk-4.0/thumbnail.png | 9 - dotfiles/hypr/hyprland.conf | 260 - dotfiles/hypr/input | 0 dotfiles/hypr/monitors | 4 - dotfiles/hypr/post | 0 dotfiles/hypr/pre | 0 dotfiles/kitty/kitty.conf | 128 - dotfiles/mako/config | 26 - dotfiles/neofetch/aperture | 20 - dotfiles/neofetch/config.conf | 864 -- dotfiles/niri/config.kdl | 33 - dotfiles/niri/config.kdl.save | 297 - dotfiles/nomacs/Image Lounge.conf | 35 - dotfiles/pavucontrol.ini | 8 - dotfiles/ranger/commands.py | 64 - dotfiles/ranger/commands_full.py | 1995 ---- dotfiles/ranger/rc.conf | 511 - dotfiles/ranger/rifle.conf | 284 - dotfiles/ranger/scope.sh | 153 - dotfiles/rofi/catppuccin-mocha.rasi | 111 - dotfiles/rofi/config | 12 - dotfiles/rofi/config.rasi | 17 - dotfiles/rofi/config_power | 6 - dotfiles/rofi/config_run | 12 - dotfiles/rofi/config_search | 6 - dotfiles/rofi/config_searchprovider | 6 - dotfiles/rofi/config_searchterm | 6 - dotfiles/rofi/power.sh | 42 - dotfiles/rofi/search.sh | 18 - dotfiles/rofi/style.css | 115 - dotfiles/sway/config | 23 - dotfiles/sway/config.d/application_defaults | 37 - dotfiles/sway/config.d/autostart_applications | 19 - dotfiles/sway/config.d/binds | 181 - dotfiles/sway/config.d/input | 30 - dotfiles/sway/config.d/output | 25 - dotfiles/sway/config.d/theme | 47 - dotfiles/sway/keyboard.conf | 457 - dotfiles/sway/scripts/clamshell.sh | 8 - dotfiles/sway/scripts/import-gsettings | 15 - dotfiles/sway/scripts/lockman.sh | 9 - dotfiles/sway/scripts/screenshot.sh | 18 - dotfiles/sway/scripts/swayfader.py | 229 - dotfiles/sway/scripts/weather.sh | 15 - dotfiles/sway/scripts/workspaceswitcher | 27 - dotfiles/sway/sway.png | Bin 11435109 -> 0 bytes dotfiles/sway/swaylock.png | Bin 11435109 -> 0 bytes dotfiles/swaylock/config | 23 - dotfiles/television/config.toml | 197 - dotfiles/television/default_channels.toml | 51 - dotfiles/tuifeed/config.toml | 3 - dotfiles/waybar/config | 146 - dotfiles/waybar/scripts/mediaplayer.sh | 4 - dotfiles/waybar/scripts/weather.sh | 11 - dotfiles/waybar/style.css | 37 - dotfiles/waypaper/config.ini | 21 - ....sync-conflict-20250125-130759-ATGEXQC.ini | 21 - install.sh | 11 - nix/boot.nix | 17 - nix/config.nix | 21 - nix/device.nix | 15 - nix/localization.nix | 23 - nix/networking.nix | 18 - nix/packages.nix | 191 - nix/users.nix | 28 - nix/variables.nix | 11 - 167 files changed, 1 insertion(+), 27230 deletions(-) delete mode 100644 dotfiles/bluetuith/bluetuith.conf delete mode 100644 dotfiles/btop/btop.conf delete mode 100644 dotfiles/btop/btop.log delete mode 100644 dotfiles/btop/themes/catppuccin_frappe.theme delete mode 100644 dotfiles/btop/themes/catppuccin_latte.theme delete mode 100644 dotfiles/btop/themes/catppuccin_macchiato.theme delete mode 100644 dotfiles/btop/themes/catppuccin_mocha.theme delete mode 100644 dotfiles/cava/config delete mode 100644 dotfiles/cava/shaders/bar_spectrum.frag delete mode 100644 dotfiles/cava/shaders/northern_lights.frag delete mode 100644 dotfiles/cava/shaders/pass_through.vert delete mode 100644 dotfiles/doom/config.el delete mode 100644 dotfiles/doom/init.el delete mode 100644 dotfiles/doom/packages.el delete mode 100644 dotfiles/emacs/modules/themes/doom/.doommodule delete mode 100644 dotfiles/emacs/modules/ui/doom/README.org delete mode 100644 dotfiles/emacs/modules/ui/doom/config.el delete mode 100644 dotfiles/emacs/modules/ui/doom/packages.el delete mode 100644 dotfiles/emacs/modules/ui/doom/packages.sync-conflict-20250121-120553-6PJZD52.el delete mode 100644 dotfiles/fish/conf.d/nix.fish delete mode 100644 dotfiles/fish/config.fish delete mode 100644 dotfiles/fish/fish_variables delete mode 100755 dotfiles/fish/functions/zen-browser.fish delete mode 100644 dotfiles/gtk-3.0/bookmarks delete mode 100644 dotfiles/gtk-3.0/colors.css delete mode 100644 dotfiles/gtk-3.0/gtk.css delete mode 100644 dotfiles/gtk-3.0/settings.ini delete mode 100644 dotfiles/gtk-4.0/.nomedia delete mode 100644 dotfiles/gtk-4.0/assets/checkbox-checked-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/checkbox-checked-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/checkbox-mixed-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/close-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/close-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/cursor-handle-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/maximize-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/maximize-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/menu-radio-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/menu-radio-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/minimize-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/minimize-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/radio-checked-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/radio-checked-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/radio-mixed-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/radio-mixed-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-dark.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-dark.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-dark.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-dark.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider.svg delete mode 100644 dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked-dark.svg delete mode 100644 dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked.svg delete mode 100644 dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.svg delete mode 100644 dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked.svg delete mode 100644 dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/small-checkbox-checked-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/small-radio-checked-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/small-radio-checked-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/small-radio-mixed-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/assets/unmaximize-symbolic.svg delete mode 100644 dotfiles/gtk-4.0/assets/unmaximize-symbolic@2.svg delete mode 100644 dotfiles/gtk-4.0/colors.css delete mode 100644 dotfiles/gtk-4.0/gtk-dark.css delete mode 100644 dotfiles/gtk-4.0/gtk.css delete mode 100644 dotfiles/gtk-4.0/settings.ini delete mode 100644 dotfiles/gtk-4.0/theme-info.json delete mode 100644 dotfiles/gtk-4.0/thumbnail.png delete mode 100644 dotfiles/hypr/hyprland.conf delete mode 100644 dotfiles/hypr/input delete mode 100644 dotfiles/hypr/monitors delete mode 100644 dotfiles/hypr/post delete mode 100644 dotfiles/hypr/pre delete mode 100644 dotfiles/kitty/kitty.conf delete mode 100644 dotfiles/mako/config delete mode 100644 dotfiles/neofetch/aperture delete mode 100644 dotfiles/neofetch/config.conf delete mode 100644 dotfiles/niri/config.kdl delete mode 100644 dotfiles/niri/config.kdl.save delete mode 100644 dotfiles/nomacs/Image Lounge.conf delete mode 100644 dotfiles/pavucontrol.ini delete mode 100644 dotfiles/ranger/commands.py delete mode 100644 dotfiles/ranger/commands_full.py delete mode 100644 dotfiles/ranger/rc.conf delete mode 100644 dotfiles/ranger/rifle.conf delete mode 100755 dotfiles/ranger/scope.sh delete mode 100644 dotfiles/rofi/catppuccin-mocha.rasi delete mode 100644 dotfiles/rofi/config delete mode 100644 dotfiles/rofi/config.rasi delete mode 100644 dotfiles/rofi/config_power delete mode 100644 dotfiles/rofi/config_run delete mode 100644 dotfiles/rofi/config_search delete mode 100644 dotfiles/rofi/config_searchprovider delete mode 100644 dotfiles/rofi/config_searchterm delete mode 100755 dotfiles/rofi/power.sh delete mode 100755 dotfiles/rofi/search.sh delete mode 100644 dotfiles/rofi/style.css delete mode 100644 dotfiles/sway/config delete mode 100644 dotfiles/sway/config.d/application_defaults delete mode 100644 dotfiles/sway/config.d/autostart_applications delete mode 100644 dotfiles/sway/config.d/binds delete mode 100644 dotfiles/sway/config.d/input delete mode 100644 dotfiles/sway/config.d/output delete mode 100644 dotfiles/sway/config.d/theme delete mode 100644 dotfiles/sway/keyboard.conf delete mode 100644 dotfiles/sway/scripts/clamshell.sh delete mode 100644 dotfiles/sway/scripts/import-gsettings delete mode 100644 dotfiles/sway/scripts/lockman.sh delete mode 100644 dotfiles/sway/scripts/screenshot.sh delete mode 100644 dotfiles/sway/scripts/swayfader.py delete mode 100644 dotfiles/sway/scripts/weather.sh delete mode 100644 dotfiles/sway/scripts/workspaceswitcher delete mode 100644 dotfiles/sway/sway.png delete mode 100644 dotfiles/sway/swaylock.png delete mode 100644 dotfiles/swaylock/config delete mode 100644 dotfiles/television/config.toml delete mode 100644 dotfiles/television/default_channels.toml delete mode 100644 dotfiles/tuifeed/config.toml delete mode 100644 dotfiles/waybar/config delete mode 100755 dotfiles/waybar/scripts/mediaplayer.sh delete mode 100755 dotfiles/waybar/scripts/weather.sh delete mode 100644 dotfiles/waybar/style.css delete mode 100644 dotfiles/waypaper/config.ini delete mode 100644 dotfiles/waypaper/config.sync-conflict-20250125-130759-ATGEXQC.ini delete mode 100644 install.sh delete mode 100644 nix/boot.nix delete mode 100644 nix/config.nix delete mode 100644 nix/device.nix delete mode 100644 nix/localization.nix delete mode 100644 nix/networking.nix delete mode 100644 nix/packages.nix delete mode 100644 nix/users.nix delete mode 100644 nix/variables.nix diff --git a/README.md b/README.md index 3557d9e..71307ca 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,3 @@ # dotfiles -NixOS configuration and dotfiles \ No newline at end of file +Dotfiles diff --git a/dotfiles/bluetuith/bluetuith.conf b/dotfiles/bluetuith/bluetuith.conf deleted file mode 100644 index ff1fceb..0000000 --- a/dotfiles/bluetuith/bluetuith.conf +++ /dev/null @@ -1,11 +0,0 @@ -{ - adapter: "" - adapter-states: "" - connect-bdaddr: "" - gsm-apn: "" - gsm-number: "" - keybindings: {Quit: "q"} - receive-dir: "" - theme: {} - no-warning: true -} diff --git a/dotfiles/btop/btop.conf b/dotfiles/btop/btop.conf deleted file mode 100644 index f1b0c0a..0000000 --- a/dotfiles/btop/btop.conf +++ /dev/null @@ -1,248 +0,0 @@ -#? Config file for btop v. 1.4.0 - -#* Name of a btop++/bpytop/bashtop formatted ".theme" file, "Default" and "TTY" for builtin themes. -#* Themes should be placed in "../share/btop/themes" relative to binary or "$HOME/.config/btop/themes" -color_theme = "/usr/share/btop/themes/adapta.theme" - -#* If the theme set background should be shown, set to False if you want terminal background transparency. -theme_background = False - -#* Sets if 24-bit truecolor should be used, will convert 24-bit colors to 256 color (6x6x6 color cube) if false. -truecolor = True - -#* Set to true to force tty mode regardless if a real tty has been detected or not. -#* Will force 16-color mode and TTY theme, set all graph symbols to "tty" and swap out other non tty friendly symbols. -force_tty = False - -#* Define presets for the layout of the boxes. Preset 0 is always all boxes shown with default settings. Max 9 presets. -#* Format: "box_name:P:G,box_name:P:G" P=(0 or 1) for alternate positions, G=graph symbol to use for box. -#* Use whitespace " " as separator between different presets. -#* Example: "cpu:0:default,mem:0:tty,proc:1:default cpu:0:braille,proc:0:tty" -presets = "cpu:1:default,proc:0:default cpu:0:default,mem:0:default,net:0:default cpu:0:block,net:0:tty" - -#* Set to True to enable "h,j,k,l,g,G" keys for directional control in lists. -#* Conflicting keys for h:"help" and k:"kill" is accessible while holding shift. -vim_keys = False - -#* Rounded corners on boxes, is ignored if TTY mode is ON. -rounded_corners = True - -#* Default symbols to use for graph creation, "braille", "block" or "tty". -#* "braille" offers the highest resolution but might not be included in all fonts. -#* "block" has half the resolution of braille but uses more common characters. -#* "tty" uses only 3 different symbols but will work with most fonts and should work in a real TTY. -#* Note that "tty" only has half the horizontal resolution of the other two, so will show a shorter historical view. -graph_symbol = "braille" - -# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty". -graph_symbol_cpu = "default" - -# Graph symbol to use for graphs in gpu box, "default", "braille", "block" or "tty". -graph_symbol_gpu = "default" - -# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty". -graph_symbol_mem = "default" - -# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty". -graph_symbol_net = "default" - -# Graph symbol to use for graphs in cpu box, "default", "braille", "block" or "tty". -graph_symbol_proc = "default" - -#* Manually set which boxes to show. Available values are "cpu mem net proc" and "gpu0" through "gpu5", separate values with whitespace. -shown_boxes = "net cpu proc mem" - -#* Update time in milliseconds, recommended 2000 ms or above for better sample times for graphs. -update_ms = 100 - -#* Processes sorting, "pid" "program" "arguments" "threads" "user" "memory" "cpu lazy" "cpu direct", -#* "cpu lazy" sorts top process over time (easier to follow), "cpu direct" updates top process directly. -proc_sorting = "memory" - -#* Reverse sorting order, True or False. -proc_reversed = False - -#* Show processes as a tree. -proc_tree = False - -#* Use the cpu graph colors in the process list. -proc_colors = True - -#* Use a darkening gradient in the process list. -proc_gradient = True - -#* If process cpu usage should be of the core it's running on or usage of the total available cpu power. -proc_per_core = False - -#* Show process memory as bytes instead of percent. -proc_mem_bytes = True - -#* Show cpu graph for each process. -proc_cpu_graphs = True - -#* Use /proc/[pid]/smaps for memory information in the process info box (very slow but more accurate) -proc_info_smaps = False - -#* Show proc box on left side of screen instead of right. -proc_left = False - -#* (Linux) Filter processes tied to the Linux kernel(similar behavior to htop). -proc_filter_kernel = False - -#* In tree-view, always accumulate child process resources in the parent process. -proc_aggregate = False - -#* Sets the CPU stat shown in upper half of the CPU graph, "total" is always available. -#* Select from a list of detected attributes from the options menu. -cpu_graph_upper = "total" - -#* Sets the CPU stat shown in lower half of the CPU graph, "total" is always available. -#* Select from a list of detected attributes from the options menu. -cpu_graph_lower = "total" - -#* If gpu info should be shown in the cpu box. Available values = "Auto", "On" and "Off". -show_gpu_info = "Auto" - -#* Toggles if the lower CPU graph should be inverted. -cpu_invert_lower = True - -#* Set to True to completely disable the lower CPU graph. -cpu_single_graph = False - -#* Show cpu box at bottom of screen instead of top. -cpu_bottom = False - -#* Shows the system uptime in the CPU box. -show_uptime = True - -#* Show cpu temperature. -check_temp = True - -#* Which sensor to use for cpu temperature, use options menu to select from list of available sensors. -cpu_sensor = "Auto" - -#* Show temperatures for cpu cores also if check_temp is True and sensors has been found. -show_coretemp = True - -#* Set a custom mapping between core and coretemp, can be needed on certain cpus to get correct temperature for correct core. -#* Use lm-sensors or similar to see which cores are reporting temperatures on your machine. -#* Format "x:y" x=core with wrong temp, y=core with correct temp, use space as separator between multiple entries. -#* Example: "4:0 5:1 6:3" -cpu_core_map = "" - -#* Which temperature scale to use, available values: "celsius", "fahrenheit", "kelvin" and "rankine". -temp_scale = "celsius" - -#* Use base 10 for bits/bytes sizes, KB = 1000 instead of KiB = 1024. -base_10_sizes = False - -#* Show CPU frequency. -show_cpu_freq = True - -#* Draw a clock at top of screen, formatting according to strftime, empty string to disable. -#* Special formatting: /host = hostname | /user = username | /uptime = system uptime -clock_format = "%X" - -#* Update main ui in background when menus are showing, set this to false if the menus is flickering too much for comfort. -background_update = True - -#* Custom cpu model name, empty string to disable. -custom_cpu_name = "" - -#* Optional filter for shown disks, should be full path of a mountpoint, separate multiple values with whitespace " ". -#* Begin line with "exclude=" to change to exclude filter, otherwise defaults to "most include" filter. Example: disks_filter="exclude=/boot /home/user". -disks_filter = "" - -#* Show graphs instead of meters for memory values. -mem_graphs = True - -#* Show mem box below net box instead of above. -mem_below_net = False - -#* Count ZFS ARC in cached and available memory. -zfs_arc_cached = True - -#* If swap memory should be shown in memory box. -show_swap = True - -#* Show swap as a disk, ignores show_swap value above, inserts itself after first disk. -swap_disk = True - -#* If mem box should be split to also show disks info. -show_disks = True - -#* Filter out non physical disks. Set this to False to include network disks, RAM disks and similar. -only_physical = True - -#* Read disks list from /etc/fstab. This also disables only_physical. -use_fstab = True - -#* Setting this to True will hide all datasets, and only show ZFS pools. (IO stats will be calculated per-pool) -zfs_hide_datasets = False - -#* Set to true to show available disk space for privileged users. -disk_free_priv = False - -#* Toggles if io activity % (disk busy time) should be shown in regular disk usage view. -show_io_stat = True - -#* Toggles io mode for disks, showing big graphs for disk read/write speeds. -io_mode = False - -#* Set to True to show combined read/write io graphs in io mode. -io_graph_combined = False - -#* Set the top speed for the io graphs in MiB/s (100 by default), use format "mountpoint:speed" separate disks with whitespace " ". -#* Example: "/mnt/media:100 /:20 /boot:1". -io_graph_speeds = "" - -#* Set fixed values for network graphs in Mebibits. Is only used if net_auto is also set to False. -net_download = 100 - -net_upload = 100 - -#* Use network graphs auto rescaling mode, ignores any values set above and rescales down to 10 Kibibytes at the lowest. -net_auto = True - -#* Sync the auto scaling for download and upload to whichever currently has the highest scale. -net_sync = True - -#* Starts with the Network Interface specified here. -net_iface = "" - -#* Show battery stats in top right if battery is present. -show_battery = False - -#* Which battery to use if multiple are present. "Auto" for auto detection. -selected_battery = "Auto" - -#* Show power stats of battery next to charge indicator. -show_battery_watts = True - -#* Set loglevel for "~/.config/btop/btop.log" levels are: "ERROR" "WARNING" "INFO" "DEBUG". -#* The level set includes all lower levels, i.e. "DEBUG" will show all logging info. -log_level = "WARNING" - -#* Measure PCIe throughput on NVIDIA cards, may impact performance on certain cards. -nvml_measure_pcie_speeds = True - -#* Horizontally mirror the GPU graph. -gpu_mirror_graph = True - -#* Custom gpu0 model name, empty string to disable. -custom_gpu_name0 = "" - -#* Custom gpu1 model name, empty string to disable. -custom_gpu_name1 = "" - -#* Custom gpu2 model name, empty string to disable. -custom_gpu_name2 = "" - -#* Custom gpu3 model name, empty string to disable. -custom_gpu_name3 = "" - -#* Custom gpu4 model name, empty string to disable. -custom_gpu_name4 = "" - -#* Custom gpu5 model name, empty string to disable. -custom_gpu_name5 = "" diff --git a/dotfiles/btop/btop.log b/dotfiles/btop/btop.log deleted file mode 100644 index c8bb036..0000000 --- a/dotfiles/btop/btop.log +++ /dev/null @@ -1,137 +0,0 @@ - -2024/12/31 (14:12:03) | ===> btop++ v.1.4.0 -2024/12/31 (14:12:03) | WARNING: Intel GPU: Failed to initialize PMU - -2024/12/31 (15:19:56) | ===> btop++ v.1.4.0 -2024/12/31 (15:19:56) | WARNING: Intel GPU: Failed to initialize PMU - -2024/12/31 (15:28:21) | ===> btop++ v.1.4.0 -2024/12/31 (15:28:21) | WARNING: Intel GPU: Failed to initialize PMU - -2024/12/31 (17:01:43) | ===> btop++ v.1.4.0 -2024/12/31 (17:01:43) | WARNING: Intel GPU: Failed to initialize PMU - -2024/12/31 (17:02:42) | ===> btop++ v.1.4.0 -2024/12/31 (17:02:42) | WARNING: Intel GPU: Failed to initialize PMU - -2024/12/31 (18:23:31) | ===> btop++ v.1.4.0 -2024/12/31 (18:23:31) | WARNING: Intel GPU: Failed to initialize PMU - -2024/12/31 (18:23:54) | ===> btop++ v.1.4.0 -2024/12/31 (18:23:54) | WARNING: Intel GPU: Failed to initialize PMU - -2024/12/31 (18:55:02) | ===> btop++ v.1.4.0 -2024/12/31 (18:55:02) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/01 (15:33:52) | ===> btop++ v.1.4.0 -2025/01/01 (15:33:52) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/03 (12:18:18) | ===> btop++ v.1.4.0 -2025/01/03 (12:18:18) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/03 (12:24:50) | ===> btop++ v.1.4.0 -2025/01/03 (12:24:50) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/03 (22:52:33) | ===> btop++ v.1.4.0 -2025/01/03 (22:52:33) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/03 (23:41:46) | ===> btop++ v.1.4.0 -2025/01/03 (23:41:46) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/03 (23:43:14) | ===> btop++ v.1.4.0 -2025/01/03 (23:43:14) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/04 (10:40:09) | ===> btop++ v.1.4.0 -2025/01/04 (10:40:09) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/04 (10:40:23) | ===> btop++ v.1.4.0 -2025/01/04 (10:40:23) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/04 (10:43:09) | ===> btop++ v.1.4.0 -2025/01/04 (10:43:09) | WARNING: Intel GPU: Failed to initialize PMU -2025/01/04 (10:47:43) | ERROR: Couldn't determine terminal size of "STDOUT_FILENO"! -2025/01/04 (10:47:43) | ERROR: Couldn't determine terminal size of "/dev/tty"! - -2025/01/04 (10:47:45) | ===> btop++ v.1.4.0 -2025/01/04 (10:47:45) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/04 (10:48:37) | ===> btop++ v.1.4.0 -2025/01/04 (10:48:37) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/04 (10:58:04) | ===> btop++ v.1.4.0 -2025/01/04 (10:58:04) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/04 (10:59:18) | ===> btop++ v.1.4.0 -2025/01/04 (10:59:18) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/04 (11:05:59) | ===> btop++ v.1.4.0 -2025/01/04 (11:05:59) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/04 (11:23:17) | ===> btop++ v.1.4.0 -2025/01/04 (11:23:17) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/04 (11:25:34) | ===> btop++ v.1.4.0 -2025/01/04 (11:25:34) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/04 (11:37:11) | ===> btop++ v.1.4.0 -2025/01/04 (11:37:11) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/06 (14:20:30) | ===> btop++ v.1.4.0 -2025/01/06 (14:20:30) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/06 (14:32:34) | ===> btop++ v.1.4.0 -2025/01/06 (14:32:34) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/06 (14:45:39) | ===> btop++ v.1.4.0 -2025/01/06 (14:45:39) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/08 (13:04:37) | ===> btop++ v.1.4.0 -2025/01/08 (13:04:37) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/08 (13:10:01) | ===> btop++ v.1.4.0 -2025/01/08 (13:10:01) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/08 (13:11:08) | ===> btop++ v.1.4.0 -2025/01/08 (13:11:08) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/08 (13:15:40) | ===> btop++ v.1.4.0 -2025/01/08 (13:15:40) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/10 (14:27:30) | ===> btop++ v.1.4.0 -2025/01/10 (14:27:30) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/10 (15:53:57) | ===> btop++ v.1.4.0 -2025/01/10 (15:53:57) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/10 (16:02:45) | ===> btop++ v.1.4.0 -2025/01/10 (16:02:45) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/10 (17:27:25) | ===> btop++ v.1.4.0 -2025/01/10 (17:27:25) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/11 (07:23:46) | ===> btop++ v.1.4.0 -2025/01/11 (07:23:46) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/11 (14:13:24) | ===> btop++ v.1.4.0 -2025/01/11 (14:13:24) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/13 (17:52:01) | ===> btop++ v.1.4.0 -2025/01/13 (17:52:01) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/20 (14:18:19) | ===> btop++ v.1.4.0 -2025/01/20 (14:18:19) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/20 (20:20:23) | ===> btop++ v.1.4.0 -2025/01/20 (20:20:23) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/21 (13:20:21) | ===> btop++ v.1.4.0 -2025/01/21 (13:20:21) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/22 (16:54:39) | ===> btop++ v.1.4.0 -2025/01/22 (16:54:39) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/22 (18:39:50) | ===> btop++ v.1.4.0 -2025/01/22 (18:39:50) | WARNING: Intel GPU: Failed to initialize PMU - -2025/01/24 (13:17:06) | ===> btop++ v.1.4.0 -2025/01/24 (13:17:06) | WARNING: Intel GPU: Failed to initialize PMU diff --git a/dotfiles/btop/themes/catppuccin_frappe.theme b/dotfiles/btop/themes/catppuccin_frappe.theme deleted file mode 100644 index 20a91ca..0000000 --- a/dotfiles/btop/themes/catppuccin_frappe.theme +++ /dev/null @@ -1,83 +0,0 @@ -# Main background, empty for terminal default, need to be empty if you want transparent background -theme[main_bg]="#303446" - -# Main text color -theme[main_fg]="#C6D0F5" - -# Title color for boxes -theme[title]="#C6D0F5" - -# Highlight color for keyboard shortcuts -theme[hi_fg]="#8CAAEE" - -# Background color of selected item in processes box -theme[selected_bg]="#51576D" - -# Foreground color of selected item in processes box -theme[selected_fg]="#8CAAEE" - -# Color of inactive/disabled text -theme[inactive_fg]="#838BA7" - -# Color of text appearing on top of graphs, i.e uptime and current network graph scaling -theme[graph_text]="#F2D5CF" - -# Background color of the percentage meters -theme[meter_bg]="#51576D" - -# Misc colors for processes box including mini cpu graphs, details memory graph and details status text -theme[proc_misc]="#F2D5CF" - -# CPU, Memory, Network, Proc box outline colors -theme[cpu_box]="#ca9ee6" #Mauve -theme[mem_box]="#a6d189" #Green -theme[net_box]="#ea999c" #Maroon -theme[proc_box]="#8caaee" #Blue - -# Box divider line and small boxes line color -theme[div_line]="#737994" - -# Temperature graph color (Green -> Yellow -> Red) -theme[temp_start]="#a6d189" -theme[temp_mid]="#e5c890" -theme[temp_end]="#e78284" - -# CPU graph colors (Teal -> Lavender) -theme[cpu_start]="#81c8be" -theme[cpu_mid]="#85c1dc" -theme[cpu_end]="#babbf1" - -# Mem/Disk free meter (Mauve -> Lavender -> Blue) -theme[free_start]="#ca9ee6" -theme[free_mid]="#babbf1" -theme[free_end]="#8caaee" - -# Mem/Disk cached meter (Sapphire -> Lavender) -theme[cached_start]="#85c1dc" -theme[cached_mid]="#8caaee" -theme[cached_end]="#babbf1" - -# Mem/Disk available meter (Peach -> Red) -theme[available_start]="#ef9f76" -theme[available_mid]="#ea999c" -theme[available_end]="#e78284" - -# Mem/Disk used meter (Green -> Sky) -theme[used_start]="#a6d189" -theme[used_mid]="#81c8be" -theme[used_end]="#99d1db" - -# Download graph colors (Peach -> Red) -theme[download_start]="#ef9f76" -theme[download_mid]="#ea999c" -theme[download_end]="#e78284" - -# Upload graph colors (Green -> Sky) -theme[upload_start]="#a6d189" -theme[upload_mid]="#81c8be" -theme[upload_end]="#99d1db" - -# Process box color gradient for threads, mem and cpu usage (Sapphire -> Mauve) -theme[process_start]="#85c1dc" -theme[process_mid]="#babbf1" -theme[process_end]="#ca9ee6" diff --git a/dotfiles/btop/themes/catppuccin_latte.theme b/dotfiles/btop/themes/catppuccin_latte.theme deleted file mode 100644 index 792679c..0000000 --- a/dotfiles/btop/themes/catppuccin_latte.theme +++ /dev/null @@ -1,84 +0,0 @@ -# Main background, empty for terminal default, need to be empty if you want transparent background -theme[main_bg]="#EFF1F5" - -# Main text color -theme[main_fg]="#4C4F69" - -# Title color for boxes -theme[title]="#4C4F69" - -# Highlight color for keyboard shortcuts -theme[hi_fg]="#1E66F5" - -# Background color of selected item in processes box -theme[selected_bg]="#BCC0CC" - -# Foreground color of selected item in processes box -theme[selected_fg]="#1E66F5" - -# Color of inactive/disabled text -theme[inactive_fg]="#8C8FA1" - -# Color of text appearing on top of graphs, i.e uptime and current network graph scaling -theme[graph_text]="#DC8A78" - -# Background color of the percentage meters -theme[meter_bg]="#BCC0CC" - -# Misc colors for processes box including mini cpu graphs, details memory graph and details status text -theme[proc_misc]="#DC8A78" - -# CPU, Memory, Network, Proc box outline colors -theme[cpu_box]="#8839ef" #Mauve -theme[mem_box]="#40a02b" #Green -theme[net_box]="#e64553" #Maroon -theme[proc_box]="#1e66f5" #Blue - -# Box divider line and small boxes line color -theme[div_line]="#9CA0B0" - -# Temperature graph color (Green -> Yellow -> Red) -theme[temp_start]="#40a02b" -theme[temp_mid]="#df8e1d" -theme[temp_end]="#d20f39" - -# CPU graph colors (Teal -> Lavender) -theme[cpu_start]="#179299" -theme[cpu_mid]="#209fb5" -theme[cpu_end]="#7287fd" - -# Mem/Disk free meter (Mauve -> Lavender -> Blue) -theme[free_start]="#8839ef" -theme[free_mid]="#7287fd" -theme[free_end]="#1e66f5" - -# Mem/Disk cached meter (Sapphire -> Lavender) -theme[cached_start]="#209fb5" -theme[cached_mid]="#1e66f5" -theme[cached_end]="#7287fd" - -# Mem/Disk available meter (Peach -> Red) -theme[available_start]="#fe640b" -theme[available_mid]="#e64553" -theme[available_end]="#d20f39" - - -# Mem/Disk used meter (Green -> Sky) -theme[used_start]="#40a02b" -theme[used_mid]="#179299" -theme[used_end]="#04a5e5" - -# Download graph colors (Peach -> Red) -theme[download_start]="#fe640b" -theme[download_mid]="#e64553" -theme[download_end]="#d20f39" - -# Upload graph colors (Green -> Sky) -theme[upload_start]="#40a02b" -theme[upload_mid]="#179299" -theme[upload_end]="#04a5e5" - -# Process box color gradient for threads, mem and cpu usage (Sapphire -> Lavender-> Mauve) -theme[process_start]="#209fb5" -theme[process_mid]="#7287fd" -theme[process_end]="#8839ef" diff --git a/dotfiles/btop/themes/catppuccin_macchiato.theme b/dotfiles/btop/themes/catppuccin_macchiato.theme deleted file mode 100644 index 86819d2..0000000 --- a/dotfiles/btop/themes/catppuccin_macchiato.theme +++ /dev/null @@ -1,83 +0,0 @@ -# Main background, empty for terminal default, need to be empty if you want transparent background -theme[main_bg]="#24273A" - -# Main text color -theme[main_fg]="#CAD3F5" - -# Title color for boxes -theme[title]="#CAD3F5" - -# Highlight color for keyboard shortcuts -theme[hi_fg]="#8AADF4" - -# Background color of selected item in processes box -theme[selected_bg]="#494D64" - -# Foreground color of selected item in processes box -theme[selected_fg]="#8AADF4" - -# Color of inactive/disabled text -theme[inactive_fg]="#8087A2" - -# Color of text appearing on top of graphs, i.e uptime and current network graph scaling -theme[graph_text]="#F4DBD6" - -# Background color of the percentage meters -theme[meter_bg]="#494D64" - -# Misc colors for processes box including mini cpu graphs, details memory graph and details status text -theme[proc_misc]="#F4DBD6" - -# CPU, Memory, Network, Proc box outline colors -theme[cpu_box]="#c6a0f6" #Mauve -theme[mem_box]="#a6da95" #Green -theme[net_box]="#ee99a0" #Maroon -theme[proc_box]="#8aadf4" #Blue - -# Box divider line and small boxes line color -theme[div_line]="#6E738D" - -# Temperature graph color (Green -> Yellow -> Red) -theme[temp_start]="#a6da95" -theme[temp_mid]="#eed49f" -theme[temp_end]="#ed8796" - -# CPU graph colors (Teal -> Lavender) -theme[cpu_start]="#8bd5ca" -theme[cpu_mid]="#7dc4e4" -theme[cpu_end]="#b7bdf8" - -# Mem/Disk free meter (Mauve -> Lavender -> Blue) -theme[free_start]="#c6a0f6" -theme[free_mid]="#b7bdf8" -theme[free_end]="#8aadf4" - -# Mem/Disk cached meter (Sapphire -> Lavender) -theme[cached_start]="#7dc4e4" -theme[cached_mid]="#8aadf4" -theme[cached_end]="#b7bdf8" - -# Mem/Disk available meter (Peach -> Red) -theme[available_start]="#f5a97f" -theme[available_mid]="#ee99a0" -theme[available_end]="#ed8796" - -# Mem/Disk used meter (Green -> Sky) -theme[used_start]="#a6da95" -theme[used_mid]="#8bd5ca" -theme[used_end]="#91d7e3" - -# Download graph colors (Peach -> Red) -theme[download_start]="#f5a97f" -theme[download_mid]="#ee99a0" -theme[download_end]="#ed8796" - -# Upload graph colors (Green -> Sky) -theme[upload_start]="#a6da95" -theme[upload_mid]="#8bd5ca" -theme[upload_end]="#91d7e3" - -# Process box color gradient for threads, mem and cpu usage (Sapphire -> Mauve) -theme[process_start]="#7dc4e4" -theme[process_mid]="#b7bdf8" -theme[process_end]="#c6a0f6" diff --git a/dotfiles/btop/themes/catppuccin_mocha.theme b/dotfiles/btop/themes/catppuccin_mocha.theme deleted file mode 100644 index 6915504..0000000 --- a/dotfiles/btop/themes/catppuccin_mocha.theme +++ /dev/null @@ -1,83 +0,0 @@ -# Main background, empty for terminal default, need to be empty if you want transparent background -theme[main_bg]="#1E1E2E" - -# Main text color -theme[main_fg]="#CDD6F4" - -# Title color for boxes -theme[title]="#CDD6F4" - -# Highlight color for keyboard shortcuts -theme[hi_fg]="#89B4FA" - -# Background color of selected item in processes box -theme[selected_bg]="#45475A" - -# Foreground color of selected item in processes box -theme[selected_fg]="#89B4FA" - -# Color of inactive/disabled text -theme[inactive_fg]="#7F849C" - -# Color of text appearing on top of graphs, i.e uptime and current network graph scaling -theme[graph_text]="#F5E0DC" - -# Background color of the percentage meters -theme[meter_bg]="#45475A" - -# Misc colors for processes box including mini cpu graphs, details memory graph and details status text -theme[proc_misc]="#F5E0DC" - -# CPU, Memory, Network, Proc box outline colors -theme[cpu_box]="#cba6f7" #Mauve -theme[mem_box]="#a6e3a1" #Green -theme[net_box]="#eba0ac" #Maroon -theme[proc_box]="#89b4fa" #Blue - -# Box divider line and small boxes line color -theme[div_line]="#6C7086" - -# Temperature graph color (Green -> Yellow -> Red) -theme[temp_start]="#a6e3a1" -theme[temp_mid]="#f9e2af" -theme[temp_end]="#f38ba8" - -# CPU graph colors (Teal -> Lavender) -theme[cpu_start]="#94e2d5" -theme[cpu_mid]="#74c7ec" -theme[cpu_end]="#b4befe" - -# Mem/Disk free meter (Mauve -> Lavender -> Blue) -theme[free_start]="#cba6f7" -theme[free_mid]="#b4befe" -theme[free_end]="#89b4fa" - -# Mem/Disk cached meter (Sapphire -> Lavender) -theme[cached_start]="#74c7ec" -theme[cached_mid]="#89b4fa" -theme[cached_end]="#b4befe" - -# Mem/Disk available meter (Peach -> Red) -theme[available_start]="#fab387" -theme[available_mid]="#eba0ac" -theme[available_end]="#f38ba8" - -# Mem/Disk used meter (Green -> Sky) -theme[used_start]="#a6e3a1" -theme[used_mid]="#94e2d5" -theme[used_end]="#89dceb" - -# Download graph colors (Peach -> Red) -theme[download_start]="#fab387" -theme[download_mid]="#eba0ac" -theme[download_end]="#f38ba8" - -# Upload graph colors (Green -> Sky) -theme[upload_start]="#a6e3a1" -theme[upload_mid]="#94e2d5" -theme[upload_end]="#89dceb" - -# Process box color gradient for threads, mem and cpu usage (Sapphire -> Mauve) -theme[process_start]="#74C7EC" -theme[process_mid]="#89DCEB" -theme[process_end]="#cba6f7" diff --git a/dotfiles/cava/config b/dotfiles/cava/config deleted file mode 100644 index c564cc3..0000000 --- a/dotfiles/cava/config +++ /dev/null @@ -1,273 +0,0 @@ -## Configuration file for CAVA. -# Remove the ; to change parameters. - - -[general] - -# Smoothing mode. Can be 'normal', 'scientific' or 'waves'. DEPRECATED as of 0.6.0 -; mode = normal - -# Accepts only non-negative values. -; framerate = 60 - -# 'autosens' will attempt to decrease sensitivity if the bars peak. 1 = on, 0 = off -# new as of 0.6.0 autosens of low values (dynamic range) -# 'overshoot' allows bars to overshoot (in % of terminal height) without initiating autosens. DEPRECATED as of 0.6.0 -; autosens = 1 -; overshoot = 20 - -# Manual sensitivity in %. If autosens is enabled, this will only be the initial value. -# 200 means double height. Accepts only non-negative values. -; sensitivity = 100 - -# The number of bars (0-512). 0 sets it to auto (fill up console). -# Bars' width and space between bars in number of characters. -; bars = 0 -; bar_width = 2 -; bar_spacing = 1 -# bar_height is only used for output in "noritake" format -; bar_height = 32 - -# For SDL width and space between bars is in pixels, defaults are: -; bar_width = 20 -; bar_spacing = 5 - -# sdl_glsl have these default values, they are only used to calulate max number of bars. -; bar_width = 1 -; bar_spacing = 0 - - -# Lower and higher cutoff frequencies for lowest and highest bars -# the bandwidth of the visualizer. -# Note: there is a minimum total bandwidth of 43Mhz x number of bars. -# Cava will automatically increase the higher cutoff if a too low band is specified. -; lower_cutoff_freq = 50 -; higher_cutoff_freq = 10000 - - -# Seconds with no input before cava goes to sleep mode. Cava will not perform FFT or drawing and -# only check for input once per second. Cava will wake up once input is detected. 0 = disable. -; sleep_timer = 0 - - -[input] - -# Audio capturing method. Possible methods are: 'fifo', 'portaudio', 'pipewire', 'alsa', 'pulse', 'sndio', 'oss', 'jack' or 'shmem' -# Defaults to 'oss', 'pipewire', 'sndio', 'jack', 'pulse', 'alsa', 'portaudio' or 'fifo', in that order, dependent on what support cava was built with. -# On Mac it defaults to 'portaudio' or 'fifo' -# On windows this is automatic and no input settings are needed. -# -# All input methods uses the same config variable 'source' -# to define where it should get the audio. -# -# For pulseaudio and pipewire 'source' will be the source. Default: 'auto', which uses the monitor source of the default sink -# (all pulseaudio sinks(outputs) have 'monitor' sources(inputs) associated with them). -# -# For pipewire 'source' will be the object name or object.serial of the device to capture from. -# Both input and output devices are supported. -# -# For alsa 'source' will be the capture device. -# For fifo 'source' will be the path to fifo-file. -# For shmem 'source' will be /squeezelite-AA:BB:CC:DD:EE:FF where 'AA:BB:CC:DD:EE:FF' will be squeezelite's MAC address -# -# For sndio 'source' will be a raw recording audio descriptor or a monitoring sub-device, e.g. 'rsnd/2' or 'snd/1'. Default: 'default'. -# README.md contains further information on how to setup CAVA for sndio. -# -# For oss 'source' will be the path to a audio device, e.g. '/dev/dsp2'. Default: '/dev/dsp', i.e. the default audio device. -# README.md contains further information on how to setup CAVA for OSS on FreeBSD. -# -# For jack 'source' will be the name of the JACK server to connect to, e.g. 'foobar'. Default: 'default'. -# README.md contains further information on how to setup CAVA for JACK. -# -; method = pulse -; source = auto - -; method = pipewire -; source = auto - -; method = alsa -; source = hw:Loopback,1 - -; method = fifo -; source = /tmp/mpd.fifo - -; method = shmem -; source = /squeezelite-AA:BB:CC:DD:EE:FF - -; method = portaudio -; source = auto - -; method = sndio -; source = default - -; method = oss -; source = /dev/dsp - -; method = jack -; source = default - -# The options 'sample_rate', 'sample_bits', 'channels' and 'autoconnect' can be configured for some input methods: -# sample_rate: fifo, pipewire, sndio, oss -# sample_bits: fifo, pipewire, sndio, oss -# channels: sndio, oss, jack -# autoconnect: jack -# Other methods ignore these settings. -# -# For 'sndio' and 'oss' they are only preferred values, i.e. if the values are not supported -# by the chosen audio device, the device will use other supported values instead. -# Example: 48000, 32 and 2, but the device only supports 44100, 16 and 1, then it -# will use 44100, 16 and 1. -# -; sample_rate = 44100 -; sample_bits = 16 -; channels = 2 -; autoconnect = 2 - - -[output] - -# Output method. Can be 'ncurses', 'noncurses', 'raw', 'noritake', 'sdl' -# or 'sdl_glsl'. -# 'noncurses' (default) uses a buffer and cursor movements to only print -# changes from frame to frame in the terminal. Uses less resources and is less -# prone to tearing (vsync issues) than 'ncurses'. -# -# 'raw' is an 8 or 16 bit (configurable via the 'bit_format' option) data -# stream of the bar heights that can be used to send to other applications. -# 'raw' defaults to 200 bars, which can be adjusted in the 'bars' option above. -# -# 'noritake' outputs a bitmap in the format expected by a Noritake VFD display -# in graphic mode. It only support the 3000 series graphical VFDs for now. -# -# 'sdl' uses the Simple DirectMedia Layer to render in a graphical context. -# 'sdl_glsl' uses SDL to create an OpenGL context. Write your own shaders or -# use one of the predefined ones. -; method = noncurses - -# Orientation of the visualization. Can be 'bottom', 'top', 'left' or 'right'. -# Default is 'bottom'. Other orientations are only supported on sdl and ncruses -# output. Note: many fonts have weird glyphs for 'top' and 'right' characters, -# which can make ncurses not look right. -; orientation = bottom - -# Visual channels. Can be 'stereo' or 'mono'. -# 'stereo' mirrors both channels with low frequencies in center. -# 'mono' outputs left to right lowest to highest frequencies. -# 'mono_option' set mono to either take input from 'left', 'right' or 'average'. -# set 'reverse' to 1 to display frequencies the other way around. -; channels = stereo -; mono_option = average -; reverse = 0 - -# Raw output target. A fifo will be created if target does not exist. -; raw_target = /dev/stdout - -# Raw data format. Can be 'binary' or 'ascii'. -; data_format = binary - -# Binary bit format, can be '8bit' (0-255) or '16bit' (0-65530). -; bit_format = 16bit - -# Ascii max value. In 'ascii' mode range will run from 0 to value specified here -; ascii_max_range = 1000 - -# Ascii delimiters. In ascii format each bar and frame is separated by a delimiters. -# Use decimal value in ascii table (i.e. 59 = ';' and 10 = '\n' (line feed)). -; bar_delimiter = 59 -; frame_delimiter = 10 - -# sdl window size and position. -1,-1 is centered. -; sdl_width = 1000 -; sdl_height = 500 -; sdl_x = -1 -; sdl_y= -1 -; sdl_full_screen = 0 - -# set label on bars on the x-axis. Can be 'frequency' or 'none'. Default: 'none' -# 'frequency' displays the lower cut off frequency of the bar above. -# Only supported on ncurses and noncurses output. -; xaxis = none - -# enable alacritty synchronized updates. 1 = on, 0 = off -# removes flickering in alacritty terminal emulator. -# defaults to off since the behaviour in other terminal emulators is unknown -; alacritty_sync = 0 - -# Shaders for sdl_glsl, located in $HOME/.config/cava/shaders -; vertex_shader = pass_through.vert -; fragment_shader = bar_spectrum.frag - -; for glsl output mode, keep rendering even if no audio -; continuous_rendering = 0 - -# disable console blank (screen saver) in tty -# (Not supported on FreeBSD) -; disable_blanking = 0 - -[color] - -# Colors can be one of seven predefined: black, blue, cyan, green, magenta, red, white, yellow. -# Or defined by hex code '#xxxxxx' (hex code must be within ''). User defined colors requires -# a terminal that can change color definitions such as Gnome-terminal or rxvt. -# default is to keep current terminal color -; background = default -; foreground = default - -# SDL and sdl_glsl only support hex code colors, these are the default: -; background = '#111111' -; foreground = '#33ffff' - - -# Gradient mode, only hex defined colors are supported, -# background must also be defined in hex or remain commented out. 1 = on, 0 = off. -# You can define as many as 8 different colors. They range from bottom to top of screen -; gradient = 0 -; gradient_count = 8 -; gradient_color_1 = '#59cc33' -; gradient_color_2 = '#80cc33' -; gradient_color_3 = '#a6cc33' -; gradient_color_4 = '#cccc33' -; gradient_color_5 = '#cca633' -; gradient_color_6 = '#cc8033' -; gradient_color_7 = '#cc5933' -; gradient_color_8 = '#cc3333' - - - -[smoothing] - -# Percentage value for integral smoothing. Takes values from 0 - 100. -# Higher values means smoother, but less precise. 0 to disable. -# DEPRECATED as of 0.8.0, use noise_reduction instead -; integral = 77 - -# Disables or enables the so-called "Monstercat smoothing" with or without "waves". Set to 0 to disable. -; monstercat = 0 -; waves = 0 - -# Set gravity percentage for "drop off". Higher values means bars will drop faster. -# Accepts only non-negative values. 50 means half gravity, 200 means double. Set to 0 to disable "drop off". -# DEPRECATED as of 0.8.0, use noise_reduction instead -; gravity = 100 - - -# In bar height, bars that would have been lower that this will not be drawn. -# DEPRECATED as of 0.8.0 -; ignore = 0 - -# Noise reduction, int 0 - 100. default 77 -# the raw visualization is very noisy, this factor adjusts the integral and gravity filters to keep the signal smooth -# 100 will be very slow and smooth, 0 will be fast but noisy. -; noise_reduction = 77 - - -[eq] - -# This one is tricky. You can have as much keys as you want. -# Remember to uncomment more than one key! More keys = more precision. -# Look at readme.md on github for further explanations and examples. -; 1 = 1 # bass -; 2 = 1 -; 3 = 1 # midtone -; 4 = 1 -; 5 = 1 # treble diff --git a/dotfiles/cava/shaders/bar_spectrum.frag b/dotfiles/cava/shaders/bar_spectrum.frag deleted file mode 100644 index b078913..0000000 --- a/dotfiles/cava/shaders/bar_spectrum.frag +++ /dev/null @@ -1,79 +0,0 @@ -#version 330 - -in vec2 fragCoord; -out vec4 fragColor; - -// bar values. defaults to left channels first (low to high), then right (high to low). -uniform float bars[512]; - -uniform int bars_count; // number of bars (left + right) (configurable) -uniform int bar_width; // bar width (configurable), not used here -uniform int bar_spacing; // space bewteen bars (configurable) - -uniform vec3 u_resolution; // window resolution - -//colors, configurable in cava config file (r,g,b) (0.0 - 1.0) -uniform vec3 bg_color; // background color -uniform vec3 fg_color; // foreground color - -uniform int gradient_count; -uniform vec3 gradient_colors[8]; // gradient colors - -vec3 normalize_C(float y,vec3 col_1, vec3 col_2, float y_min, float y_max) -{ - //create color based on fraction of this color and next color - float yr = (y - y_min) / (y_max - y_min); - return col_1 * (1.0 - yr) + col_2 * yr; -} - -void main() -{ - // find which bar to use based on where we are on the x axis - float x = u_resolution.x * fragCoord.x; - int bar = int(bars_count * fragCoord.x); - - //calculate a bar size - float bar_size = u_resolution.x / bars_count; - - //the y coordinate and bar values are the same - float y = bars[bar]; - - // make sure there is a thin line at bottom - if (y * u_resolution.y < 1.0) - { - y = 1.0 / u_resolution.y; - } - - //draw the bar up to current height - if (y > fragCoord.y) - { - //make some space between bars basen on settings - if (x > (bar + 1) * (bar_size) - bar_spacing) - { - fragColor = vec4(bg_color,1.0); - } - else - { - if (gradient_count == 0) - { - fragColor = vec4(fg_color,1.0); - } - else - { - //find which color in the configured gradient we are at - int color = int((gradient_count - 1) * fragCoord.y); - - //find where on y this and next color is supposed to be - float y_min = color / (gradient_count - 1.0); - float y_max = (color + 1.0) / (gradient_count - 1.0); - - //make color - fragColor = vec4(normalize_C(fragCoord.y, gradient_colors[color], gradient_colors[color + 1], y_min, y_max), 1.0); - } - } - } - else - { - fragColor = vec4(bg_color,1.0); - } -} \ No newline at end of file diff --git a/dotfiles/cava/shaders/northern_lights.frag b/dotfiles/cava/shaders/northern_lights.frag deleted file mode 100644 index ecd859a..0000000 --- a/dotfiles/cava/shaders/northern_lights.frag +++ /dev/null @@ -1,34 +0,0 @@ -#version 330 - -in vec2 fragCoord; -out vec4 fragColor; - -// bar values. defaults to left channels first (low to high), then right (high to low). -uniform float bars[512]; - -uniform int bars_count; // number of bars (left + right) (configurable) - -uniform vec3 u_resolution; // window resolution, not used here - -//colors, configurable in cava config file -uniform vec3 bg_color; // background color(r,g,b) (0.0 - 1.0), not used here -uniform vec3 fg_color; // foreground color, not used here - -void main() -{ - // find which bar to use based on where we are on the x axis - int bar = int(bars_count * fragCoord.x); - - float bar_y = 1.0 - abs((fragCoord.y - 0.5)) * 2.0; - float y = (bars[bar]) * bar_y; - - float bar_x = (fragCoord.x - float(bar) / float(bars_count)) * bars_count; - float bar_r = 1.0 - abs((bar_x - 0.5)) * 2; - - bar_r = bar_r * bar_r * 2; - - // set color - fragColor.r = fg_color.x * y * bar_r; - fragColor.g = fg_color.y * y * bar_r; - fragColor.b = fg_color.z * y * bar_r; -} diff --git a/dotfiles/cava/shaders/pass_through.vert b/dotfiles/cava/shaders/pass_through.vert deleted file mode 100644 index a4f20e5..0000000 --- a/dotfiles/cava/shaders/pass_through.vert +++ /dev/null @@ -1,14 +0,0 @@ -#version 330 - - -// Input vertex data, different for all executions of this shader. -layout(location = 0) in vec3 vertexPosition_modelspace; - -// Output data ; will be interpolated for each fragment. -out vec2 fragCoord; - -void main() -{ - gl_Position = vec4(vertexPosition_modelspace,1); - fragCoord = (vertexPosition_modelspace.xy+vec2(1,1))/2.0; -} diff --git a/dotfiles/doom/config.el b/dotfiles/doom/config.el deleted file mode 100644 index d6af686..0000000 --- a/dotfiles/doom/config.el +++ /dev/null @@ -1,81 +0,0 @@ -;;; $DOOMDIR/config.el -*- lexical-binding: t; -*- - -;; Place your private configuration here! Remember, you do not need to run 'doom -;; sync' after modifying this file! - - -;; Some functionality uses this to identify you, e.g. GPG configuration, email -;; clients, file templates and snippets. It is optional. -;; (setq user-full-name "John Doe" -;; user-mail-address "john@doe.com") - -;; Doom exposes five (optional) variables for controlling fonts in Doom: -;; -;; - `doom-font' -- the primary font to use -;; - `doom-variable-pitch-font' -- a non-monospace font (where applicable) -;; - `doom-big-font' -- used for `doom-big-font-mode'; use this for -;; presentations or streaming. -;; - `doom-symbol-font' -- for symbols -;; - `doom-serif-font' -- for the `fixed-pitch-serif' face -;; -;; See 'C-h v doom-font' for documentation and more examples of what they -;; accept. For example: -;; -;;(setq doom-font (font-spec :family "Fira Code" :size 12 :weight 'semi-light) -;; doom-variable-pitch-font (font-spec :family "Fira Sans" :size 13)) -;; -;; If you or Emacs can't find your font, use 'M-x describe-font' to look them -;; up, `M-x eval-region' to execute elisp code, and 'M-x doom/reload-font' to -;; refresh your font settings. If Emacs still can't find your font, it likely -;; wasn't installed correctly. Font issues are rarely Doom issues! - -;; There are two ways to load a theme. Both assume the theme is installed and -;; available. You can either set `doom-theme' or manually load a theme with the -;; `load-theme' function. This is the default: -(setq doom-theme 'catppuccin) -;;(setq catppuccin-flavor 'mocha) -;;(catppuccin-reload) - -;; This determines the style of line numbers in effect. If set to `nil', line -;; numbers are disabled. For relative line numbers, set this to `relative'. -(setq display-line-numbers-type t) - -(setq doom-font (font-spec :family "FiraCode Nerd Font" :size 20)) - - -;; If you use `org' and don't want your org files in the default location below, -;; change `org-directory'. It must be set before org loads! -(setq org-directory "~/Documents/OrgMode/") - - -;; Whenever you reconfigure a package, make sure to wrap your config in an -;; `after!' block, otherwise Doom's defaults may override your settings. E.g. -;; -;; (after! PACKAGE -;; (setq x y)) -;; -;; The exceptions to this rule: -;; -;; - Setting file/directory variables (like `org-directory') -;; - Setting variables which explicitly tell you to set them before their -;; package is loaded (see 'C-h v VARIABLE' to look up their documentation). -;; - Setting doom variables (which start with 'doom-' or '+'). -;; -;; Here are some additional functions/macros that will help you configure Doom. -;; -;; - `load!' for loading external *.el files relative to this one -;; - `use-package!' for configuring packages -;; - `after!' for running code after a package has loaded -;; - `add-load-path!' for adding directories to the `load-path', relative to -;; this file. Emacs searches the `load-path' when you load packages with -;; `require' or `use-package'. -;; - `map!' for binding new keys -;; -;; To get information about any of these functions/macros, move the cursor over -;; the highlighted symbol at press 'K' (non-evil users must press 'C-c c k'). -;; This will open documentation for it, including demos of how they are used. -;; Alternatively, use `C-h o' to look up a symbol (functions, variables, faces, -;; etc). -;; -;; You can also try 'gd' (or 'C-c c d') to jump to their definition and see how -;; they are implemented. diff --git a/dotfiles/doom/init.el b/dotfiles/doom/init.el deleted file mode 100644 index da876f9..0000000 --- a/dotfiles/doom/init.el +++ /dev/null @@ -1,196 +0,0 @@ -;;; init.el -*- lexical-binding: t; -*- - -;; This file controls what Doom modules are enabled and what order they load -;; in. Remember to run 'doom sync' after modifying it! - -;; NOTE Press 'SPC h d h' (or 'C-h d h' for non-vim users) to access Doom's -;; documentation. There you'll find a link to Doom's Module Index where all -;; of our modules are listed, including what flags they support. - -;; NOTE Move your cursor over a module's name (or its flags) and press 'K' (or -;; 'C-c c k' for non-vim users) to view its documentation. This works on -;; flags as well (those symbols that start with a plus). -;; -;; Alternatively, press 'gd' (or 'C-c c d') on a module to browse its -;; directory (for easy access to its source code). - -(doom! :input - ;;bidi ; (tfel ot) thgir etirw uoy gnipleh - ;;chinese - ;;japanese - ;;layout ; auie,ctsrnm is the superior home row - - :completion - company ; the ultimate code completion backend - ;;helm ; the *other* search engine for love and life - ;;ido ; the other *other* search engine... - ;;ivy ; a search engine for love and life - vertico ; the search engine of the future - - :ui - ;;deft ; notational velocity for Emacs - doom ; what makes DOOM look the way it does - doom-dashboard ; a nifty splash screen for Emacs - ;;doom-quit ; DOOM quit-message prompts when you quit Emacs - (emoji +unicode) ; 🙂 - hl-todo ; highlight TODO/FIXME/NOTE/DEPRECATED/HACK/REVIEW - ;;hydra - ;;indent-guides ; highlighted indent columns - ;;(ligatures +extra +fira) ; ligatures and symbols to make your code pretty again - - minimap ; show a map of the code on the side - modeline ; snazzy, Atom-inspired modeline, plus API - ;;nav-flash ; blink cursor line after big motions - ;;neotree ; a project drawer, like NERDTree for vim - ophints ; highlight the region an operation acts on - (popup +defaults) ; tame sudden yet inevitable temporary windows - tabs ; a tab bar for Emacs - ;;treemacs ; a project drawer, like neotree but cooler - ;;unicode ; extended unicode support for various languages - (vc-gutter +pretty) ; vcs diff in the fringe - vi-tilde-fringe ; fringe tildes to mark beyond EOB - ;;window-select ; visually switch windows - workspaces ; tab emulation, persistence & separate workspaces - ;;zen ; distraction-free coding or writing - - :editor - (evil +everywhere); come to the dark side, we have cookies - file-templates ; auto-snippets for empty files - fold ; (nigh) universal code folding - ;;(format +onsave) ; automated prettiness - ;;god ; run Emacs commands without modifier keys - ;;lispy ; vim for lisp, for people who don't like vim - ;;multiple-cursors ; editing in many places at once - ;;objed ; text object editing for the innocent - ;;parinfer ; turn lisp into python, sort of - ;;rotate-text ; cycle region at point between text candidates - snippets ; my elves. They type so I don't have to - word-wrap ; soft wrapping with language-aware indent - - :emacs - dired ; making dired pretty [functional] - electric ; smarter, keyword-based electric-indent - ;;ibuffer ; interactive buffer management - undo ; persistent, smarter undo for your inevitable mistakes - vc ; version-control and Emacs, sitting in a tree - - :term - eshell ; the elisp shell that works everywhere - ;;shell ; simple shell REPL for Emacs - ;;term ; basic terminal emulator for Emacs - ;;vterm ; the best terminal emulation in Emacs - - :checkers - syntax ; tasing you for every semicolon you forget - (spell +flyspell) ; tasing you for misspelling mispelling - grammar ; tasing grammar mistake every you make - - :tools - ;;ansible - ;;biblio ; Writes a PhD for you (citation needed) - ;;collab ; buffers with friends - ;;debugger ; FIXME stepping through code, to help you add bugs - ;;direnv - ;;docker - ;;editorconfig ; let someone else argue about tabs vs spaces - ;;ein ; tame Jupyter notebooks with emacs - (eval +overlay) ; run code, run (also, repls) - ;;gist ; interacting with github gists - lookup ; navigate your code and its documentation - ;;lsp ; M-x vscode - magit ; a git porcelain for Emacs - ;;make ; run make tasks from Emacs - ;;pass ; password manager for nerds - ;;pdf ; pdf enhancements - ;;prodigy ; FIXME managing external services & code builders - ;;rgb ; creating color strings - ;;taskrunner ; taskrunner for all your projects - ;;terraform ; infrastructure as code - ;;tmux ; an API for interacting with tmux - ;;tree-sitter ; syntax and parsing, sitting in a tree... - ;;upload ; map local to remote projects via ssh/ftp - - :os - (:if IS-MAC macos) ; improve compatibility with macOS - ;;tty ; improve the terminal Emacs experience - - :lang - ;;agda ; types of types of types of types... - ;;beancount ; mind the GAAP - ;;(cc +lsp) ; C > C++ == 1 - ;;clojure ; java with a lisp - ;;common-lisp ; if you've seen one lisp, you've seen them all - ;;coq ; proofs-as-programs - ;;crystal ; ruby at the speed of c - ;;csharp ; unity, .NET, and mono shenanigans - ;;data ; config/data formats - ;;(dart +flutter) ; paint ui and not much else - ;;dhall - ;;elixir ; erlang done right - ;;elm ; care for a cup of TEA? - emacs-lisp ; drown in parentheses - ;;erlang ; an elegant language for a more civilized age - ;;ess ; emacs speaks statistics - ;;factor - ;;faust ; dsp, but you get to keep your soul - ;;fortran ; in FORTRAN, GOD is REAL (unless declared INTEGER) - ;;fsharp ; ML stands for Microsoft's Language - ;;fstar ; (dependent) types and (monadic) effects and Z3 - ;;gdscript ; the language you waited for - ;;(go +lsp) ; the hipster dialect - ;;(graphql +lsp) ; Give queries a REST - ;;(haskell +lsp) ; a language that's lazier than I am - ;;hy ; readability of scheme w/ speed of python - ;;idris ; a language you can depend on - json ; At least it ain't XML - ;;(java +lsp) ; the poster child for carpal tunnel syndrome - javascript ; all(hope(abandon(ye(who(enter(here)))))) - ;;julia ; a better, faster MATLAB - ;;kotlin ; a better, slicker Java(Script) - ;;latex ; writing papers in Emacs has never been so fun - ;;lean ; for folks with too much to prove - ;;ledger ; be audit you can be - ;;lua ; one-based indices? one-based indices - ;;markdown ; writing docs for people to ignore - ;;nim ; python + lisp at the speed of c - ;;nix ; I hereby declare "nix geht mehr!" - ;;ocaml ; an objective camel - org ; organize your plain life in plain text - ;;php ; perl's insecure younger brother - ;;plantuml ; diagrams for confusing people more - ;;purescript ; javascript, but functional - ;;python ; beautiful is better than ugly - ;;qt ; the 'cutest' gui framework ever - ;;racket ; a DSL for DSLs - ;;raku ; the artist formerly known as perl6 - ;;rest ; Emacs as a REST client - ;;rst ; ReST in peace - ;;(ruby +rails) ; 1.step {|i| p "Ruby is #{i.even? ? 'love' : 'life'}"} - ;;(rust +lsp) ; Fe2O3.unwrap().unwrap().unwrap().unwrap() - ;;scala ; java, but good - ;;(scheme +guile) ; a fully conniving family of lisps - sh ; she sells {ba,z,fi}sh shells on the C xor - ;;sml - ;;solidity ; do you need a blockchain? No. - ;;swift ; who asked for emoji variables? - ;;terra ; Earth and Moon in alignment for performance. - web ; the tubes - yaml ; JSON, but readable - ;;zig ; C, but simpler - - :email - ;;(mu4e +org +gmail) - ;;notmuch - ;;(wanderlust +gmail) - - :app - ;;calendar - ;;emms - ;;everywhere ; *leave* Emacs!? You must be joking - ;;irc ; how neckbeards socialize - ;;(rss +org) ; emacs as an RSS reader - ;;twitter ; twitter client https://twitter.com/vnought - - :config - ;;literate - (default +bindings +smartparens)) diff --git a/dotfiles/doom/packages.el b/dotfiles/doom/packages.el deleted file mode 100644 index 9082fd0..0000000 --- a/dotfiles/doom/packages.el +++ /dev/null @@ -1,52 +0,0 @@ -;; -*- no-byte-compile: t; -*- -;;; $DOOMDIR/packages.el - -;; To install a package with Doom you must declare them here and run 'doom sync' -;; on the command line, then restart Emacs for the changes to take effect -- or -;; use 'M-x doom/reload'. - - -;; To install SOME-PACKAGE from MELPA, ELPA or emacsmirror: -;; (package! some-package) - -;; To install a package directly from a remote git repo, you must specify a -;; `:recipe'. You'll find documentation on what `:recipe' accepts here: -;; https://github.com/radian-software/straight.el#the-recipe-format -;; (package! another-package -;; :recipe (:host github :repo "username/repo")) - -;; If the package you are trying to install does not contain a PACKAGENAME.el -;; file, or is located in a subdirectory of the repo, you'll need to specify -;; `:files' in the `:recipe': -;; (package! this-package -;; :recipe (:host github :repo "username/repo" -;; :files ("some-file.el" "src/lisp/*.el"))) - -;; If you'd like to disable a package included with Doom, you can do so here -;; with the `:disable' property: -;; (package! builtin-package :disable t) - -;; You can override the recipe of a built in package without having to specify -;; all the properties for `:recipe'. These will inherit the rest of its recipe -;; from Doom or MELPA/ELPA/Emacsmirror: -;; (package! builtin-package :recipe (:nonrecursive t)) -;; (package! builtin-package-2 :recipe (:repo "myfork/package")) - -;; Specify a `:branch' to install a package from a particular branch or tag. -;; This is required for some packages whose default branch isn't 'master' (which -;; our package manager can't deal with; see radian-software/straight.el#279) -;; (package! builtin-package :recipe (:branch "develop")) - -;; Use `:pin' to specify a particular commit to install. -;; (package! builtin-package :pin "1a2b3c4d5e") - - -;; Doom's packages are pinned to a specific commit and updated from release to -;; release. The `unpin!' macro allows you to unpin single packages... -;; (unpin! pinned-package) -;; ...or multiple packages -;; (unpin! pinned-package another-pinned-package) -;; ...Or *all* packages (NOT RECOMMENDED; will likely break things) -;; (unpin! t) - -(package! catppuccin-theme) diff --git a/dotfiles/emacs/modules/themes/doom/.doommodule b/dotfiles/emacs/modules/themes/doom/.doommodule deleted file mode 100644 index e69de29..0000000 diff --git a/dotfiles/emacs/modules/ui/doom/README.org b/dotfiles/emacs/modules/ui/doom/README.org deleted file mode 100644 index 197e751..0000000 --- a/dotfiles/emacs/modules/ui/doom/README.org +++ /dev/null @@ -1,114 +0,0 @@ -#+title: :ui doom -#+subtitle: Make Doom fabulous again -#+created: February 20, 2017 -#+since: 2.0.0 - -* Description :unfold: -This module gives Doom its signature look: powered by the [[doom-package:doom-themes][doom-one]] theme -(loosely inspired by [[https://github.com/atom/one-dark-syntax][Atom's One Dark theme]]) and [[doom-package:solaire-mode]]. Includes: - -- A custom folded-region indicator for [[doom-package:hideshow]]. -- File-visiting buffers are slightly brighter (thanks to [[doom-package:solaire-mode]]). - -** Maintainers -- [[doom-user:][@hlissner]] - -[[doom-contrib-maintainer:][Become a maintainer?]] - -** Module flags -/This module has no flags./ - -** Packages -- [[doom-package:doom-themes]] -- [[doom-package:solaire-mode]] - -** Hacks -/No hacks documented for this module./ - -** TODO Changelog -# This section will be machine generated. Don't edit it by hand. -/This module does not have a changelog yet./ - -* Installation -[[id:01cffea4-3329-45e2-a892-95a384ab2338][Enable this module in your ~doom!~ block.]] - -/This module has no external requirements./ - -* TODO Usage -#+begin_quote - 󱌣 This module has no usage documentation yet. [[doom-contrib-module:][Write some?]] -#+end_quote - -* TODO Configuration -#+begin_quote - 󱌣 /This module's configuration documentation is incomplete./ [[doom-contrib-module:][Complete it?]] -#+end_quote - -** Changing theme -Although this module uses the ~doom-one~ theme by default, [[https://github.com/hlissner/emacs-doom-theme/][doom-themes]] offers a -number of alternatives: - -- *doom-one:* doom-themes' flagship theme, inspired by [[https://atom.io/][Atom's]] One Dark themes -- *doom-vibrant:* a more vibrant version of doom-one -- *doom-molokai:* based on Textmate's monokai -- *doom-nova:* adapted from [[https://github.com/trevordmiller/nova-colors][Nova]] -- *doom-one-light:* light version of doom-one -- *doom-peacock:* based on Peacock from [[https://daylerees.github.io/][daylerees' themes]] -- *doom-tomorrow-night:* by [[https://github.com/ChrisKempson/Tomorrow-Theme][Chris Kempson]] -- And /many/ more... - -This can be changed by changing the ~doom-theme~ variable, e.g. -#+begin_src emacs-lisp -;; in $DOOMDIR/config.el -(setq doom-theme 'doom-molokai) -#+end_src - -** Changing fonts -core/core-ui.el has four relevant variables: - -- ~doom-font~ :: the default font to use in Doom Emacs. -- ~doom-big-font~ :: the font to use when ~doom-big-font-mode~ is enabled. -- ~doom-variable-pitch-font~ :: the font to use when ~variable-pitch-mode~ is active - (or where the ~variable-pitch~ face is used). -- ~doom-symbol-font~ :: the font used to display unicode symbols. This is - ignored if the [[doom-module::ui unicode]] module is enabled. - -#+begin_src emacs-lisp -(setq doom-font (font-spec :family "Fira Mono" :size 12) - doom-variable-pitch-font (font-spec :family "Fira Sans") - doom-symbol-font (font-spec :family "JuliaMono") - doom-big-font (font-spec :family "Fira Mono" :size 19)) -#+end_src - -* Troubleshooting -[[doom-report:][Report an issue?]] - -** Strange font symbols -If you're seeing strange unicode symbols, this is likely because you don't have -~nerd-icons~'s font icon installed. You can install them with ~M-x -nerd-icons-install-fonts~. - -** Ugly background colors in tty Emacs for daemon users -[[doom-package:solaire-mode]] is an aesthetic plugin that makes non-file-visiting buffers darker -than the rest of the Emacs' frame (to visually differentiate temporary windows -or sidebars from editing windows). This looks great in GUI Emacs, but can look -questionable in the terminal. - -It disables itself if you start tty Emacs with ~$ emacs -nw~, but if you create -a tty frame from a daemon (which solaire-mode cannot anticipate), you'll get an -ugly background instead. - -If you only use Emacs in the terminal, your best bet is to disable the -solaire-mode package: -#+begin_src emacs-lisp -;; in $DOOMDIR/packages.el -(package! solaire-mode :disable t) -#+end_src - -* Frequently asked questions -/This module has no FAQs yet./ [[doom-suggest-faq:][Ask one?]] - -* TODO Appendix -#+begin_quote - 󱌣 This module has no appendix yet. [[doom-contrib-module:][Write one?]] -#+end_quote diff --git a/dotfiles/emacs/modules/ui/doom/config.el b/dotfiles/emacs/modules/ui/doom/config.el deleted file mode 100644 index 13b2c7c..0000000 --- a/dotfiles/emacs/modules/ui/doom/config.el +++ /dev/null @@ -1,23 +0,0 @@ -;;; ui/doom/config.el -*- lexical-binding: t; -*- - -;;;###package pos-tip -(setq pos-tip-internal-border-width 6 - pos-tip-border-width 1) - - -(use-package! doom-themes - ;; improve integration w/ org-mode - :hook (doom-load-theme . doom-themes-org-config) - :init (setq doom-theme 'doom-one) - ;; more Atom-esque file icons for neotree/treemacs - ;; (when (modulep! :ui neotree) - ;; (add-hook 'doom-load-theme-hook #'doom-themes-neotree-config) - ;; (setq doom-themes-neotree-enable-variable-pitch t - ;; doom-themes-neotree-file-icons 'simple - ;; doom-themes-neotree-line-spacing 2)) - ) - - -(use-package! solaire-mode - :hook (doom-load-theme . solaire-global-mode) - :hook (+popup-buffer-mode . turn-on-solaire-mode)) diff --git a/dotfiles/emacs/modules/ui/doom/packages.el b/dotfiles/emacs/modules/ui/doom/packages.el deleted file mode 100644 index 83fa040..0000000 --- a/dotfiles/emacs/modules/ui/doom/packages.el +++ /dev/null @@ -1,5 +0,0 @@ -;; -*- no-byte-compile: t; -*- -;;; ui/doom/packages.el - -(package! doom-themes :pin "e506a8724156da3b1e62cb8136265e9705549d04") -(package! solaire-mode :pin "c9334666bd208f3322e6118d30eba1b2438e2bb9") diff --git a/dotfiles/emacs/modules/ui/doom/packages.sync-conflict-20250121-120553-6PJZD52.el b/dotfiles/emacs/modules/ui/doom/packages.sync-conflict-20250121-120553-6PJZD52.el deleted file mode 100644 index e5e0111..0000000 --- a/dotfiles/emacs/modules/ui/doom/packages.sync-conflict-20250121-120553-6PJZD52.el +++ /dev/null @@ -1,5 +0,0 @@ -;; -*- no-byte-compile: t; -*- -;;; ui/doom/packages.el - -(package! doom-themes :pin "1cac71a4b2434036496a49b4440fdba3d0b5b387") -(package! solaire-mode :pin "c9334666bd208f3322e6118d30eba1b2438e2bb9") diff --git a/dotfiles/fish/conf.d/nix.fish b/dotfiles/fish/conf.d/nix.fish deleted file mode 100644 index 08a4ce4..0000000 --- a/dotfiles/fish/conf.d/nix.fish +++ /dev/null @@ -1,2 +0,0 @@ - -if test -e /home/marty/.nix-profile/etc/profile.d/nix.fish; . /home/marty/.nix-profile/etc/profile.d/nix.fish; end # added by Nix installer diff --git a/dotfiles/fish/config.fish b/dotfiles/fish/config.fish deleted file mode 100644 index d714361..0000000 --- a/dotfiles/fish/config.fish +++ /dev/null @@ -1,3 +0,0 @@ -if status is-interactive - # Commands to run in interactive sessions can go here -end diff --git a/dotfiles/fish/fish_variables b/dotfiles/fish/fish_variables deleted file mode 100644 index 5244adf..0000000 --- a/dotfiles/fish/fish_variables +++ /dev/null @@ -1,32 +0,0 @@ -# This file contains fish universal variable definitions. -# VERSION: 3.0 -SETUVAR __fish_initialized:3400 -SETUVAR fish_color_autosuggestion:555\x1ebrblack -SETUVAR fish_color_cancel:\x2dr -SETUVAR fish_color_command:blue -SETUVAR fish_color_comment:red -SETUVAR fish_color_cwd:green -SETUVAR fish_color_cwd_root:red -SETUVAR fish_color_end:green -SETUVAR fish_color_error:brred -SETUVAR fish_color_escape:brcyan -SETUVAR fish_color_history_current:\x2d\x2dbold -SETUVAR fish_color_host:normal -SETUVAR fish_color_host_remote:yellow -SETUVAR fish_color_normal:normal -SETUVAR fish_color_operator:brcyan -SETUVAR fish_color_param:cyan -SETUVAR fish_color_quote:yellow -SETUVAR fish_color_redirection:cyan\x1e\x2d\x2dbold -SETUVAR fish_color_search_match:bryellow\x1e\x2d\x2dbackground\x3dbrblack -SETUVAR fish_color_selection:white\x1e\x2d\x2dbold\x1e\x2d\x2dbackground\x3dbrblack -SETUVAR fish_color_status:red -SETUVAR fish_color_user:brgreen -SETUVAR fish_color_valid_path:\x2d\x2dunderline -SETUVAR fish_key_bindings:fish_default_key_bindings -SETUVAR fish_pager_color_completion:normal -SETUVAR fish_pager_color_description:B3A06D\x1eyellow\x1e\x2di -SETUVAR fish_pager_color_prefix:normal\x1e\x2d\x2dbold\x1e\x2d\x2dunderline -SETUVAR fish_pager_color_progress:brwhite\x1e\x2d\x2dbackground\x3dcyan -SETUVAR fish_pager_color_selected_background:\x2dr -SETUVAR fish_user_paths:/home/marty/\x2elocal/bin\x1e/home/marty/\x2econfig/emacs/bin/\x1e/home/marty/\x2elocal/bin/ diff --git a/dotfiles/fish/functions/zen-browser.fish b/dotfiles/fish/functions/zen-browser.fish deleted file mode 100755 index d9b2fc5..0000000 --- a/dotfiles/fish/functions/zen-browser.fish +++ /dev/null @@ -1,4 +0,0 @@ -function zen-browser - -flatpak run io.github.zen_browser.zen -end diff --git a/dotfiles/gtk-3.0/bookmarks b/dotfiles/gtk-3.0/bookmarks deleted file mode 100644 index 76975f0..0000000 --- a/dotfiles/gtk-3.0/bookmarks +++ /dev/null @@ -1,2 +0,0 @@ -file:///home/marty/.mozilla/firefox/ -file:///home/marty/Documents/ diff --git a/dotfiles/gtk-3.0/colors.css b/dotfiles/gtk-3.0/colors.css deleted file mode 100644 index 725ea5d..0000000 --- a/dotfiles/gtk-3.0/colors.css +++ /dev/null @@ -1,84 +0,0 @@ -@define-color borders_breeze #454859; -@define-color content_view_bg_breeze #1e1e2e; -@define-color error_color_backdrop_breeze #876790; -@define-color error_color_breeze #f38ba8; -@define-color error_color_insensitive_backdrop_breeze #b36a83; -@define-color error_color_insensitive_breeze #b36a83; -@define-color insensitive_base_color_breeze #1e1e2e; -@define-color insensitive_base_fg_color_breeze #999fb9; -@define-color insensitive_bg_color_breeze #1a1a28; -@define-color insensitive_borders_breeze #393b4c; -@define-color insensitive_fg_color_breeze #999fb9; -@define-color insensitive_selected_bg_color_breeze #1a1a28; -@define-color insensitive_selected_fg_color_breeze #999fb9; -@define-color insensitive_unfocused_bg_color_breeze #1a1a28; -@define-color insensitive_unfocused_fg_color_breeze #999fb9; -@define-color insensitive_unfocused_selected_bg_color_breeze #1a1a28; -@define-color insensitive_unfocused_selected_fg_color_breeze #999fb9; -@define-color link_color_breeze #a6e3a1; -@define-color link_visited_color_breeze #cba6f7; -@define-color success_color_backdrop_breeze #728396; -@define-color success_color_breeze #a6e3a1; -@define-color success_color_insensitive_backdrop_breeze #7da87f; -@define-color success_color_insensitive_breeze #7da87f; -@define-color theme_base_color_breeze #1e1e2e; -@define-color theme_bg_color_breeze #181825; -@define-color theme_button_background_backdrop_breeze #202031; -@define-color theme_button_background_backdrop_insensitive_breeze #2b2c3d; -@define-color theme_button_background_insensitive_breeze #2b2c3d; -@define-color theme_button_background_normal_breeze #313244; -@define-color theme_button_decoration_focus_backdrop_breeze #728396; -@define-color theme_button_decoration_focus_backdrop_insensitive_breeze #7da87f; -@define-color theme_button_decoration_focus_breeze #a6e3a1; -@define-color theme_button_decoration_focus_insensitive_breeze #7da87f; -@define-color theme_button_decoration_hover_backdrop_breeze #202031; -@define-color theme_button_decoration_hover_backdrop_insensitive_breeze #2b2c3d; -@define-color theme_button_decoration_hover_breeze #313244; -@define-color theme_button_decoration_hover_insensitive_breeze #2b2c3d; -@define-color theme_button_foreground_active_backdrop_breeze #808194; -@define-color theme_button_foreground_active_backdrop_insensitive_breeze #999fb9; -@define-color theme_button_foreground_active_breeze #11111b; -@define-color theme_button_foreground_active_insensitive_breeze #999fb9; -@define-color theme_button_foreground_backdrop_breeze #808194; -@define-color theme_button_foreground_backdrop_insensitive_breeze #999fb9; -@define-color theme_button_foreground_insensitive_breeze #999fb9; -@define-color theme_button_foreground_normal_breeze #cdd6f4; -@define-color theme_fg_color_breeze #cdd6f4; -@define-color theme_header_background_backdrop_breeze #1e1e2e; -@define-color theme_header_background_breeze #181825; -@define-color theme_header_background_light_breeze #181825; -@define-color theme_header_foreground_backdrop_breeze #808194; -@define-color theme_header_foreground_breeze #cdd6f4; -@define-color theme_header_foreground_insensitive_backdrop_breeze #808194; -@define-color theme_header_foreground_insensitive_breeze #808194; -@define-color theme_hovering_selected_bg_color_breeze #313244; -@define-color theme_selected_bg_color_breeze #a6e3a1; -@define-color theme_selected_fg_color_breeze #11111b; -@define-color theme_text_color_breeze #cdd6f4; -@define-color theme_titlebar_background_backdrop_breeze #1e1e2e; -@define-color theme_titlebar_background_breeze #181825; -@define-color theme_titlebar_background_light_breeze #181825; -@define-color theme_titlebar_foreground_backdrop_breeze #808194; -@define-color theme_titlebar_foreground_breeze #cdd6f4; -@define-color theme_titlebar_foreground_insensitive_backdrop_breeze #808194; -@define-color theme_titlebar_foreground_insensitive_breeze #808194; -@define-color theme_unfocused_base_color_breeze #1e1e2e; -@define-color theme_unfocused_bg_color_breeze #1e1e2e; -@define-color theme_unfocused_fg_color_breeze #808194; -@define-color theme_unfocused_selected_bg_color_alt_breeze #2e3242; -@define-color theme_unfocused_selected_bg_color_breeze #2e3242; -@define-color theme_unfocused_selected_fg_color_breeze #808194; -@define-color theme_unfocused_text_color_breeze #808194; -@define-color theme_unfocused_view_bg_color_breeze #1e1e2e; -@define-color theme_unfocused_view_text_color_breeze #999fb9; -@define-color theme_view_active_decoration_color_breeze #313244; -@define-color theme_view_hover_decoration_color_breeze #313244; -@define-color tooltip_background_breeze #1e1e2e; -@define-color tooltip_border_breeze #4a4c60; -@define-color tooltip_text_breeze #cdd6f4; -@define-color unfocused_borders_breeze #363747; -@define-color unfocused_insensitive_borders_breeze #393b4c; -@define-color warning_color_backdrop_breeze #87848f; -@define-color warning_color_breeze #f9e2af; -@define-color warning_color_insensitive_backdrop_breeze #b7a788; -@define-color warning_color_insensitive_breeze #b7a788; diff --git a/dotfiles/gtk-3.0/gtk.css b/dotfiles/gtk-3.0/gtk.css deleted file mode 100644 index c9763f7..0000000 --- a/dotfiles/gtk-3.0/gtk.css +++ /dev/null @@ -1 +0,0 @@ -@import 'colors.css'; \ No newline at end of file diff --git a/dotfiles/gtk-3.0/settings.ini b/dotfiles/gtk-3.0/settings.ini deleted file mode 100644 index 28d925c..0000000 --- a/dotfiles/gtk-3.0/settings.ini +++ /dev/null @@ -1,17 +0,0 @@ -[Settings] -gtk-theme-name=Catppuccin-Mocha-Standard-Rosewater-Dark -gtk-icon-theme-name=Adwaita -gtk-font-name=FiraCode Nerd Font 12 -gtk-cursor-theme-name=Adwaita -gtk-cursor-theme-size=24 -gtk-toolbar-style=GTK_TOOLBAR_ICONS -gtk-toolbar-icon-size=GTK_ICON_SIZE_LARGE_TOOLBAR -gtk-button-images=0 -gtk-menu-images=0 -gtk-enable-event-sounds=1 -gtk-enable-input-feedback-sounds=0 -gtk-xft-antialias=1 -gtk-xft-hinting=1 -gtk-xft-hintstyle=hintslight -gtk-xft-rgba=rgb -gtk-application-prefer-dark-theme=1 diff --git a/dotfiles/gtk-4.0/.nomedia b/dotfiles/gtk-4.0/.nomedia deleted file mode 100644 index e69de29..0000000 diff --git a/dotfiles/gtk-4.0/assets/checkbox-checked-symbolic.svg b/dotfiles/gtk-4.0/assets/checkbox-checked-symbolic.svg deleted file mode 100644 index 7b89e88..0000000 --- a/dotfiles/gtk-4.0/assets/checkbox-checked-symbolic.svg +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/checkbox-checked-symbolic@2.svg b/dotfiles/gtk-4.0/assets/checkbox-checked-symbolic@2.svg deleted file mode 100644 index 17e3c4a..0000000 --- a/dotfiles/gtk-4.0/assets/checkbox-checked-symbolic@2.svg +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/checkbox-mixed-symbolic.svg b/dotfiles/gtk-4.0/assets/checkbox-mixed-symbolic.svg deleted file mode 100644 index b4808a6..0000000 --- a/dotfiles/gtk-4.0/assets/checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg b/dotfiles/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg deleted file mode 100644 index 3ea0541..0000000 --- a/dotfiles/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/close-symbolic.svg b/dotfiles/gtk-4.0/assets/close-symbolic.svg deleted file mode 100644 index 06201c3..0000000 --- a/dotfiles/gtk-4.0/assets/close-symbolic.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/dotfiles/gtk-4.0/assets/close-symbolic@2.svg b/dotfiles/gtk-4.0/assets/close-symbolic@2.svg deleted file mode 100644 index a26e6ff..0000000 --- a/dotfiles/gtk-4.0/assets/close-symbolic@2.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/dotfiles/gtk-4.0/assets/cursor-handle-symbolic.svg b/dotfiles/gtk-4.0/assets/cursor-handle-symbolic.svg deleted file mode 100644 index e2a252b..0000000 --- a/dotfiles/gtk-4.0/assets/cursor-handle-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/dotfiles/gtk-4.0/assets/maximize-symbolic.svg b/dotfiles/gtk-4.0/assets/maximize-symbolic.svg deleted file mode 100644 index 39316eb..0000000 --- a/dotfiles/gtk-4.0/assets/maximize-symbolic.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/dotfiles/gtk-4.0/assets/maximize-symbolic@2.svg b/dotfiles/gtk-4.0/assets/maximize-symbolic@2.svg deleted file mode 100644 index 8095f75..0000000 --- a/dotfiles/gtk-4.0/assets/maximize-symbolic@2.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/dotfiles/gtk-4.0/assets/menu-radio-symbolic.svg b/dotfiles/gtk-4.0/assets/menu-radio-symbolic.svg deleted file mode 100644 index a70839a..0000000 --- a/dotfiles/gtk-4.0/assets/menu-radio-symbolic.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/dotfiles/gtk-4.0/assets/menu-radio-symbolic@2.svg b/dotfiles/gtk-4.0/assets/menu-radio-symbolic@2.svg deleted file mode 100644 index f55ed39..0000000 --- a/dotfiles/gtk-4.0/assets/menu-radio-symbolic@2.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/dotfiles/gtk-4.0/assets/minimize-symbolic.svg b/dotfiles/gtk-4.0/assets/minimize-symbolic.svg deleted file mode 100644 index f3683b9..0000000 --- a/dotfiles/gtk-4.0/assets/minimize-symbolic.svg +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - diff --git a/dotfiles/gtk-4.0/assets/minimize-symbolic@2.svg b/dotfiles/gtk-4.0/assets/minimize-symbolic@2.svg deleted file mode 100644 index 741534b..0000000 --- a/dotfiles/gtk-4.0/assets/minimize-symbolic@2.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/dotfiles/gtk-4.0/assets/radio-checked-symbolic.svg b/dotfiles/gtk-4.0/assets/radio-checked-symbolic.svg deleted file mode 100644 index 67beb46..0000000 --- a/dotfiles/gtk-4.0/assets/radio-checked-symbolic.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/radio-checked-symbolic@2.svg b/dotfiles/gtk-4.0/assets/radio-checked-symbolic@2.svg deleted file mode 100644 index bf51d9e..0000000 --- a/dotfiles/gtk-4.0/assets/radio-checked-symbolic@2.svg +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/radio-mixed-symbolic.svg b/dotfiles/gtk-4.0/assets/radio-mixed-symbolic.svg deleted file mode 100644 index b4808a6..0000000 --- a/dotfiles/gtk-4.0/assets/radio-mixed-symbolic.svg +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/radio-mixed-symbolic@2.svg b/dotfiles/gtk-4.0/assets/radio-mixed-symbolic@2.svg deleted file mode 100644 index 3ea0541..0000000 --- a/dotfiles/gtk-4.0/assets/radio-mixed-symbolic@2.svg +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-dark.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-dark.svg deleted file mode 100644 index cfce2ec..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-dark.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.svg deleted file mode 100644 index ea91f76..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.svg deleted file mode 100644 index efcbf11..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.svg deleted file mode 100644 index 5a349f0..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.svg deleted file mode 100644 index 5087694..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.svg deleted file mode 100644 index 115682c..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider.svg deleted file mode 100644 index f3030e5..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider@2.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider@2.svg deleted file mode 100644 index 1f6dc7b..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-after-slider@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-dark.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-dark.svg deleted file mode 100644 index c51df23..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-dark.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.svg deleted file mode 100644 index 3c7ff29..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.svg deleted file mode 100644 index 1d3885c..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.svg deleted file mode 100644 index 9bc596f..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.svg deleted file mode 100644 index e805c47..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.svg deleted file mode 100644 index 66ed73d..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider.svg deleted file mode 100644 index 0f980d8..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider@2.svg b/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider@2.svg deleted file mode 100644 index ec15c45..0000000 --- a/dotfiles/gtk-4.0/assets/scale-horz-marks-before-slider@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-dark.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-dark.svg deleted file mode 100644 index 0cdf877..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-dark.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.svg deleted file mode 100644 index 824b408..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.svg deleted file mode 100644 index bcfc318..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.svg deleted file mode 100644 index 363a121..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.svg deleted file mode 100644 index bc12433..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.svg deleted file mode 100644 index 464afd4..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider.svg deleted file mode 100644 index 3524d66..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider@2.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider@2.svg deleted file mode 100644 index 2c23e85..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-after-slider@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-dark.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-dark.svg deleted file mode 100644 index e5653bf..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-dark.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.svg deleted file mode 100644 index 2e4cb91..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.svg deleted file mode 100644 index 6a08c9e..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.svg deleted file mode 100644 index 41d301e..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.svg deleted file mode 100644 index 7cb5ac1..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.svg deleted file mode 100644 index de5e9b7..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider.svg deleted file mode 100644 index 9675fb4..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider@2.svg b/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider@2.svg deleted file mode 100644 index a41f304..0000000 --- a/dotfiles/gtk-4.0/assets/scale-vert-marks-before-slider@2.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked-dark.svg b/dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked-dark.svg deleted file mode 100644 index 9dd6480..0000000 --- a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked-dark.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.svg b/dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.svg deleted file mode 100644 index dba8fce..0000000 --- a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked.svg b/dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked.svg deleted file mode 100644 index 9dd6480..0000000 --- a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked@2.svg b/dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked@2.svg deleted file mode 100644 index dba8fce..0000000 --- a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-checked@2.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.svg b/dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.svg deleted file mode 100644 index fcef2e3..0000000 --- a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.svg b/dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.svg deleted file mode 100644 index 51bfb54..0000000 --- a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked.svg b/dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked.svg deleted file mode 100644 index e105105..0000000 --- a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.svg b/dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.svg deleted file mode 100644 index 38ae7b6..0000000 --- a/dotfiles/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/dotfiles/gtk-4.0/assets/small-checkbox-checked-symbolic.svg b/dotfiles/gtk-4.0/assets/small-checkbox-checked-symbolic.svg deleted file mode 100644 index 4759e32..0000000 --- a/dotfiles/gtk-4.0/assets/small-checkbox-checked-symbolic.svg +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg b/dotfiles/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg deleted file mode 100644 index a44f5c9..0000000 --- a/dotfiles/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg b/dotfiles/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg deleted file mode 100644 index d621934..0000000 --- a/dotfiles/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg b/dotfiles/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg deleted file mode 100644 index 91c7006..0000000 --- a/dotfiles/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/small-radio-checked-symbolic.svg b/dotfiles/gtk-4.0/assets/small-radio-checked-symbolic.svg deleted file mode 100644 index f2c9cf9..0000000 --- a/dotfiles/gtk-4.0/assets/small-radio-checked-symbolic.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - diff --git a/dotfiles/gtk-4.0/assets/small-radio-checked-symbolic@2.svg b/dotfiles/gtk-4.0/assets/small-radio-checked-symbolic@2.svg deleted file mode 100644 index a06db4c..0000000 --- a/dotfiles/gtk-4.0/assets/small-radio-checked-symbolic@2.svg +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - diff --git a/dotfiles/gtk-4.0/assets/small-radio-mixed-symbolic.svg b/dotfiles/gtk-4.0/assets/small-radio-mixed-symbolic.svg deleted file mode 100644 index d621934..0000000 --- a/dotfiles/gtk-4.0/assets/small-radio-mixed-symbolic.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg b/dotfiles/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg deleted file mode 100644 index 91c7006..0000000 --- a/dotfiles/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/unmaximize-symbolic.svg b/dotfiles/gtk-4.0/assets/unmaximize-symbolic.svg deleted file mode 100644 index 492d47a..0000000 --- a/dotfiles/gtk-4.0/assets/unmaximize-symbolic.svg +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - diff --git a/dotfiles/gtk-4.0/assets/unmaximize-symbolic@2.svg b/dotfiles/gtk-4.0/assets/unmaximize-symbolic@2.svg deleted file mode 100644 index 85f4f3a..0000000 --- a/dotfiles/gtk-4.0/assets/unmaximize-symbolic@2.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/dotfiles/gtk-4.0/colors.css b/dotfiles/gtk-4.0/colors.css deleted file mode 100644 index 725ea5d..0000000 --- a/dotfiles/gtk-4.0/colors.css +++ /dev/null @@ -1,84 +0,0 @@ -@define-color borders_breeze #454859; -@define-color content_view_bg_breeze #1e1e2e; -@define-color error_color_backdrop_breeze #876790; -@define-color error_color_breeze #f38ba8; -@define-color error_color_insensitive_backdrop_breeze #b36a83; -@define-color error_color_insensitive_breeze #b36a83; -@define-color insensitive_base_color_breeze #1e1e2e; -@define-color insensitive_base_fg_color_breeze #999fb9; -@define-color insensitive_bg_color_breeze #1a1a28; -@define-color insensitive_borders_breeze #393b4c; -@define-color insensitive_fg_color_breeze #999fb9; -@define-color insensitive_selected_bg_color_breeze #1a1a28; -@define-color insensitive_selected_fg_color_breeze #999fb9; -@define-color insensitive_unfocused_bg_color_breeze #1a1a28; -@define-color insensitive_unfocused_fg_color_breeze #999fb9; -@define-color insensitive_unfocused_selected_bg_color_breeze #1a1a28; -@define-color insensitive_unfocused_selected_fg_color_breeze #999fb9; -@define-color link_color_breeze #a6e3a1; -@define-color link_visited_color_breeze #cba6f7; -@define-color success_color_backdrop_breeze #728396; -@define-color success_color_breeze #a6e3a1; -@define-color success_color_insensitive_backdrop_breeze #7da87f; -@define-color success_color_insensitive_breeze #7da87f; -@define-color theme_base_color_breeze #1e1e2e; -@define-color theme_bg_color_breeze #181825; -@define-color theme_button_background_backdrop_breeze #202031; -@define-color theme_button_background_backdrop_insensitive_breeze #2b2c3d; -@define-color theme_button_background_insensitive_breeze #2b2c3d; -@define-color theme_button_background_normal_breeze #313244; -@define-color theme_button_decoration_focus_backdrop_breeze #728396; -@define-color theme_button_decoration_focus_backdrop_insensitive_breeze #7da87f; -@define-color theme_button_decoration_focus_breeze #a6e3a1; -@define-color theme_button_decoration_focus_insensitive_breeze #7da87f; -@define-color theme_button_decoration_hover_backdrop_breeze #202031; -@define-color theme_button_decoration_hover_backdrop_insensitive_breeze #2b2c3d; -@define-color theme_button_decoration_hover_breeze #313244; -@define-color theme_button_decoration_hover_insensitive_breeze #2b2c3d; -@define-color theme_button_foreground_active_backdrop_breeze #808194; -@define-color theme_button_foreground_active_backdrop_insensitive_breeze #999fb9; -@define-color theme_button_foreground_active_breeze #11111b; -@define-color theme_button_foreground_active_insensitive_breeze #999fb9; -@define-color theme_button_foreground_backdrop_breeze #808194; -@define-color theme_button_foreground_backdrop_insensitive_breeze #999fb9; -@define-color theme_button_foreground_insensitive_breeze #999fb9; -@define-color theme_button_foreground_normal_breeze #cdd6f4; -@define-color theme_fg_color_breeze #cdd6f4; -@define-color theme_header_background_backdrop_breeze #1e1e2e; -@define-color theme_header_background_breeze #181825; -@define-color theme_header_background_light_breeze #181825; -@define-color theme_header_foreground_backdrop_breeze #808194; -@define-color theme_header_foreground_breeze #cdd6f4; -@define-color theme_header_foreground_insensitive_backdrop_breeze #808194; -@define-color theme_header_foreground_insensitive_breeze #808194; -@define-color theme_hovering_selected_bg_color_breeze #313244; -@define-color theme_selected_bg_color_breeze #a6e3a1; -@define-color theme_selected_fg_color_breeze #11111b; -@define-color theme_text_color_breeze #cdd6f4; -@define-color theme_titlebar_background_backdrop_breeze #1e1e2e; -@define-color theme_titlebar_background_breeze #181825; -@define-color theme_titlebar_background_light_breeze #181825; -@define-color theme_titlebar_foreground_backdrop_breeze #808194; -@define-color theme_titlebar_foreground_breeze #cdd6f4; -@define-color theme_titlebar_foreground_insensitive_backdrop_breeze #808194; -@define-color theme_titlebar_foreground_insensitive_breeze #808194; -@define-color theme_unfocused_base_color_breeze #1e1e2e; -@define-color theme_unfocused_bg_color_breeze #1e1e2e; -@define-color theme_unfocused_fg_color_breeze #808194; -@define-color theme_unfocused_selected_bg_color_alt_breeze #2e3242; -@define-color theme_unfocused_selected_bg_color_breeze #2e3242; -@define-color theme_unfocused_selected_fg_color_breeze #808194; -@define-color theme_unfocused_text_color_breeze #808194; -@define-color theme_unfocused_view_bg_color_breeze #1e1e2e; -@define-color theme_unfocused_view_text_color_breeze #999fb9; -@define-color theme_view_active_decoration_color_breeze #313244; -@define-color theme_view_hover_decoration_color_breeze #313244; -@define-color tooltip_background_breeze #1e1e2e; -@define-color tooltip_border_breeze #4a4c60; -@define-color tooltip_text_breeze #cdd6f4; -@define-color unfocused_borders_breeze #363747; -@define-color unfocused_insensitive_borders_breeze #393b4c; -@define-color warning_color_backdrop_breeze #87848f; -@define-color warning_color_breeze #f9e2af; -@define-color warning_color_insensitive_backdrop_breeze #b7a788; -@define-color warning_color_insensitive_breeze #b7a788; diff --git a/dotfiles/gtk-4.0/gtk-dark.css b/dotfiles/gtk-4.0/gtk-dark.css deleted file mode 100644 index 0a7889b..0000000 --- a/dotfiles/gtk-4.0/gtk-dark.css +++ /dev/null @@ -1,8502 +0,0 @@ -@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, #a6e3a1 0%, transparent 0%); - } - to { - background-image: radial-gradient(circle, #a6e3a1 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 #a6e3a1; - background-color: rgba(166, 227, 161, 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: #a6e3a1; -} - -.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 #a6e3a1; - 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(239, 241, 245, 0.08); - color: rgba(239, 241, 245, 0.7); - 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(239, 241, 245, 0.08); - box-shadow: inset 0 0 0 2px transparent; - color: #eff1f5; - 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: #eff1f5; - 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(239, 241, 245, 0.08); - color: rgba(239, 241, 245, 0.5); - 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 #a6e3a1; - 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, #a6e3a1 0%, rgba(166, 227, 161, 0) 0%); - } - to { - background-image: radial-gradient(farthest-side, #a6e3a1 95%, rgba(166, 227, 161, 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(166, 227, 161, 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: #a6e3a1; - 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: #b9e9b5; - 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(166, 227, 161, 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: #a6e3a1; - color: rgba(17, 17, 27, 0.87); - border-color: #a6e3a1; -} - -button.card:checked:hover { - background-image: none; - outline-color: transparent; - background-color: #b9e9b5; - color: rgba(17, 17, 27, 0.87); -} - -button.card:checked:disabled { - outline-color: transparent; - background-color: rgba(166, 227, 161, 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: #a6e3a1; - 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(129, 175, 128, 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(166, 227, 161, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #a6e3a1; -} - -button.suggested-action.flat:disabled { - color: rgba(239, 241, 245, 0.32); - background-color: transparent; -} - -button.suggested-action.flat:checked { - background-color: rgba(166, 227, 161, 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: #a6e3a1; - 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: #a6e3a1; - 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: #a6e3a1; - 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 #a6e3a1; - 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: #a6e3a1; - 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(166, 227, 161, 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 #a6e3a1; - 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: #a6e3a1; -} - -columnview.view acceleditor > label, -treeview.view acceleditor > label { - background-color: #a6e3a1; -} - -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(#a6e3a1, 0.4) 10%, alpha(#a6e3a1, 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(#a6e3a1, 0.4) 10%, alpha(#a6e3a1, 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(#a6e3a1, 0.5), alpha(#a6e3a1, 0.3) 1px, alpha(#a6e3a1, 0) 20px); -} - -tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, alpha(#a6e3a1, 0.5), alpha(#a6e3a1, 0.3) 1px, alpha(#a6e3a1, 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(#a6e3a1, 0.4) 10%, alpha(#a6e3a1, 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(#a6e3a1, 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: #a6e3a1; - min-width: 12px; - min-height: 12px; - border-radius: 6px; - margin: 3px; - box-shadow: 0 1px 2px alpha(#a6e3a1, 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: #a6e3a1; -} - -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: #a6e3a1; -} - -check:checked:hover, check:indeterminate:hover, -radio:checked:hover, -radio:indeterminate:hover { - box-shadow: 0 0 0 6px rgba(166, 227, 161, 0.15); - background-color: #cbefc8; -} - -check:checked:active, check:indeterminate:active, -radio:checked:active, -radio:indeterminate:active { - box-shadow: 0 0 0 6px rgba(166, 227, 161, 0.2); - background-color: #a6e3a1; -} - -check:checked:disabled, check:indeterminate:disabled, -radio:checked:disabled, -radio:indeterminate:disabled { - color: rgba(17, 17, 27, 0.6); - background-color: rgba(166, 227, 161, 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: #a6e3a1; -} - -/************ - * 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(#a6e3a1); -} - -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: #a6e3a1; - background-color: #1e1e2e; - box-shadow: inset 0 0 0 2px #a6e3a1, 0 0 0 8px transparent; -} - -scale > trough > slider:hover { - box-shadow: inset 0 0 0 2px #a6e3a1, 0 0 0 8px rgba(239, 241, 245, 0.12); -} - -scale > trough > slider:active { - box-shadow: inset 0 0 0 4px #a6e3a1, 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: #a6e3a1; -} - -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: #a6e3a1; -} - -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: #a6e3a1; -} - -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: #a6e3a1; -} - -.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 #a6e3a1; -} - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: rgba(17, 17, 27, 0.87); - background-color: #a6e3a1; -} - -/********************* - * App Notifications * - *********************/ -.app-notification { - margin: 6px; - border-spacing: 0; - padding: 0; - border: none; - background-image: none; -} - -.app-notification button.text-button:not(:disabled) { - color: #a6e3a1; -} - -.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: #a6e3a1; -} - -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: #a6e3a1; -} - -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: #a6e3a1; -} - -placessidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #a6e3a1; -} - -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: #a6e3a1; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #a6e3a1; - 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: #93dd8d; -} - -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 #a6e3a1; -} - -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: #a6e3a1; - background-color: rgba(166, 227, 161, 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: #a6e3a1; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #a6e3a1; - -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: #a6e3a1; -} - -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: #a6e3a1; -} - -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: #a6e3a1; - 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: #a6e3a1; -} - -label.secondary-label { - color: rgba(239, 241, 245, 0.5); -} - -calendar-view { - font-size: 10pt; -} - -calendar-view:selected { - color: #a6e3a1; - 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(#a6e3a1, 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: #a6e3a1; - 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: #a6e3a1; -} - -datechooser button.day.today dot { - background-color: #a6e3a1; -} - -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(#a6e3a1, 0.8); - margin: 0 0 0 1px; - min-height: 3px; -} - -weekgrid:selected, weekgrid.dnd, -.week-header:selected, -.week-header.dnd { - background-color: alpha(#a6e3a1, 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(#a6e3a1, 0.1); -} - -monthcell:selected:hover { - background-color: alpha(#a6e3a1, 0.2); -} - -monthcell:selected label.day-label { - font-weight: bold; -} - -monthcell:nth-child(7n + 1) { - border-left-width: 0; -} - -monthcell.today { - background-color: alpha(#a6e3a1, 0.2); -} - -monthcell.today:hover { - background-color: alpha(#a6e3a1, 0.3); - color: #a6e3a1; -} - -monthcell.today:selected { - background-color: alpha(#a6e3a1, 0.25); -} - -monthcell.today:selected:hover { - background-color: alpha(#a6e3a1, 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: #a6e3a1; - 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, #a6e3a1 2px, alpha(#a6e3a1, 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: #a6e3a1; -} - -.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: #a6e3a1; -} - -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 #a6e3a1; - background: rgba(166, 227, 161, 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: #a6e3a1; -} - -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: #a6e3a1; -} - -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: #a6e3a1; - 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(#a6e3a1,#181825,0.7); - color: #eff1f5; -} - -.sidebar-pane banner > revealer > widget:backdrop { - background-color: mix(#a6e3a1,#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(#a6e3a1,#1e1e2e,0.7); - color: #eff1f5; -} - -.content-pane .sidebar-pane banner > revealer > widget:backdrop, -.sidebar-pane .content-pane banner > revealer > widget:backdrop { - background-color: mix(#a6e3a1,#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 #a6e3a1; -} - -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: #a6e3a1; -} - -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: #a6e3a1; -} - -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 #a6e3a1; -} - -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 #a6e3a1; -/* -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 #a6e3a1; -/* -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 #a6e3a1; -@define-color budgie_tasklist_indicator_color_active_window #618263; -@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 #a6e3a1; -@define-color accent_fg_color rgba(17, 17, 27, 0.87); -@define-color accent_color #a6e3a1; -@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/dotfiles/gtk-4.0/gtk.css b/dotfiles/gtk-4.0/gtk.css deleted file mode 100644 index 0a7889b..0000000 --- a/dotfiles/gtk-4.0/gtk.css +++ /dev/null @@ -1,8502 +0,0 @@ -@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, #a6e3a1 0%, transparent 0%); - } - to { - background-image: radial-gradient(circle, #a6e3a1 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 #a6e3a1; - background-color: rgba(166, 227, 161, 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: #a6e3a1; -} - -.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 #a6e3a1; - 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(239, 241, 245, 0.08); - color: rgba(239, 241, 245, 0.7); - 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(239, 241, 245, 0.08); - box-shadow: inset 0 0 0 2px transparent; - color: #eff1f5; - 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: #eff1f5; - 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(239, 241, 245, 0.08); - color: rgba(239, 241, 245, 0.5); - 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 #a6e3a1; - 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, #a6e3a1 0%, rgba(166, 227, 161, 0) 0%); - } - to { - background-image: radial-gradient(farthest-side, #a6e3a1 95%, rgba(166, 227, 161, 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(166, 227, 161, 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: #a6e3a1; - 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: #b9e9b5; - 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(166, 227, 161, 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: #a6e3a1; - color: rgba(17, 17, 27, 0.87); - border-color: #a6e3a1; -} - -button.card:checked:hover { - background-image: none; - outline-color: transparent; - background-color: #b9e9b5; - color: rgba(17, 17, 27, 0.87); -} - -button.card:checked:disabled { - outline-color: transparent; - background-color: rgba(166, 227, 161, 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: #a6e3a1; - 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(129, 175, 128, 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(166, 227, 161, 0.35); -} - -button.suggested-action.flat { - background-color: transparent; - color: #a6e3a1; -} - -button.suggested-action.flat:disabled { - color: rgba(239, 241, 245, 0.32); - background-color: transparent; -} - -button.suggested-action.flat:checked { - background-color: rgba(166, 227, 161, 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: #a6e3a1; - 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: #a6e3a1; - 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: #a6e3a1; - 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 #a6e3a1; - 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: #a6e3a1; - 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(166, 227, 161, 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 #a6e3a1; - 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: #a6e3a1; -} - -columnview.view acceleditor > label, -treeview.view acceleditor > label { - background-color: #a6e3a1; -} - -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(#a6e3a1, 0.4) 10%, alpha(#a6e3a1, 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(#a6e3a1, 0.4) 10%, alpha(#a6e3a1, 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(#a6e3a1, 0.5), alpha(#a6e3a1, 0.3) 1px, alpha(#a6e3a1, 0) 20px); -} - -tabbar .needs-attention-right undershoot.right { - background: linear-gradient(to left, alpha(#a6e3a1, 0.5), alpha(#a6e3a1, 0.3) 1px, alpha(#a6e3a1, 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(#a6e3a1, 0.4) 10%, alpha(#a6e3a1, 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(#a6e3a1, 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: #a6e3a1; - min-width: 12px; - min-height: 12px; - border-radius: 6px; - margin: 3px; - box-shadow: 0 1px 2px alpha(#a6e3a1, 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: #a6e3a1; -} - -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: #a6e3a1; -} - -check:checked:hover, check:indeterminate:hover, -radio:checked:hover, -radio:indeterminate:hover { - box-shadow: 0 0 0 6px rgba(166, 227, 161, 0.15); - background-color: #cbefc8; -} - -check:checked:active, check:indeterminate:active, -radio:checked:active, -radio:indeterminate:active { - box-shadow: 0 0 0 6px rgba(166, 227, 161, 0.2); - background-color: #a6e3a1; -} - -check:checked:disabled, check:indeterminate:disabled, -radio:checked:disabled, -radio:indeterminate:disabled { - color: rgba(17, 17, 27, 0.6); - background-color: rgba(166, 227, 161, 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: #a6e3a1; -} - -/************ - * 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(#a6e3a1); -} - -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: #a6e3a1; - background-color: #1e1e2e; - box-shadow: inset 0 0 0 2px #a6e3a1, 0 0 0 8px transparent; -} - -scale > trough > slider:hover { - box-shadow: inset 0 0 0 2px #a6e3a1, 0 0 0 8px rgba(239, 241, 245, 0.12); -} - -scale > trough > slider:active { - box-shadow: inset 0 0 0 4px #a6e3a1, 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: #a6e3a1; -} - -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: #a6e3a1; -} - -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: #a6e3a1; -} - -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: #a6e3a1; -} - -.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 #a6e3a1; -} - -columnview row:not(:selected) cell editablelabel.editing text selection { - color: rgba(17, 17, 27, 0.87); - background-color: #a6e3a1; -} - -/********************* - * App Notifications * - *********************/ -.app-notification { - margin: 6px; - border-spacing: 0; - padding: 0; - border: none; - background-image: none; -} - -.app-notification button.text-button:not(:disabled) { - color: #a6e3a1; -} - -.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: #a6e3a1; -} - -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: #a6e3a1; -} - -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: #a6e3a1; -} - -placessidebar row.sidebar-new-bookmark-row image.sidebar-icon { - color: #a6e3a1; -} - -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: #a6e3a1; -} - -infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { - background-color: #a6e3a1; - 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: #93dd8d; -} - -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 #a6e3a1; -} - -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: #a6e3a1; - background-color: rgba(166, 227, 161, 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: #a6e3a1; -} - -/********************** - * Touch Copy & Paste * - **********************/ -cursor-handle { - color: #a6e3a1; - -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: #a6e3a1; -} - -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: #a6e3a1; -} - -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: #a6e3a1; - 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: #a6e3a1; -} - -label.secondary-label { - color: rgba(239, 241, 245, 0.5); -} - -calendar-view { - font-size: 10pt; -} - -calendar-view:selected { - color: #a6e3a1; - 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(#a6e3a1, 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: #a6e3a1; - 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: #a6e3a1; -} - -datechooser button.day.today dot { - background-color: #a6e3a1; -} - -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(#a6e3a1, 0.8); - margin: 0 0 0 1px; - min-height: 3px; -} - -weekgrid:selected, weekgrid.dnd, -.week-header:selected, -.week-header.dnd { - background-color: alpha(#a6e3a1, 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(#a6e3a1, 0.1); -} - -monthcell:selected:hover { - background-color: alpha(#a6e3a1, 0.2); -} - -monthcell:selected label.day-label { - font-weight: bold; -} - -monthcell:nth-child(7n + 1) { - border-left-width: 0; -} - -monthcell.today { - background-color: alpha(#a6e3a1, 0.2); -} - -monthcell.today:hover { - background-color: alpha(#a6e3a1, 0.3); - color: #a6e3a1; -} - -monthcell.today:selected { - background-color: alpha(#a6e3a1, 0.25); -} - -monthcell.today:selected:hover { - background-color: alpha(#a6e3a1, 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: #a6e3a1; - 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, #a6e3a1 2px, alpha(#a6e3a1, 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: #a6e3a1; -} - -.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: #a6e3a1; -} - -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 #a6e3a1; - background: rgba(166, 227, 161, 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: #a6e3a1; -} - -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: #a6e3a1; -} - -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: #a6e3a1; - 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(#a6e3a1,#181825,0.7); - color: #eff1f5; -} - -.sidebar-pane banner > revealer > widget:backdrop { - background-color: mix(#a6e3a1,#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(#a6e3a1,#1e1e2e,0.7); - color: #eff1f5; -} - -.content-pane .sidebar-pane banner > revealer > widget:backdrop, -.sidebar-pane .content-pane banner > revealer > widget:backdrop { - background-color: mix(#a6e3a1,#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 #a6e3a1; -} - -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: #a6e3a1; -} - -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: #a6e3a1; -} - -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 #a6e3a1; -} - -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 #a6e3a1; -/* -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 #a6e3a1; -/* -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 #a6e3a1; -@define-color budgie_tasklist_indicator_color_active_window #618263; -@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 #a6e3a1; -@define-color accent_fg_color rgba(17, 17, 27, 0.87); -@define-color accent_color #a6e3a1; -@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/dotfiles/gtk-4.0/settings.ini b/dotfiles/gtk-4.0/settings.ini deleted file mode 100644 index e4d2e69..0000000 --- a/dotfiles/gtk-4.0/settings.ini +++ /dev/null @@ -1,12 +0,0 @@ -[Settings] -gtk-application-prefer-dark-theme=true -gtk-cursor-theme-name=Catppuccin-Mocha-Dark-Cursors -gtk-cursor-theme-size=32 -gtk-decoration-layout=icon:minimize,maximize,close -gtk-enable-animations=true -gtk-font-name=FiraCode Nerd Font, 12 -gtk-icon-theme-name=breeze-dark -gtk-modules=colorreload-gtk-module -gtk-primary-button-warps-slider=true -gtk-sound-theme-name=freedesktop -gtk-xft-dpi=98304 diff --git a/dotfiles/gtk-4.0/theme-info.json b/dotfiles/gtk-4.0/theme-info.json deleted file mode 100644 index 759e1e0..0000000 --- a/dotfiles/gtk-4.0/theme-info.json +++ /dev/null @@ -1 +0,0 @@ -{"THEME_NAME":"catppuccin-mocha-green-standard+default-dark"} \ No newline at end of file diff --git a/dotfiles/gtk-4.0/thumbnail.png b/dotfiles/gtk-4.0/thumbnail.png deleted file mode 100644 index bcd3509..0000000 --- a/dotfiles/gtk-4.0/thumbnail.png +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/dotfiles/hypr/hyprland.conf b/dotfiles/hypr/hyprland.conf deleted file mode 100644 index 609fe08..0000000 --- a/dotfiles/hypr/hyprland.conf +++ /dev/null @@ -1,260 +0,0 @@ -exec-once = touch ~/.config/hypr/pre -exec-once = touch ~/.config/hypr/monitors -exec-once = touch ~/.config/hypr/input -exec-once = touch ~/.config/hypr/post -source = ~/.config/hypr/pre - -monitor = ,preferred,auto,1 -source = ~/.config/hypr/monitors - -env = XCURSOR_THEME,Bibata-Modern-Ice -env = XCURSOR_SIZE,24 -env = WLR_DRM_NO_ATOMIC,1 -env = GTK_THEME,Catppuccin-Mocha-Standard-Rosewater-Dark:dark -env = EDITOR,emacs -env = TERM,xterm-kitty - -workspace = name:1, monitor:DP-1, persistent:true -workspace = name:2, monitor:DP-1, persistent:true -workspace = name:3, monitor:DP-1, persistent:true -workspace = name:4, monitor:DP-1, persistent:true -workspace = name:5, monitor:HDMI-A-1, persistent:true -workspace = name:6, monitor:HDMI-A-1, persistent:true -workspace = name:7, monitor:HDMI-A-1, persistent:true -workspace = name:8, monitor:HDMI-A-1, persistent:true -workspace = name:9, monitor:DP-3, persistent:true -workspace = special:magic - -input { - kb_layout = de - kb_variant = - kb_model = - kb_options = - kb_rules = - numlock_by_default = false -} - -input { - follow_mouse = 2 - mouse_refocus = false - accel_profile = flat - sensitivity = 0.2 # -1.0 - 1.0, 0 means no modification. -} - -device { - name = wacom-intuos-pro-m-pen - transform = 90 -} - -cursor { - inactive_timeout = 0 - no_warps = true -} - -misc { - mouse_move_focuses_monitor = true -} - -input { - touchpad { - natural_scroll = no - disable_while_typing = true - } -} - -gestures { - workspace_swipe = on - workspace_swipe_fingers = 3 - workspace_swipe_forever = true -} - -source = ~/.config/hypr/input - -general { - layout = dwindle -} - -dwindle { - pseudotile = yes preserve_split = yes # you probably want this -} - -master { - new_status = slave -} - -general { - gaps_in = 5 - gaps_out = 10 - border_size = 2 - col.active_border = rgb(a6e3a1) rgb(a6e3a1) 45deg - col.inactive_border = rgba(1e1e2eff) - # Please see https://wiki.hyprland.org/Configuring/Tearing/ before you turn this on - allow_tearing = true -} - -decoration { - rounding = 20 - blur { - enabled = true - size = 3 - passes = 1 - } - shadow { - range = 4 - render_power = 3 - color = rgba(1a1a1aee) - } -} - -animations { - enabled = yes - bezier = myBezier, 0.05, 0.9, 0.1, 1.05 - animation = windows, 1, 7, myBezier - animation = windowsOut, 1, 7, default, popin 80% - animation = border, 1, 10, default - animation = borderangle, 1, 8, default - animation = fade, 1, 7, default - animation = workspaces, 1, 6, default -} - -misc { - force_default_wallpaper = 1 -} - -exec-once = dbus-update-activation-environment --systemd DISPLAY -exec-once = waybar -exec-once = mako -exec-once = gnome-keyring-daemon --start --components=ssh -exec-once = swww-daemon -exec-once = waypaper --restore --random -exec-once = /usr/bin/emacs --daemon -exec-once = kdeconnect-cli -l -exec-once = kdeconnect-indicator -exec-once = protonmail-bridge-gui --no-window -exec-once = steam -silent -exec-once = syncthing - -exec-once = [workspace 2 silent] signal-desktop -exec-once = [workspace 2 silent] telegram-desktop -exec-once = [workspace 2 silent] dev.geopjr.Tuba -exec-once = [workspace 2 silent] element-desktop -exec-once = [workspace 3 silent] sleep 2; thunderbird -exec-once = [workspace 3 silent] obsidian -exec-once = [workspace 4 silent] emacsclient -c -a 'emacs' -exec-once = [workspace 5 silent] flatpak run io.github.zen_browser.zen -exec-once = [workspace 6 silent] sleep 2; vesktop -exec-once = [workspace 7 silent] cartridges -exec-once = [workspace 8 silent] feishin -exec-once = [workspace 9 silent] kitty -e btop -exec-once = [workspace 9 silent] kitty -e cava -exec-once = [workspace 9 silent] kitty -e asciiquarium -t - -windowrulev2 = float, class:^(kitty-floating)$ -windowrulev2 = float, class:^(gtkthememanager)$ -windowrulev2 = float, class:^(waypaper)$ -windowrulev2 = float, title:^(Steam Settings)$, class:^(steam)$ -windowrulev2 = float, class:^(org.gnome.Nautilus)$ -windowrulev2 = float, title:^(Smile)$, class:^(it.mijorus.smile)$ -windowrulev2 = float, class:^(nm-connection-editor)$ -windowrulev2 = float, class:^(org.gnome.Weather)$ -windowrulev2 = float, class:^(pavucontrol)$ -windowrulev2 = float, class:^(org.gnome.Calculator)$ -windowrulev2 = float, title:^(Picture-in-Picture)$, class:^(firefox)$ -windowrulev2 = size 768 423, title:^(Picture-in-Picture)$, class:^(firefox)$ -windowrulev2 = float, class:^(net.davidotek.pupgui2)$ -windowrulev2 = float, title:^(Speedtest)$ - -windowrulev2 = opacity 0.95, class:^(kitty)$ -windowrulev2 = opacity 0.95, class:^(Emacs)$ -windowrulev2 = opacity 0.95, class:^(kitty-floating)$ - -windowrulev2 = minsize 200 200, class:^(steam)$ -windowrulev2 = immediate, class:^(.*steam_app.*)$ -windowrulev2 = workspace 1, class:^(.*steam_app.*)$ -windowrulev2 = suppressevent fullscreen, class:^(.*steam_app.*)$ -windowrulev2 = tile, class:^(.*steam_app.*)$ -windowrulev2 = immediate, class:^(Rogue Genesia.x86_64)$ -windowrulev2 = workspace 1, class:^(Rogue Genesia.x86_64)$ -windowrulev2 = suppressevent fullscreen, class:^(Rogue Genesia.x86_64)$ -windowrulev2 = tile, class:^(Rogue Genesia.x86_64)$ - -$mainMod = SUPER -$shiftMod = SUPER_SHIFT -$controlMod = SUPER_CTRL - -bind = $mainMod, 1, workspace, 1 -bind = $mainMod, 2, workspace, 2 -bind = $mainMod, 3, workspace, 3 -bind = $mainMod, 4, workspace, 4 -bind = $mainMod, 5, workspace, 5 -bind = $mainMod, 6, workspace, 6 -bind = $mainMod, 7, workspace, 7 -bind = $mainMod, 8, workspace, 8 -bind = $mainMod, 9, workspace, 9 -bind = $mainMod, S, togglespecialworkspace, magic - -bind = $mainMod, mouse_down, workspace, m-1 -bind = $mainMod, mouse_up, workspace, m+1 -bind = $controlMod, right, workspace, m+1 -bind = $controlMod, left, workspace, m-1 - -bind = $shiftMod, 1, movetoworkspacesilent, 1 -bind = $shiftMod, 2, movetoworkspacesilent, 2 -bind = $shiftMod, 3, movetoworkspacesilent, 3 -bind = $shiftMod, 4, movetoworkspacesilent, 4 -bind = $shiftMod, 5, movetoworkspacesilent, 5 -bind = $shiftMod, 6, movetoworkspacesilent, 6 -bind = $shiftMod, 7, movetoworkspacesilent, 7 -bind = $shiftMod, 8, movetoworkspacesilent, 8 -bind = $shiftMod, 9, movetoworkspacesilent, 9 -bind = $shiftMod, 0, movetoworkspacesilent, 10 -bind = $mainMod SHIFT, S, movetoworkspace, special:magic - -bind = $mainMod, left, movefocus, l -bind = $mainMod, right, movefocus, r -bind = $mainMod, up, movefocus, u -bind = $mainMod, down, movefocus, d - -bind = $shiftMod, right, movewindow, r -bind = $shiftMod, left, movewindow, l -bind = $shiftMod, up, movewindow, u -bind = $shiftMod, down, movewindow, d - -bindm = $mainMod, mouse:272, movewindow -bindm = $mainMod, mouse:273, resizewindow - -binde = , XF86AudioRaiseVolume, exec, wpctl set-volume -l 1.5 @DEFAULT_AUDIO_SINK@ 5%+ -bindl = , XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%- -bind = $mainMod, j, exec, playerctl previous -bind = $mainMod, k, exec, playerctl play-pause -bind = $mainMod, l, exec, playerctl next - -bind = ,print, exec, grimblast copy area -bind = shift, print, exec, grimblast save area -bind = control, print, exec, grimblast save - -bind = $mainMod, return, exec, kitty -bind = $mainMod, A, exec, ~/.config/wofi/search.sh -bind = $mainMod, B, exec, rbw unlocked || kitty --class kitty-floating -e rbw unlock; rofi-rbw -bind = $mainMod, D, exec, rofi -show drun -bind = $mainMod, F, fullscreen, 0 -bind = $mainMod, G, togglefloating, -bind = $mainMod, O, exec, flatpak run io.github.zen_browser.zen -bind = $mainMod, P, exec, ~/.local/bin/power-menu -bind = $mainMod, F1, exec, swaylock --clock --indicator --indicator-radius 100 --screenshots --effect-blur 7x5 --inside-color 1e1e2e - -bind = $shiftMod, return, exec, kitty --class kitty-floating -bind = $shiftMod, B, exec, waypaper --restore --random -bind = $shiftMod, C, exec, hyprctrl dispatch reload -bind = $shiftMod, D, exec, wofi --show run --conf ~/.config/wofi/config_run -bind = $shiftMod, E, exec, emacsclient -c -a 'emacs' -bind = $shiftMod, F, fullscreen, 1 -bind = $shiftMod, J, exec, hyprctl dispatch togglespecialworkspace magic; hyprctl --instance 0 dispatch exec [workspace special:magic] flatpak run com.github.iwalton3.jellyfin-media-player -bind = $shiftMod, Q, killactive, -bind = $shiftMod, W, exec, killall .waybar-wrapped; waybar - -bind = $controlMod, up, exec, light -A 10 -bind = $controlMod, down, exec, light -U 10 -bind = $controlMod, Q, exec, hyprctl kill - -source = ~/.config/hypr/post diff --git a/dotfiles/hypr/input b/dotfiles/hypr/input deleted file mode 100644 index e69de29..0000000 diff --git a/dotfiles/hypr/monitors b/dotfiles/hypr/monitors deleted file mode 100644 index c95c7ce..0000000 --- a/dotfiles/hypr/monitors +++ /dev/null @@ -1,4 +0,0 @@ -monitor = desc:AOC Q27G2WG4 0x00005F45, 2560x1440@144, 3840x0, 1 # main monitor -monitor = desc:Samsung Electric Company S24D330 0x5A5A5131, 1920x1080@60, 3840x1440, 1 # side monitor -monitor = desc:Panasonic Industry Company Panasonic-TV, 3840x2160@30, 0x0, 1 # tv -monitor = desc:InfoVision Optoelectronics (Kunshan) Co.Ltd China 0x057E, preferred, auto, 0.666667 diff --git a/dotfiles/hypr/post b/dotfiles/hypr/post deleted file mode 100644 index e69de29..0000000 diff --git a/dotfiles/hypr/pre b/dotfiles/hypr/pre deleted file mode 100644 index e69de29..0000000 diff --git a/dotfiles/kitty/kitty.conf b/dotfiles/kitty/kitty.conf deleted file mode 100644 index bd4f349..0000000 --- a/dotfiles/kitty/kitty.conf +++ /dev/null @@ -1,128 +0,0 @@ -# Colours -# based on the catppuccin mocha rosewater theme - - -# The basic colors -foreground #CDD6F4 -background #1E1E2E -selection_foreground #1E1E2E -selection_background #F5E0DC - -# Cursor colors -cursor #F5E0DC -cursor_text_color #1E1E2E - -# URL underline color when hovering with mouse -url_color #F5E0DC - -# Kitty window border colors -active_border_color #B4BEFE -inactive_border_color #6C7086 -bell_border_color #F9E2AF - -# OS Window titlebar colors -wayland_titlebar_color system -macos_titlebar_color system - -# Tab bar colors -active_tab_foreground #11111B -active_tab_background #CBA6F7 -inactive_tab_foreground #CDD6F4 -inactive_tab_background #181825 -tab_bar_background #11111B - -# Colors for marks (marked text in the terminal) -mark1_foreground #1E1E2E -mark1_background #B4BEFE -mark2_foreground #1E1E2E -mark2_background #CBA6F7 -mark3_foreground #1E1E2E -mark3_background #74C7EC - -# The 16 terminal colors - -# black -color0 #45475A -color8 #585B70 - -# red -color1 #F38BA8 -color9 #F38BA8 - -# green -color2 #A6E3A1 -color10 #A6E3A1 - -# yellow -color3 #F9E2AF -color11 #F9E2AF - -# blue -color4 #89B4FA -color12 #89B4FA - -# magenta -color5 #F5C2E7 -color13 #F5C2E7 - -# cyan -color6 #94E2D5 -color14 #94E2D5 - -# white -color7 #BAC2DE -color15 #A6ADC8 - -# The most important setting of the whole confiG - -confirm_os_window_close 0 - -# Font - -font_family FiraCode Nerd Font -font_size 16.0 -disable_ligatures never - -# Cursor - -cursor_shape underline - -# Scrollback - -scrollback_lines 10000 - -# Link Behaviour - -url_style straight -open_url_with default - -# Layouts - -remember_window_size no -enabled_layouts splits, tall -window_resize_step_cells 3 -window_resize_step_lines 3 -window_border_width 3pt -draw_minimal_borders yes -window_margin_width 10 -window_padding_width 10 - -# Borders/Appearance - -inactive_text_alpha 0.5 -hide_window_decorations no - -# Switch focus to the neighboring window in the indicated direction - -map ctrl+shift+left neighboring_window left -map ctrl+shift+right neighboring_window right -map ctrl+shift+up neighboring_window up -map ctrl+shift+down neighboring_window down - -# tab bar - -tab_bar_min_tabs 1 -tab_bar_edge bottom -tab_bar_style powerline -tab_powerline_style slanted -tab_title_template {title}{' :{}:'.format(num_windows) if num_windows > 1 else ''} diff --git a/dotfiles/mako/config b/dotfiles/mako/config deleted file mode 100644 index 1a46ca9..0000000 --- a/dotfiles/mako/config +++ /dev/null @@ -1,26 +0,0 @@ -font=FiraCode Nerd Font Mono 20 - -width=315 -height=200 -padding=10 -margin=10 -max-icon-size=70 -layer=overlay - -border-size=2 -border-radius=20 - -default-timeout=5000 - -# Colors - -background-color=#1e1e2e -text-color=#cdd6f4 -border-color=#f38ba8 -progress-color=over #f38ba8 - -[urgency=high] - -ignore-timeout=1 - -border-color=#fab387 diff --git a/dotfiles/neofetch/aperture b/dotfiles/neofetch/aperture deleted file mode 100644 index 916ee67..0000000 --- a/dotfiles/neofetch/aperture +++ /dev/null @@ -1,20 +0,0 @@ -${c3} .,-:;//;:=, - . :H@@@MM@M#H/.,+%;, - ,/X+ +M@@M@MM%=,-%HMMM@X/, - -+@MM; $M@@MH+-,;XMMMM@MMMM@+- - ;@M@@M- XM@X;. -+XXXXXHHH@M@M#@/. - ,%MM@@MH ,@%= .---=-=:=,. - =@#@@@MX., -%HX$$%%%:; - =-./@M@M$ .;@MMMM@MM: - X@/ -$MM/ . +MM@@@M$ -,@M@H: :@: . =X#@@@@- -,@@@MMX, . /H- ;@M@M= -.H@@@@M@+, %MM+..%#$. - /MMMM@MMH/. XM@MH; =; - /%+%$XHH@$= , .H@@@@MX, - .=--------. -%H.,@@@@@MX, - .%MM@@@HHHXX$$$%+- .:$MMX =M@@MM%. - =XMMM@MM@MM#H;,-+HMM@M+ /MMMX= - =%@M@M#@$-.=$@MM@@@M; %M%= - ,:+$+-,/H#MMMMMMM@= =, - =++%%%%+/:-. diff --git a/dotfiles/neofetch/config.conf b/dotfiles/neofetch/config.conf deleted file mode 100644 index 7160461..0000000 --- a/dotfiles/neofetch/config.conf +++ /dev/null @@ -1,864 +0,0 @@ -# See this wiki page for more info: -# https://github.com/dylanaraps/neofetch/wiki/Customizing-Info -print_info() { - info title - info underline - - info "OS" distro - info "Host" model - info "Kernel" kernel - info "Uptime" uptime - info "Packages" packages - info "Shell" shell - info "Resolution" resolution - info "DE" de - info "WM" wm - info "WM Theme" wm_theme - info "Theme" theme - info "Icons" icons - info "Terminal" term - info "Terminal Font" term_font - info "CPU" cpu - info "GPU" gpu - info "Memory" memory - - # info "GPU Driver" gpu_driver # Linux/macOS only - # info "CPU Usage" cpu_usage - # info "Disk" disk - # info "Battery" battery - # info "Font" font - # info "Song" song - # [[ "$player" ]] && prin "Music Player" "$player" - # info "Local IP" local_ip - # info "Public IP" public_ip - # info "Users" users - # info "Locale" locale # This only works on glibc systems. - - info cols -} - -# Title - - -# Hide/Show Fully qualified domain name. -# -# Default: 'off' -# Values: 'on', 'off' -# Flag: --title_fqdn -title_fqdn="off" - - -# Kernel - - -# Shorten the output of the kernel function. -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --kernel_shorthand -# Supports: Everything except *BSDs (except PacBSD and PC-BSD) -# -# Example: -# on: '4.8.9-1-ARCH' -# off: 'Linux 4.8.9-1-ARCH' -kernel_shorthand="on" - - -# Distro - - -# Shorten the output of the distro function -# -# Default: 'off' -# Values: 'on', 'tiny', 'off' -# Flag: --distro_shorthand -# Supports: Everything except Windows and Haiku -distro_shorthand="off" - -# Show/Hide OS Architecture. -# Show 'x86_64', 'x86' and etc in 'Distro:' output. -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --os_arch -# -# Example: -# on: 'Arch Linux x86_64' -# off: 'Arch Linux' -os_arch="on" - - -# Uptime - - -# Shorten the output of the uptime function -# -# Default: 'on' -# Values: 'on', 'tiny', 'off' -# Flag: --uptime_shorthand -# -# Example: -# on: '2 days, 10 hours, 3 mins' -# tiny: '2d 10h 3m' -# off: '2 days, 10 hours, 3 minutes' -uptime_shorthand="on" - - -# Memory - - -# Show memory pecentage in output. -# -# Default: 'off' -# Values: 'on', 'off' -# Flag: --memory_percent -# -# Example: -# on: '1801MiB / 7881MiB (22%)' -# off: '1801MiB / 7881MiB' -memory_percent="off" - -# Change memory output unit. -# -# Default: 'mib' -# Values: 'kib', 'mib', 'gib' -# Flag: --memory_unit -# -# Example: -# kib '1020928KiB / 7117824KiB' -# mib '1042MiB / 6951MiB' -# gib: ' 0.98GiB / 6.79GiB' -memory_unit="mib" - - -# Packages - - -# Show/Hide Package Manager names. -# -# Default: 'tiny' -# Values: 'on', 'tiny' 'off' -# Flag: --package_managers -# -# Example: -# on: '998 (pacman), 8 (flatpak), 4 (snap)' -# tiny: '908 (pacman, flatpak, snap)' -# off: '908' -package_managers="on" - - -# Shell - - -# Show the path to $SHELL -# -# Default: 'off' -# Values: 'on', 'off' -# Flag: --shell_path -# -# Example: -# on: '/bin/bash' -# off: 'bash' -shell_path="off" - -# Show $SHELL version -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --shell_version -# -# Example: -# on: 'bash 4.4.5' -# off: 'bash' -shell_version="on" - - -# CPU - - -# CPU speed type -# -# Default: 'bios_limit' -# Values: 'scaling_cur_freq', 'scaling_min_freq', 'scaling_max_freq', 'bios_limit'. -# Flag: --speed_type -# Supports: Linux with 'cpufreq' -# NOTE: Any file in '/sys/devices/system/cpu/cpu0/cpufreq' can be used as a value. -speed_type="bios_limit" - -# CPU speed shorthand -# -# Default: 'off' -# Values: 'on', 'off'. -# Flag: --speed_shorthand -# NOTE: This flag is not supported in systems with CPU speed less than 1 GHz -# -# Example: -# on: 'i7-6500U (4) @ 3.1GHz' -# off: 'i7-6500U (4) @ 3.100GHz' -speed_shorthand="off" - -# Enable/Disable CPU brand in output. -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --cpu_brand -# -# Example: -# on: 'Intel i7-6500U' -# off: 'i7-6500U (4)' -cpu_brand="on" - -# CPU Speed -# Hide/Show CPU speed. -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --cpu_speed -# -# Example: -# on: 'Intel i7-6500U (4) @ 3.1GHz' -# off: 'Intel i7-6500U (4)' -cpu_speed="on" - -# CPU Cores -# Display CPU cores in output -# -# Default: 'logical' -# Values: 'logical', 'physical', 'off' -# Flag: --cpu_cores -# Support: 'physical' doesn't work on BSD. -# -# Example: -# logical: 'Intel i7-6500U (4) @ 3.1GHz' (All virtual cores) -# physical: 'Intel i7-6500U (2) @ 3.1GHz' (All physical cores) -# off: 'Intel i7-6500U @ 3.1GHz' -cpu_cores="logical" - -# CPU Temperature -# Hide/Show CPU temperature. -# Note the temperature is added to the regular CPU function. -# -# Default: 'off' -# Values: 'C', 'F', 'off' -# Flag: --cpu_temp -# Supports: Linux, BSD -# NOTE: For FreeBSD and NetBSD-based systems, you'll need to enable -# coretemp kernel module. This only supports newer Intel processors. -# -# Example: -# C: 'Intel i7-6500U (4) @ 3.1GHz [27.2°C]' -# F: 'Intel i7-6500U (4) @ 3.1GHz [82.0°F]' -# off: 'Intel i7-6500U (4) @ 3.1GHz' -cpu_temp="off" - - -# GPU - - -# Enable/Disable GPU Brand -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --gpu_brand -# -# Example: -# on: 'AMD HD 7950' -# off: 'HD 7950' -gpu_brand="on" - -# Which GPU to display -# -# Default: 'all' -# Values: 'all', 'dedicated', 'integrated' -# Flag: --gpu_type -# Supports: Linux -# -# Example: -# all: -# GPU1: AMD HD 7950 -# GPU2: Intel Integrated Graphics -# -# dedicated: -# GPU1: AMD HD 7950 -# -# integrated: -# GPU1: Intel Integrated Graphics -gpu_type="all" - - -# Resolution - - -# Display refresh rate next to each monitor -# Default: 'off' -# Values: 'on', 'off' -# Flag: --refresh_rate -# Supports: Doesn't work on Windows. -# -# Example: -# on: '1920x1080 @ 60Hz' -# off: '1920x1080' -refresh_rate="off" - - -# Gtk Theme / Icons / Font - - -# Shorten output of GTK Theme / Icons / Font -# -# Default: 'off' -# Values: 'on', 'off' -# Flag: --gtk_shorthand -# -# Example: -# on: 'Numix, Adwaita' -# off: 'Numix [GTK2], Adwaita [GTK3]' -gtk_shorthand="off" - - -# Enable/Disable gtk2 Theme / Icons / Font -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --gtk2 -# -# Example: -# on: 'Numix [GTK2], Adwaita [GTK3]' -# off: 'Adwaita [GTK3]' -gtk2="on" - -# Enable/Disable gtk3 Theme / Icons / Font -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --gtk3 -# -# Example: -# on: 'Numix [GTK2], Adwaita [GTK3]' -# off: 'Numix [GTK2]' -gtk3="on" - - -# IP Address - - -# Website to ping for the public IP -# -# Default: 'http://ident.me' -# Values: 'url' -# Flag: --ip_host -public_ip_host="http://ident.me" - -# Public IP timeout. -# -# Default: '2' -# Values: 'int' -# Flag: --ip_timeout -public_ip_timeout=2 - - -# Desktop Environment - - -# Show Desktop Environment version -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --de_version -de_version="on" - - -# Disk - - -# Which disks to display. -# The values can be any /dev/sdXX, mount point or directory. -# NOTE: By default we only show the disk info for '/'. -# -# Default: '/' -# Values: '/', '/dev/sdXX', '/path/to/drive'. -# Flag: --disk_show -# -# Example: -# disk_show=('/' '/dev/sdb1'): -# 'Disk (/): 74G / 118G (66%)' -# 'Disk (/mnt/Videos): 823G / 893G (93%)' -# -# disk_show=('/'): -# 'Disk (/): 74G / 118G (66%)' -# -disk_show=('/') - -# Disk subtitle. -# What to append to the Disk subtitle. -# -# Default: 'mount' -# Values: 'mount', 'name', 'dir', 'none' -# Flag: --disk_subtitle -# -# Example: -# name: 'Disk (/dev/sda1): 74G / 118G (66%)' -# 'Disk (/dev/sdb2): 74G / 118G (66%)' -# -# mount: 'Disk (/): 74G / 118G (66%)' -# 'Disk (/mnt/Local Disk): 74G / 118G (66%)' -# 'Disk (/mnt/Videos): 74G / 118G (66%)' -# -# dir: 'Disk (/): 74G / 118G (66%)' -# 'Disk (Local Disk): 74G / 118G (66%)' -# 'Disk (Videos): 74G / 118G (66%)' -# -# none: 'Disk: 74G / 118G (66%)' -# 'Disk: 74G / 118G (66%)' -# 'Disk: 74G / 118G (66%)' -disk_subtitle="mount" - -# Disk percent. -# Show/Hide disk percent. -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --disk_percent -# -# Example: -# on: 'Disk (/): 74G / 118G (66%)' -# off: 'Disk (/): 74G / 118G' -disk_percent="on" - - -# Song - - -# Manually specify a music player. -# -# Default: 'auto' -# Values: 'auto', 'player-name' -# Flag: --music_player -# -# Available values for 'player-name': -# -# amarok -# audacious -# banshee -# bluemindo -# clementine -# cmus -# deadbeef -# deepin-music -# dragon -# elisa -# exaile -# gnome-music -# gmusicbrowser -# gogglesmm -# guayadeque -# io.elementary.music -# iTunes -# juk -# lollypop -# mocp -# mopidy -# mpd -# muine -# netease-cloud-music -# olivia -# playerctl -# pogo -# pragha -# qmmp -# quodlibet -# rhythmbox -# sayonara -# smplayer -# spotify -# strawberry -# tauonmb -# tomahawk -# vlc -# xmms2d -# xnoise -# yarock -music_player="auto" - -# Format to display song information. -# -# Default: '%artist% - %album% - %title%' -# Values: '%artist%', '%album%', '%title%' -# Flag: --song_format -# -# Example: -# default: 'Song: Jet - Get Born - Sgt Major' -song_format="%artist% - %album% - %title%" - -# Print the Artist, Album and Title on separate lines -# -# Default: 'off' -# Values: 'on', 'off' -# Flag: --song_shorthand -# -# Example: -# on: 'Artist: The Fratellis' -# 'Album: Costello Music' -# 'Song: Chelsea Dagger' -# -# off: 'Song: The Fratellis - Costello Music - Chelsea Dagger' -song_shorthand="off" - -# 'mpc' arguments (specify a host, password etc). -# -# Default: '' -# Example: mpc_args=(-h HOST -P PASSWORD) -mpc_args=() - - -# Text Colors - - -# Text Colors -# -# Default: 'distro' -# Values: 'distro', 'num' 'num' 'num' 'num' 'num' 'num' -# Flag: --colors -# -# Each number represents a different part of the text in -# this order: 'title', '@', 'underline', 'subtitle', 'colon', 'info' -# -# Example: -# colors=(distro) - Text is colored based on Distro colors. -# colors=(4 6 1 8 8 6) - Text is colored in the order above. -colors=(distro) - - -# Text Options - - -# Toggle bold text -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --bold -bold="on" - -# Enable/Disable Underline -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --underline -underline_enabled="on" - -# Underline character -# -# Default: '-' -# Values: 'string' -# Flag: --underline_char -underline_char="-" - - -# Info Separator -# Replace the default separator with the specified string. -# -# Default: ':' -# Flag: --separator -# -# Example: -# separator="->": 'Shell-> bash' -# separator=" =": 'WM = dwm' -separator=":" - - -# Color Blocks - - -# Color block range -# The range of colors to print. -# -# Default: '0', '15' -# Values: 'num' -# Flag: --block_range -# -# Example: -# -# Display colors 0-7 in the blocks. (8 colors) -# neofetch --block_range 0 7 -# -# Display colors 0-15 in the blocks. (16 colors) -# neofetch --block_range 0 15 -block_range=(0 15) - -# Toggle color blocks -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --color_blocks -color_blocks="on" - -# Color block width in spaces -# -# Default: '3' -# Values: 'num' -# Flag: --block_width -block_width=3 - -# Color block height in lines -# -# Default: '1' -# Values: 'num' -# Flag: --block_height -block_height=1 - -# Color Alignment -# -# Default: 'auto' -# Values: 'auto', 'num' -# Flag: --col_offset -# -# Number specifies how far from the left side of the terminal (in spaces) to -# begin printing the columns, in case you want to e.g. center them under your -# text. -# Example: -# col_offset="auto" - Default behavior of neofetch -# col_offset=7 - Leave 7 spaces then print the colors -col_offset="auto" - -# Progress Bars - - -# Bar characters -# -# Default: '-', '=' -# Values: 'string', 'string' -# Flag: --bar_char -# -# Example: -# neofetch --bar_char 'elapsed' 'total' -# neofetch --bar_char '-' '=' -bar_char_elapsed="-" -bar_char_total="=" - -# Toggle Bar border -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --bar_border -bar_border="on" - -# Progress bar length in spaces -# Number of chars long to make the progress bars. -# -# Default: '15' -# Values: 'num' -# Flag: --bar_length -bar_length=15 - -# Progress bar colors -# When set to distro, uses your distro's logo colors. -# -# Default: 'distro', 'distro' -# Values: 'distro', 'num' -# Flag: --bar_colors -# -# Example: -# neofetch --bar_colors 3 4 -# neofetch --bar_colors distro 5 -bar_color_elapsed="distro" -bar_color_total="distro" - - -# Info display -# Display a bar with the info. -# -# Default: 'off' -# Values: 'bar', 'infobar', 'barinfo', 'off' -# Flags: --cpu_display -# --memory_display -# --battery_display -# --disk_display -# -# Example: -# bar: '[---=======]' -# infobar: 'info [---=======]' -# barinfo: '[---=======] info' -# off: 'info' -cpu_display="off" -memory_display="off" -battery_display="off" -disk_display="off" - - -# Backend Settings - - -# Image backend. -# -# Default: 'ascii' -# Values: 'ascii', 'caca', 'chafa', 'jp2a', 'iterm2', 'off', -# 'pot', 'termpix', 'pixterm', 'tycat', 'w3m', 'kitty' -# Flag: --backend -image_backend="ascii" - -# Image Source -# -# Which image or ascii file to display. -# -# Default: 'auto' -# Values: 'auto', 'ascii', 'wallpaper', '/path/to/img', '/path/to/ascii', '/path/to/dir/' -# 'command output (neofetch --ascii "$(fortune | cowsay -W 30)")' -# Flag: --source -# -# NOTE: 'auto' will pick the best image source for whatever image backend is used. -# In ascii mode, distro ascii art will be used and in an image mode, your -# wallpaper will be used. -image_source="auto" - - -# Ascii Options - - -# Ascii distro -# Which distro's ascii art to display. -# -# Default: 'auto' -# Values: 'auto', 'distro_name' -# Flag: --ascii_distro -# NOTE: AIX, Alpine, Anarchy, Android, Antergos, antiX, "AOSC OS", -# "AOSC OS/Retro", Apricity, ArcoLinux, ArchBox, ARCHlabs, -# ArchStrike, XFerience, ArchMerge, Arch, Artix, Arya, Bedrock, -# Bitrig, BlackArch, BLAG, BlankOn, BlueLight, bonsai, BSD, -# BunsenLabs, Calculate, Carbs, CentOS, Chakra, ChaletOS, -# Chapeau, Chrom*, Cleanjaro, ClearOS, Clear_Linux, Clover, -# Condres, Container_Linux, CRUX, Cucumber, Debian, Deepin, -# DesaOS, Devuan, DracOS, DarkOs, DragonFly, Drauger, Elementary, -# EndeavourOS, Endless, EuroLinux, Exherbo, Fedora, Feren, FreeBSD, -# FreeMiNT, Frugalware, Funtoo, GalliumOS, Garuda, Gentoo, Pentoo, -# gNewSense, GNOME, GNU, GoboLinux, Grombyang, Guix, Haiku, Huayra, -# Hyperbola, janus, Kali, KaOS, KDE_neon, Kibojoe, Kogaion, -# Korora, KSLinux, Kubuntu, LEDE, LFS, Linux_Lite, -# LMDE, Lubuntu, Lunar, macos, Mageia, MagpieOS, Mandriva, -# Manjaro, Maui, Mer, Minix, LinuxMint, MX_Linux, Namib, -# Neptune, NetBSD, Netrunner, Nitrux, NixOS, Nurunner, -# NuTyX, OBRevenge, OpenBSD, openEuler, OpenIndiana, openmamba, -# OpenMandriva, OpenStage, OpenWrt, osmc, Oracle, OS Elbrus, PacBSD, -# Parabola, Pardus, Parrot, Parsix, TrueOS, PCLinuxOS, Peppermint, -# popos, Porteus, PostMarketOS, Proxmox, Puppy, PureOS, Qubes, Radix, -# Raspbian, Reborn_OS, Redstar, Redcore, Redhat, Refracted_Devuan, -# Regata, Rosa, sabotage, Sabayon, Sailfish, SalentOS, Scientific, -# Septor, SereneLinux, SharkLinux, Siduction, Slackware, SliTaz, -# SmartOS, Solus, Source_Mage, Sparky, Star, SteamOS, SunOS, -# openSUSE_Leap, openSUSE_Tumbleweed, openSUSE, SwagArch, Tails, -# Trisquel, Ubuntu-Budgie, Ubuntu-GNOME, Ubuntu-MATE, Ubuntu-Studio, -# Ubuntu, Venom, Void, Obarun, windows10, Windows7, Xubuntu, Zorin, -# and IRIX have ascii logos -# NOTE: Arch, Ubuntu, Redhat, and Dragonfly have 'old' logo variants. -# Use '{distro name}_old' to use the old logos. -# NOTE: Ubuntu has flavor variants. -# Change this to Lubuntu, Kubuntu, Xubuntu, Ubuntu-GNOME, -# Ubuntu-Studio, Ubuntu-Mate or Ubuntu-Budgie to use the flavors. -# NOTE: Arcolinux, Dragonfly, Fedora, Alpine, Arch, Ubuntu, -# CRUX, Debian, Gentoo, FreeBSD, Mac, NixOS, OpenBSD, android, -# Antrix, CentOS, Cleanjaro, ElementaryOS, GUIX, Hyperbola, -# Manjaro, MXLinux, NetBSD, Parabola, POP_OS, PureOS, -# Slackware, SunOS, LinuxLite, OpenSUSE, Raspbian, -# postmarketOS, and Void have a smaller logo variant. -# Use '{distro name}_small' to use the small variants. -ascii_distro="auto" - -# Ascii Colors -# -# Default: 'distro' -# Values: 'distro', 'num' 'num' 'num' 'num' 'num' 'num' -# Flag: --ascii_colors -# -# Example: -# ascii_colors=(distro) - Ascii is colored based on Distro colors. -# ascii_colors=(4 6 1 8 8 6) - Ascii is colored using these colors. -ascii_colors=(1 2 3 4 5 6) - -# Bold ascii logo -# Whether or not to bold the ascii logo. -# -# Default: 'on' -# Values: 'on', 'off' -# Flag: --ascii_bold -ascii_bold="on" - - -# Image Options - - -# Image loop -# Setting this to on will make neofetch redraw the image constantly until -# Ctrl+C is pressed. This fixes display issues in some terminal emulators. -# -# Default: 'off' -# Values: 'on', 'off' -# Flag: --loop -image_loop="off" - -# Thumbnail directory -# -# Default: '~/.cache/thumbnails/neofetch' -# Values: 'dir' -thumbnail_dir="${XDG_CACHE_HOME:-${HOME}/.cache}/thumbnails/neofetch" - -# Crop mode -# -# Default: 'normal' -# Values: 'normal', 'fit', 'fill' -# Flag: --crop_mode -# -# See this wiki page to learn about the fit and fill options. -# https://github.com/dylanaraps/neofetch/wiki/What-is-Waifu-Crop%3F -crop_mode="normal" - -# Crop offset -# Note: Only affects 'normal' crop mode. -# -# Default: 'center' -# Values: 'northwest', 'north', 'northeast', 'west', 'center' -# 'east', 'southwest', 'south', 'southeast' -# Flag: --crop_offset -crop_offset="center" - -# Image size -# The image is half the terminal width by default. -# -# Default: 'auto' -# Values: 'auto', '00px', '00%', 'none' -# Flags: --image_size -# --size -image_size="auto" - -# Gap between image and text -# -# Default: '3' -# Values: 'num', '-num' -# Flag: --gap -gap=3 - -# Image offsets -# Only works with the w3m backend. -# -# Default: '0' -# Values: 'px' -# Flags: --xoffset -# --yoffset -yoffset=0 -xoffset=0 - -# Image background color -# Only works with the w3m backend. -# -# Default: '' -# Values: 'color', 'blue' -# Flag: --bg_color -background_color= - - -# Misc Options - -# Stdout mode -# Turn off all colors and disables image backend (ASCII/Image). -# Useful for piping into another command. -# Default: 'off' -# Values: 'on', 'off' -stdout="off" diff --git a/dotfiles/niri/config.kdl b/dotfiles/niri/config.kdl deleted file mode 100644 index f688a68..0000000 --- a/dotfiles/niri/config.kdl +++ /dev/null @@ -1,33 +0,0 @@ -output "AOC Q27G2WG4" { - mode "2560x1440@144" - position x=3840 y=0 - variable-refresh-rate on-demand=true -} - -input { - keyboard { - xkb { - layout "de" - } - repeat-delay 600 - repeat-rate 20 - track-layout "global" - } - touchpad { - - } - mouse { - accel-speed 0.5 - accel-profile "flat" - - } -} - -binds { - Mod+WheelScrollDown cooldown-ms=150 { focus-workspace-down; } - Mod+WheelScrollUp cooldown-ms=150 { focus-workspace-up; } - - Mod+Left {focus-column-left; } - Mod+Right {focus-column-right; } - - } diff --git a/dotfiles/niri/config.kdl.save b/dotfiles/niri/config.kdl.save deleted file mode 100644 index 62092cd..0000000 --- a/dotfiles/niri/config.kdl.save +++ /dev/null @@ -1,297 +0,0 @@ -// This config is in the KDL format: https://kdl.dev -// https://github.com/YaLTeR/niri/wiki/Configuration:-Overview -// https://github.com/YaLTeR/niri/wiki/Configuration:-Input -input { - keyboard { - xkb { - layout "de" - } - } - touchpad { - tap - dwt - dwtp - accel-profile: "flat" - } - - mouse { - accel-speed 0.2 - accel-profile "flat" - } -} -// https://github.com/YaLTeR/niri/wiki/Configuration:-Outputs -output "eDP-1" { - mode "1920x1080@60" - transform "normal" - position x=0 y=0 -} -// https://github.com/YaLTeR/niri/wiki/Configuration:-Layout -layout { - gaps 10 - center-focused-column "on-overflow" - preset-column-widths { - proportion 0.33333 - proportion 0.5 - proportion 0.66667 - } - default-column-width {} - focus-ring { - width 2 - active-color "#a6e3a1" - inactive-color "#1e1e2e" - } - border { - on - width 2 - active-color "#a6e3a1" - inactive-color "#1e1e2e" - } - struts { - left 10 - right 10 - top 10 - bottom 10 - } -} -spawn-at-startup "waybar" -prefer-no-csd -screenshot-path "~/Pictures/Screenshots/Screenshot from %Y-%m-%d %H-%M-%S.png" -// https://github.com/YaLTeR/niri/wiki/Configuration:-Animations -animations { -} -// https://github.com/YaLTeR/niri/wiki/Configuration:-Window-Rules -window-rule { - match app-id=r#"^org\.wezfurlong\.wezterm$"# - default-column-width {} -} - -// Example: block out two password managers from screen capture. -// (This example rule is commented out with a "/-" in front.) -// window-rule { -// match app-id=r#"^org\.keepassxc\.KeePassXC$"# -// match app-id=r#"^org\.gnome\.World\.Secrets$"# - -// block-out-from "screen-capture" - - // Use this instead if you want them visible on third-party screenshot tools. - // block-out-from "screencast" -} - -binds { - // Keys consist of modifiers separated by + signs, followed by an XKB key name - // in the end. To find an XKB name for a particular key, you may use a program - // like wev. - // - // "Mod" is a special modifier equal to Super when running on a TTY, and to Alt - // when running as a winit window. - // - // Most actions that you can bind here can also be invoked programmatically with - // `niri msg action do-something`. - - // Mod-Shift-/, which is usually the same as Mod-?, - // shows a list of important hotkeys. - Mod+Shift+Slash { show-hotkey-overlay; } - - // Suggested binds for running programs: terminal, app launcher, screen locker. - Mod+Enter { spawn "kitty"; } - Mod+D { spawn "wofi --show drun"; } - Super+Alt+L { spawn "swaylock"; } - - // You can also use a shell: - // Mod+T { spawn "bash" "-c" "notify-send hello && exec alacritty"; } - - // Example volume keys mappings for PipeWire & WirePlumber. - // The allow-when-locked=true property makes them work even when the session is locked. - XF86AudioRaiseVolume allow-when-locked=true { spawn "wpctl" "set-volume" "@DEFAULT_AUDIO_SINK@" "0.1+"; } - XF86AudioLowerVolume allow-when-locked=true { spawn "wpctl" "set-volume" "@DEFAULT_AUDIO_SINK@" "0.1-"; } - XF86AudioMute allow-when-locked=true { spawn "wpctl" "set-mute" "@DEFAULT_AUDIO_SINK@" "toggle"; } - XF86AudioMicMute allow-when-locked=true { spawn "wpctl" "set-mute" "@DEFAULT_AUDIO_SOURCE@" "toggle"; } - - Mod+Shift+Q { close-window; } - - Mod+Left { focus-column-left; } - Mod+Down { focus-window-down; } - Mod+Up { focus-window-up; } - Mod+Right { focus-column-right; } - Mod+H { focus-column-left; } - Mod+J { focus-window-down; } - Mod+K { focus-window-up; } - Mod+L { focus-column-right; } - - Mod+Ctrl+Left { move-column-left; } - Mod+Ctrl+Down { move-window-down; } - Mod+Ctrl+Up { move-window-up; } - Mod+Ctrl+Right { move-column-right; } - Mod+Ctrl+H { move-column-left; } - Mod+Ctrl+J { move-window-down; } - Mod+Ctrl+K { move-window-up; } - Mod+Ctrl+L { move-column-right; } - - // Alternative commands that move across workspaces when reaching - // the first or last window in a column. - // Mod+J { focus-window-or-workspace-down; } - // Mod+K { focus-window-or-workspace-up; } - // Mod+Ctrl+J { move-window-down-or-to-workspace-down; } - // Mod+Ctrl+K { move-window-up-or-to-workspace-up; } - - Mod+Home { focus-column-first; } - Mod+End { focus-column-last; } - Mod+Ctrl+Home { move-column-to-first; } - Mod+Ctrl+End { move-column-to-last; } - - Mod+Shift+Left { focus-monitor-left; } - Mod+Shift+Down { focus-monitor-down; } - Mod+Shift+Up { focus-monitor-up; } - Mod+Shift+Right { focus-monitor-right; } - Mod+Shift+H { focus-monitor-left; } - Mod+Shift+J { focus-monitor-down; } - Mod+Shift+K { focus-monitor-up; } - Mod+Shift+L { focus-monitor-right; } - - Mod+Shift+Ctrl+Left { move-column-to-monitor-left; } - Mod+Shift+Ctrl+Down { move-column-to-monitor-down; } - Mod+Shift+Ctrl+Up { move-column-to-monitor-up; } - Mod+Shift+Ctrl+Right { move-column-to-monitor-right; } - Mod+Shift+Ctrl+H { move-column-to-monitor-left; } - Mod+Shift+Ctrl+J { move-column-to-monitor-down; } - Mod+Shift+Ctrl+K { move-column-to-monitor-up; } - Mod+Shift+Ctrl+L { move-column-to-monitor-right; } - - // Alternatively, there are commands to move just a single window: - // Mod+Shift+Ctrl+Left { move-window-to-monitor-left; } - // ... - - // And you can also move a whole workspace to another monitor: - // Mod+Shift+Ctrl+Left { move-workspace-to-monitor-left; } - // ... - - Mod+Page_Down { focus-workspace-down; } - Mod+Page_Up { focus-workspace-up; } - Mod+U { focus-workspace-down; } - Mod+I { focus-workspace-up; } - Mod+Ctrl+Page_Down { move-column-to-workspace-down; } - Mod+Ctrl+Page_Up { move-column-to-workspace-up; } - Mod+Ctrl+U { move-column-to-workspace-down; } - Mod+Ctrl+I { move-column-to-workspace-up; } - - // Alternatively, there are commands to move just a single window: - // Mod+Ctrl+Page_Down { move-window-to-workspace-down; } - // ... - - Mod+Shift+Page_Down { move-workspace-down; } - Mod+Shift+Page_Up { move-workspace-up; } - Mod+Shift+U { move-workspace-down; } - Mod+Shift+I { move-workspace-up; } - - // You can bind mouse wheel scroll ticks using the following syntax. - // These binds will change direction based on the natural-scroll setting. - // - // To avoid scrolling through workspaces really fast, you can use - // the cooldown-ms property. The bind will be rate-limited to this value. - // You can set a cooldown on any bind, but it's most useful for the wheel. - Mod+WheelScrollDown cooldown-ms=150 { focus-workspace-down; } - Mod+WheelScrollUp cooldown-ms=150 { focus-workspace-up; } - Mod+Ctrl+WheelScrollDown cooldown-ms=150 { move-column-to-workspace-down; } - Mod+Ctrl+WheelScrollUp cooldown-ms=150 { move-column-to-workspace-up; } - - Mod+WheelScrollRight { focus-column-right; } - Mod+WheelScrollLeft { focus-column-left; } - Mod+Ctrl+WheelScrollRight { move-column-right; } - Mod+Ctrl+WheelScrollLeft { move-column-left; } - - // Usually scrolling up and down with Shift in applications results in - // horizontal scrolling; these binds replicate that. - Mod+Shift+WheelScrollDown { focus-column-right; } - Mod+Shift+WheelScrollUp { focus-column-left; } - Mod+Ctrl+Shift+WheelScrollDown { move-column-right; } - Mod+Ctrl+Shift+WheelScrollUp { move-column-left; } - - // Similarly, you can bind touchpad scroll "ticks". - // Touchpad scrolling is continuous, so for these binds it is split into - // discrete intervals. - // These binds are also affected by touchpad's natural-scroll, so these - // example binds are "inverted", since we have natural-scroll enabled for - // touchpads by default. - // Mod+TouchpadScrollDown { spawn "wpctl" "set-volume" "@DEFAULT_AUDIO_SINK@" "0.02+"; } - // Mod+TouchpadScrollUp { spawn "wpctl" "set-volume" "@DEFAULT_AUDIO_SINK@" "0.02-"; } - - // You can refer to workspaces by index. However, keep in mind that - // niri is a dynamic workspace system, so these commands are kind of - // "best effort". Trying to refer to a workspace index bigger than - // the current workspace count will instead refer to the bottommost - // (empty) workspace. - // - // For example, with 2 workspaces + 1 empty, indices 3, 4, 5 and so on - // will all refer to the 3rd workspace. - Mod+1 { focus-workspace 1; } - Mod+2 { focus-workspace 2; } - Mod+3 { focus-workspace 3; } - Mod+4 { focus-workspace 4; } - Mod+5 { focus-workspace 5; } - Mod+6 { focus-workspace 6; } - Mod+7 { focus-workspace 7; } - Mod+8 { focus-workspace 8; } - Mod+9 { focus-workspace 9; } - Mod+Ctrl+1 { move-column-to-workspace 1; } - Mod+Ctrl+2 { move-column-to-workspace 2; } - Mod+Ctrl+3 { move-column-to-workspace 3; } - Mod+Ctrl+4 { move-column-to-workspace 4; } - Mod+Ctrl+5 { move-column-to-workspace 5; } - Mod+Ctrl+6 { move-column-to-workspace 6; } - Mod+Ctrl+7 { move-column-to-workspace 7; } - Mod+Ctrl+8 { move-column-to-workspace 8; } - Mod+Ctrl+9 { move-column-to-workspace 9; } - - // Alternatively, there are commands to move just a single window: - // Mod+Ctrl+1 { move-window-to-workspace 1; } - - // Switches focus between the current and the previous workspace. - // Mod+Tab { focus-workspace-previous; } - - Mod+Comma { consume-window-into-column; } - Mod+Period { expel-window-from-column; } - - // There are also commands that consume or expel a single window to the side. - // Mod+BracketLeft { consume-or-expel-window-left; } - // Mod+BracketRight { consume-or-expel-window-right; } - - Mod+R { switch-preset-column-width; } - Mod+Shift+R { reset-window-height; } - Mod+F { maximize-column; } - Mod+Shift+F { fullscreen-window; } - Mod+C { center-column; } - - // Finer width adjustments. - // This command can also: - // * set width in pixels: "1000" - // * adjust width in pixels: "-5" or "+5" - // * set width as a percentage of screen width: "25%" - // * adjust width as a percentage of screen width: "-10%" or "+10%" - // Pixel sizes use logical, or scaled, pixels. I.e. on an output with scale 2.0, - // set-column-width "100" will make the column occupy 200 physical screen pixels. - Mod+Minus { set-column-width "-10%"; } - Mod+Equal { set-column-width "+10%"; } - - // Finer height adjustments when in column with other windows. - Mod+Shift+Minus { set-window-height "-10%"; } - Mod+Shift+Equal { set-window-height "+10%"; } - - // Actions to switch layouts. - // Note: if you uncomment these, make sure you do NOT have - // a matching layout switch hotkey configured in xkb options above. - // Having both at once on the same hotkey will break the switching, - // since it will switch twice upon pressing the hotkey (once by xkb, once by niri). - // Mod+Space { switch-layout "next"; } - // Mod+Shift+Space { switch-layout "prev"; } - - Print { screenshot; } - Ctrl+Print { screenshot-screen; } - Alt+Print { screenshot-window; } - - // The quit action will show a confirmation dialog to avoid accidental exits. - Mod+Shift+E { quit; } - - // Powers off the monitors. To turn them back on, do any input like - // moving the mouse or pressing any other key. - Mod+Shift+P { power-off-monitors; } -} diff --git a/dotfiles/nomacs/Image Lounge.conf b/dotfiles/nomacs/Image Lounge.conf deleted file mode 100644 index fcb520e..0000000 --- a/dotfiles/nomacs/Image Lounge.conf +++ /dev/null @@ -1,35 +0,0 @@ -[General] -firstTime=false -windowGeometry=@Rect(3840 0 1280 720) -windowMaximized=true -windowState=@ByteArray(\0\0\0\xff\0\0\0\0\xfd\0\0\0\0\0\0\x4\xed\0\0\x2\x8c\0\0\0\x4\0\0\0\x4\0\0\0\b\0\0\0\b\xfc\0\0\0\x1\0\0\0\x2\0\0\0\x1\0\0\0\x16\0\x45\0\x64\0i\0t\0T\0o\0o\0l\0\x42\0\x61\0r\x1\0\0\0\0\xff\xff\xff\xff\0\0\0\0\0\0\0\0) - -[AppSettings] -appMode=0 -defaultJpgQuality=97 -firstTime.nomacs.3=false - -[DisplaySettings] -bgColorNoMacsRGBA=4293914607 -bgColorWidgetRGBA=1711276032 -iconColorRGBA=4281545523 - -[DkAppManager] -Apps\size=0 - -[DkFilePreview] -windowPosition=1 - -[DkMetaDataHUD] -keyValues=File.Filename, File.Path, File.Size, Exif.Image.Make, Exif.Image.Model, Exif.Image.DateTime, Exif.Image.ImageDescription, Exif.Photo.UserComment, Exif.Photo.ISO, Exif.Photo.FocalLength, Exif.Photo.ExposureTime, Exif.Photo.Flash, Exif.Photo.FNumber -numColumns=-1 -windowPosition=3 - -[GlobalSettings] -lastDir=/home/marty -recentFiles="/home/marty/2025-01-21T11:29:14,770068312+01:00.png", "/home/marty/2025-01-21T11:28:56,189005941+01:00.png" -recentFolders=/home/marty - -[SynchronizeSettings] -checkForUpdates=true -disableUpdateInteraction=false diff --git a/dotfiles/pavucontrol.ini b/dotfiles/pavucontrol.ini deleted file mode 100644 index d67bbba..0000000 --- a/dotfiles/pavucontrol.ini +++ /dev/null @@ -1,8 +0,0 @@ -[window] -width=500 -height=400 -sinkInputType=1 -sourceOutputType=1 -sinkType=0 -sourceType=1 -showVolumeMeters=1 diff --git a/dotfiles/ranger/commands.py b/dotfiles/ranger/commands.py deleted file mode 100644 index 3992742..0000000 --- a/dotfiles/ranger/commands.py +++ /dev/null @@ -1,64 +0,0 @@ -#!/usr/bin/env python3 - -# This is a sample commands.py. You can add your own commands here. -# -# Please refer to commands_full.py for all the default commands and a complete -# documentation. Do NOT add them all here, or you may end up with defunct -# commands when upgrading ranger. - -# A simple command for demonstration purposes follows. -# ----------------------------------------------------------------------------- - -from __future__ import (absolute_import, division, print_function) - -# You can import any python module as needed. -import os - -# You always need to import ranger.api.commands here to get the Command class: -from ranger.api.commands import Command - - -# Any class that is a subclass of "Command" will be integrated into ranger as a -# command. Try typing ":my_edit" in ranger! -class my_edit(Command): - # The so-called doc-string of the class will be visible in the built-in - # help that is accessible by typing "?c" inside ranger. - """:my_edit - - A sample command for demonstration purposes that opens a file in an editor. - """ - - # The execute method is called when you run this command in ranger. - def execute(self): - # self.arg(1) is the first (space-separated) argument to the function. - # This way you can write ":my_edit somefilename". - if self.arg(1): - # self.rest(1) contains self.arg(1) and everything that follows - target_filename = self.rest(1) - else: - # self.fm is a ranger.core.filemanager.FileManager object and gives - # you access to internals of ranger. - # self.fm.thisfile is a ranger.container.file.File object and is a - # reference to the currently selected file. - target_filename = self.fm.thisfile.path - - # This is a generic function to print text in ranger. - self.fm.notify("Let's edit the file " + target_filename + "!") - - # Using bad=True in fm.notify allows you to print error messages: - if not os.path.exists(target_filename): - self.fm.notify("The given file does not exist!", bad=True) - return - - # This executes a function from ranger.core.acitons, a module with a - # variety of subroutines that can help you construct commands. - # Check out the source, or run "pydoc ranger.core.actions" for a list. - self.fm.edit_file(target_filename) - - # The tab method is called when you press tab, and should return a list of - # suggestions that the user will tab through. - # tabnum is 1 for and -1 for by default - def tab(self, tabnum): - # This is a generic tab-completion function that iterates through the - # content of the current directory. - return self._tab_directory_content() diff --git a/dotfiles/ranger/commands_full.py b/dotfiles/ranger/commands_full.py deleted file mode 100644 index d52df5e..0000000 --- a/dotfiles/ranger/commands_full.py +++ /dev/null @@ -1,1995 +0,0 @@ -#!/usr/bin/env python3 - -# -*- coding: utf-8 -*- -# This file is part of ranger, the console file manager. -# This configuration file is licensed under the same terms as ranger. -# =================================================================== -# -# NOTE: If you copied this file to /etc/ranger/commands_full.py or -# ~/.config/ranger/commands_full.py, then it will NOT be loaded by ranger, -# and only serve as a reference. -# -# =================================================================== -# This file contains ranger's commands. -# It's all in python; lines beginning with # are comments. -# -# Note that additional commands are automatically generated from the methods -# of the class ranger.core.actions.Actions. -# -# You can customize commands in the files /etc/ranger/commands.py (system-wide) -# and ~/.config/ranger/commands.py (per user). -# They have the same syntax as this file. In fact, you can just copy this -# file to ~/.config/ranger/commands_full.py with -# `ranger --copy-config=commands_full' and make your modifications, don't -# forget to rename it to commands.py. You can also use -# `ranger --copy-config=commands' to copy a short sample commands.py that -# has everything you need to get started. -# But make sure you update your configs when you update ranger. -# -# =================================================================== -# Every class defined here which is a subclass of `Command' will be used as a -# command in ranger. Several methods are defined to interface with ranger: -# execute(): called when the command is executed. -# cancel(): called when closing the console. -# tab(tabnum): called when is pressed. -# quick(): called after each keypress. -# -# tab() argument tabnum is 1 for and -1 for by default -# -# The return values for tab() can be either: -# None: There is no tab completion -# A string: Change the console to this string -# A list/tuple/generator: cycle through every item in it -# -# The return value for quick() can be: -# False: Nothing happens -# True: Execute the command afterwards -# -# The return value for execute() and cancel() doesn't matter. -# -# =================================================================== -# Commands have certain attributes and methods that facilitate parsing of -# the arguments: -# -# self.line: The whole line that was written in the console. -# self.args: A list of all (space-separated) arguments to the command. -# self.quantifier: If this command was mapped to the key "X" and -# the user pressed 6X, self.quantifier will be 6. -# self.arg(n): The n-th argument, or an empty string if it doesn't exist. -# self.rest(n): The n-th argument plus everything that followed. For example, -# if the command was "search foo bar a b c", rest(2) will be "bar a b c" -# self.start(n): Anything before the n-th argument. For example, if the -# command was "search foo bar a b c", start(2) will be "search foo" -# -# =================================================================== -# And this is a little reference for common ranger functions and objects: -# -# self.fm: A reference to the "fm" object which contains most information -# about ranger. -# self.fm.notify(string): Print the given string on the screen. -# self.fm.notify(string, bad=True): Print the given string in RED. -# self.fm.reload_cwd(): Reload the current working directory. -# self.fm.thisdir: The current working directory. (A File object.) -# self.fm.thisfile: The current file. (A File object too.) -# self.fm.thistab.get_selection(): A list of all selected files. -# self.fm.execute_console(string): Execute the string as a ranger command. -# self.fm.open_console(string): Open the console with the given string -# already typed in for you. -# self.fm.move(direction): Moves the cursor in the given direction, which -# can be something like down=3, up=5, right=1, left=1, to=6, ... -# -# File objects (for example self.fm.thisfile) have these useful attributes and -# methods: -# -# tfile.path: The path to the file. -# tfile.basename: The base name only. -# tfile.load_content(): Force a loading of the directories content (which -# obviously works with directories only) -# tfile.is_directory: True/False depending on whether it's a directory. -# -# For advanced commands it is unavoidable to dive a bit into the source code -# of ranger. -# =================================================================== - -from __future__ import (absolute_import, division, print_function) - -from collections import deque -import os -import re - -from ranger.api.commands import Command - - -class alias(Command): - """:alias - - Copies the oldcommand as newcommand. - """ - - context = 'browser' - resolve_macros = False - - def execute(self): - if not self.arg(1) or not self.arg(2): - self.fm.notify('Syntax: alias ', bad=True) - return - - self.fm.commands.alias(self.arg(1), self.rest(2)) - - -class echo(Command): - """:echo - - Display the text in the statusbar. - """ - - def execute(self): - self.fm.notify(self.rest(1)) - - -class cd(Command): - """:cd [-r] - - The cd command changes the directory. - If the path is a file, selects that file. - The command 'cd -' is equivalent to typing ``. - Using the option "-r" will get you to the real path. - """ - - def execute(self): - if self.arg(1) == '-r': - self.shift() - destination = os.path.realpath(self.rest(1)) - if os.path.isfile(destination): - self.fm.select_file(destination) - return - else: - destination = self.rest(1) - - if not destination: - destination = '~' - - if destination == '-': - self.fm.enter_bookmark('`') - else: - self.fm.cd(destination) - - def _tab_args(self): - # dest must be rest because path could contain spaces - if self.arg(1) == '-r': - start = self.start(2) - dest = self.rest(2) - else: - start = self.start(1) - dest = self.rest(1) - - if dest: - head, tail = os.path.split(os.path.expanduser(dest)) - if head: - dest_exp = os.path.join(os.path.normpath(head), tail) - else: - dest_exp = tail - else: - dest_exp = '' - return (start, dest_exp, os.path.join(self.fm.thisdir.path, dest_exp), - dest.endswith(os.path.sep)) - - @staticmethod - def _tab_paths(dest, dest_abs, ends_with_sep): - if not dest: - try: - return next(os.walk(dest_abs))[1], dest_abs - except (OSError, StopIteration): - return [], '' - - if ends_with_sep: - try: - return [os.path.join(dest, path) for path in next(os.walk(dest_abs))[1]], '' - except (OSError, StopIteration): - return [], '' - - return None, None - - def _tab_match(self, path_user, path_file): - if self.fm.settings.cd_tab_case == 'insensitive': - path_user = path_user.lower() - path_file = path_file.lower() - elif self.fm.settings.cd_tab_case == 'smart' and path_user.islower(): - path_file = path_file.lower() - return path_file.startswith(path_user) - - def _tab_normal(self, dest, dest_abs): - dest_dir = os.path.dirname(dest) - dest_base = os.path.basename(dest) - - try: - dirnames = next(os.walk(os.path.dirname(dest_abs)))[1] - except (OSError, StopIteration): - return [], '' - - return [os.path.join(dest_dir, d) for d in dirnames if self._tab_match(dest_base, d)], '' - - def _tab_fuzzy_match(self, basepath, tokens): - """ Find directories matching tokens recursively """ - if not tokens: - tokens = [''] - paths = [basepath] - while True: - token = tokens.pop() - matches = [] - for path in paths: - try: - directories = next(os.walk(path))[1] - except (OSError, StopIteration): - continue - matches += [os.path.join(path, d) for d in directories - if self._tab_match(token, d)] - if not tokens or not matches: - return matches - paths = matches - - return None - - def _tab_fuzzy(self, dest, dest_abs): - tokens = [] - basepath = dest_abs - while True: - basepath_old = basepath - basepath, token = os.path.split(basepath) - if basepath == basepath_old: - break - if os.path.isdir(basepath_old) and not token.startswith('.'): - basepath = basepath_old - break - tokens.append(token) - - paths = self._tab_fuzzy_match(basepath, tokens) - if not os.path.isabs(dest): - paths_rel = self.fm.thisdir.path - paths = [os.path.relpath(os.path.join(basepath, path), paths_rel) - for path in paths] - else: - paths_rel = '' - return paths, paths_rel - - def tab(self, tabnum): - from os.path import sep - - start, dest, dest_abs, ends_with_sep = self._tab_args() - - paths, paths_rel = self._tab_paths(dest, dest_abs, ends_with_sep) - if paths is None: - if self.fm.settings.cd_tab_fuzzy: - paths, paths_rel = self._tab_fuzzy(dest, dest_abs) - else: - paths, paths_rel = self._tab_normal(dest, dest_abs) - - paths.sort() - - if self.fm.settings.cd_bookmarks: - paths[0:0] = [ - os.path.relpath(v.path, paths_rel) if paths_rel else v.path - for v in self.fm.bookmarks.dct.values() for path in paths - if v.path.startswith(os.path.join(paths_rel, path) + sep) - ] - - if not paths: - return None - if len(paths) == 1: - return start + paths[0] + sep - return [start + dirname + sep for dirname in paths] - - -class chain(Command): - """:chain ; ; ... - - Calls multiple commands at once, separated by semicolons. - """ - resolve_macros = False - - def execute(self): - if not self.rest(1).strip(): - self.fm.notify('Syntax: chain ; ; ...', bad=True) - return - for command in [s.strip() for s in self.rest(1).split(";")]: - self.fm.execute_console(command) - - -class shell(Command): - escape_macros_for_shell = True - - def execute(self): - if self.arg(1) and self.arg(1)[0] == '-': - flags = self.arg(1)[1:] - command = self.rest(2) - else: - flags = '' - command = self.rest(1) - - if command: - self.fm.execute_command(command, flags=flags) - - def tab(self, tabnum): - from ranger.ext.get_executables import get_executables - if self.arg(1) and self.arg(1)[0] == '-': - command = self.rest(2) - else: - command = self.rest(1) - start = self.line[0:len(self.line) - len(command)] - - try: - position_of_last_space = command.rindex(" ") - except ValueError: - return (start + program + ' ' for program - in get_executables() if program.startswith(command)) - if position_of_last_space == len(command) - 1: - selection = self.fm.thistab.get_selection() - if len(selection) == 1: - return self.line + selection[0].shell_escaped_basename + ' ' - return self.line + '%s ' - - before_word, start_of_word = self.line.rsplit(' ', 1) - return (before_word + ' ' + file.shell_escaped_basename - for file in self.fm.thisdir.files or [] - if file.shell_escaped_basename.startswith(start_of_word)) - - -class open_with(Command): - - def execute(self): - app, flags, mode = self._get_app_flags_mode(self.rest(1)) - self.fm.execute_file( - files=[f for f in self.fm.thistab.get_selection()], - app=app, - flags=flags, - mode=mode) - - def tab(self, tabnum): - return self._tab_through_executables() - - def _get_app_flags_mode(self, string): # pylint: disable=too-many-branches,too-many-statements - """Extracts the application, flags and mode from a string. - - examples: - "mplayer f 1" => ("mplayer", "f", 1) - "atool 4" => ("atool", "", 4) - "p" => ("", "p", 0) - "" => None - """ - - app = '' - flags = '' - mode = 0 - split = string.split() - - if len(split) == 1: - part = split[0] - if self._is_app(part): - app = part - elif self._is_flags(part): - flags = part - elif self._is_mode(part): - mode = part - - elif len(split) == 2: - part0 = split[0] - part1 = split[1] - - if self._is_app(part0): - app = part0 - if self._is_flags(part1): - flags = part1 - elif self._is_mode(part1): - mode = part1 - elif self._is_flags(part0): - flags = part0 - if self._is_mode(part1): - mode = part1 - elif self._is_mode(part0): - mode = part0 - if self._is_flags(part1): - flags = part1 - - elif len(split) >= 3: - part0 = split[0] - part1 = split[1] - part2 = split[2] - - if self._is_app(part0): - app = part0 - if self._is_flags(part1): - flags = part1 - if self._is_mode(part2): - mode = part2 - elif self._is_mode(part1): - mode = part1 - if self._is_flags(part2): - flags = part2 - elif self._is_flags(part0): - flags = part0 - if self._is_mode(part1): - mode = part1 - elif self._is_mode(part0): - mode = part0 - if self._is_flags(part1): - flags = part1 - - return app, flags, int(mode) - - def _is_app(self, arg): - return not self._is_flags(arg) and not arg.isdigit() - - @staticmethod - def _is_flags(arg): - from ranger.core.runner import ALLOWED_FLAGS - return all(x in ALLOWED_FLAGS for x in arg) - - @staticmethod - def _is_mode(arg): - return all(x in '0123456789' for x in arg) - - -class set_(Command): - """:set